@gsa-tts/graymatter-ui 0.2.1 → 0.2.2
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/graymatter-ui.js
CHANGED
|
@@ -3357,7 +3357,7 @@ var Es = (
|
|
|
3357
3357
|
}, Ls = (e, t) => {
|
|
3358
3358
|
var r;
|
|
3359
3359
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), (r = t()) == null || r());
|
|
3360
|
-
}, Us = /* @__PURE__ */ be('<div class="drawer-content svelte-14q02bh" part="drawer-content"><div class="logo-placeholder svelte-14q02bh"></div> <nav aria-label="Sub navigation"><!></nav></div>'), As = /* @__PURE__ */ be('<div part="side-nav-container"><div class="nav-content svelte-14q02bh"><div class="nav-main svelte-14q02bh" part="nav-main"><div class="menu-section svelte-14q02bh"><button><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div></button></div> <div class="nav-items svelte-14q02bh" part="nav-items"><a part="discover-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Discover</span></a> <a part="chat-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Chat</span></a> <a part="console-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Console</span></a> <a part="api-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">API</span></a></div></div> <div class="nav-footer svelte-14q02bh" part="nav-footer"><button class="user-profile-button svelte-14q02bh" tabindex="0"><div class="user-profile-container svelte-14q02bh"><div class="user-profile-icon svelte-14q02bh" part="user-profile-icon"><span class="user-initials svelte-14q02bh">ZW</span></div></div></button></div></div> <div part="expanded-content"><!></div></div>');
|
|
3360
|
+
}, Us = /* @__PURE__ */ be('<div class="drawer-content svelte-14q02bh" part="drawer-content"><div class="logo-placeholder svelte-14q02bh" part="logo-placeholder"></div> <nav aria-label="Sub navigation" part="sub-navigation"><!></nav></div>'), As = /* @__PURE__ */ be('<div part="side-nav-container"><div class="nav-content svelte-14q02bh" part="nav-content"><div class="nav-main svelte-14q02bh" part="nav-main"><div class="menu-section svelte-14q02bh" part="menu-section"><button><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div></button></div> <div class="nav-items svelte-14q02bh" part="nav-items"><a part="discover-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Discover</span></a> <a part="chat-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Chat</span></a> <a part="console-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Console</span></a> <a part="api-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">API</span></a></div></div> <div class="nav-footer svelte-14q02bh" part="nav-footer"><button class="user-profile-button svelte-14q02bh" tabindex="0"><div class="user-profile-container svelte-14q02bh"><div class="user-profile-icon svelte-14q02bh" part="user-profile-icon"><span class="user-initials svelte-14q02bh">ZW</span></div></div></button></div></div> <div part="expanded-content"><!></div></div>');
|
|
3361
3361
|
const Os = {
|
|
3362
3362
|
hash: "svelte-14q02bh",
|
|
3363
3363
|
code: `.expanded-content.drawer-anim.svelte-14q02bh {max-width:0;overflow:hidden;pointer-events:none;transition:max-width 0.2s cubic-bezier(.4, 0, .2, 1);}.expanded-content.drawer-anim.open.svelte-14q02bh {max-width:12.5rem;pointer-events:auto;}.drawer-content.svelte-14q02bh {width:12.5rem;height:100%;}.logo-placeholder.svelte-14q02bh {height:var(--ai-size-72);}.user-profile-container.svelte-14q02bh,
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
--ai-button-border-outline-inverted-rest
|
|
19
19
|
);}.ai-button.svelte-zftwkm {background-color:var(--ai-button-background-primary-rest);border-radius:var(--ai-button-radius);color:var(--ai-button-text-primary-rest);font-weight:var(--ai-font-weight-medium);padding-inline:var(--ai-button-padding-x);padding-block:var(--ai-button-padding-y);margin:0;}.ai-button.svelte-zftwkm:is(:where(.svelte-zftwkm):hover, :where(.svelte-zftwkm):focus) {background-color:var(--ai-button-background-primary-hover);color:var(--ai-button-text-primary-hover);}.ai-button--small.svelte-zftwkm {--ai-button-padding-x: var(--ai-size-24);--ai-button-padding-y: var(--ai-size-8);font-size:var(--ai-size-12);}.ai-button--outline.svelte-zftwkm {background-color:transparent;box-shadow:var(--ai-button-box-shadow) var(--ai-button-border-outline-rest);color:var(--ai-button-text-outline-rest);}.ai-button--outline.svelte-zftwkm:is(:where(.svelte-zftwkm):hover, :where(.svelte-zftwkm):focus) {background-color:var(--ai-button-background-outline-hover);box-shadow:var(--ai-button-box-shadow) var(--ai-button-border-outline-hover);color:var(--ai-button-text-outline-hover);}.ai-button--outline-inverted.svelte-zftwkm {background-color:transparent;box-shadow:var(--ai-button-box-shadow) var(--ai-button-border-outline-inverted-rest);color:var(--ai-button-text-outline-inverted-rest);}.ai-button--outline-inverted.svelte-zftwkm:is(:where(.svelte-zftwkm):hover, :where(.svelte-zftwkm):focus) {background-color:var(--ai-button-background-outline-inverted-hover);box-shadow:var(--ai-button-box-shadow) var(--ai-button-border-outline-inverted-hover);color:var(--ai-button-text-outline-inverted-hover);}.ai-button--inverted.svelte-zftwkm {background-color:var(--ai-button-background-inverted-rest);color:var(--ai-button-text-inverted-rest);box-shadow:none;border:var(--ai-button-border-inverted-rest);}.ai-button--inverted.svelte-zftwkm:is(:where(.svelte-zftwkm):hover, :where(.svelte-zftwkm):focus) {background-color:var(--ai-button-background-inverted-hover);color:var(--ai-button-text-inverted-hover);border:var(--ai-button-border-inverted-hover);}.ai-button--unstyled.svelte-zftwkm {background:none;color:inherit;border:none;box-shadow:none;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:var(--ai-font-underline-offset);}.ai-button--unstyled.svelte-zftwkm:is(:where(.svelte-zftwkm):hover, :where(.svelte-zftwkm):focus) {background:none;color:inherit;border:none;box-shadow:none;text-decoration:underline;}.ai-menu-buttons.svelte-zftwkm {display:flex;gap:var(--ai-size-16);}
|
|
20
20
|
|
|
21
|
-
/* disabled button styles */:is(.disabled.svelte-zftwkm, [disabled].svelte-zftwkm, [aria-disabled=true].svelte-zftwkm) {background:var(--ai-button-background-primary-disabled);color:var(--ai-button-text-primary-disabled);cursor:not-allowed;}.ai-button--inverted.svelte-zftwkm:is(.disabled:where(.svelte-zftwkm), [disabled]:where(.svelte-zftwkm), [aria-disabled=true]:where(.svelte-zftwkm)) {background:var(--ai-button-background-inverted-disabled);color:var(--ai-button-text-inverted-disabled);}.ai-button--outline.svelte-zftwkm:is(.disabled:where(.svelte-zftwkm), [disabled]:where(.svelte-zftwkm), [aria-disabled=true]:where(.svelte-zftwkm)) {background:transparent;box-shadow:var(--ai-button-box-shadow) var(--ai-color-neutral-700);color:var(--ai-color-neutral-700);}.ai-button--outline-inverted.svelte-zftwkm:is(.disabled:where(.svelte-zftwkm), [disabled]:where(.svelte-zftwkm), [aria-disabled=true]:where(.svelte-zftwkm)) {box-shadow:var(--ai-button-box-shadow) var(--ai-color-neutral-200);color:var(--ai-color-neutral-600);}.ai-button--unstyled.svelte-zftwkm:is(.disabled:where(.svelte-zftwkm), [disabled]:where(.svelte-zftwkm), [aria-disabled=true]:where(.svelte-zftwkm)) {background:none;color:inherit;opacity:0.75;}`};function vi(e,t){Y(t,!0),pt(e,Ua);let r=k(t,"variant",7,"primary"),n=k(t,"theme",7,"default"),i=k(t,"href",7,null),o=k(t,"disabled",7,!1),s=k(t,"onclick",7),a=k(t,"children",7,null),l=k(t,"size",7,"medium"),u=k(t,"type",7,"button"),d=k(t,"class",7,""),f=Hr(t,["$$slots","$$events","$$legacy","$$host","variant","theme","href","disabled","onclick","children","size","type","class"]);const c=G(()=>()=>["usa-button","ai-button",l()==="small"?"ai-button--small":"",n()==="inverted"&&r()==="primary"?"ai-button--inverted":"",n()==="inverted"&&r()==="secondary"?"ai-button--outline-inverted":"",r()==="primary"?"usa-button--primary":"",r()==="secondary"?"usa-button--outline ai-button--outline":"",r()==="unstyled"?"ai-button--unstyled":""].filter(Boolean).join(" ")),v=G(()=>()=>`${E(c)()} ${d()}`.trim());var b=Ut(),g=Ye(b);{var y=h=>{var p=Ma();nr(p,(x,L)=>({class:x,href:i(),onclick:s(),...f,[gt]:L}),[()=>E(v)(),()=>({disabled:o()})],"svelte-zftwkm");var w=S(p);Ar(w,()=>a()??ue),C(p),I(h,p)},m=h=>{var p=La();nr(p,x=>({class:x,type:u(),disabled:o(),onclick:s(),...f}),[()=>E(v)()],"svelte-zftwkm");var w=S(p);Ar(w,()=>a()??ue),C(p),I(h,p)};he(g,h=>{i()?h(y):h(m,!1)})}return I(e,b),Z({get variant(){return r()},set variant(h="primary"){r(h),_()},get theme(){return n()},set theme(h="default"){n(h),_()},get href(){return i()},set href(h=null){i(h),_()},get disabled(){return o()},set disabled(h=!1){o(h),_()},get onclick(){return s()},set onclick(h){s(h),_()},get children(){return a()},set children(h=null){a(h),_()},get size(){return l()},set size(h="medium"){l(h),_()},get type(){return u()},set type(h="button"){u(h),_()},get class(){return d()},set class(h=""){d(h),_()}})}B(vi,{variant:{},theme:{},href:{},disabled:{},onclick:{},children:{},size:{},type:{},class:{}},[],[],!0);function hi(e,t){Y(t,!0);let r=k(t,"variant",7,"primary"),n=k(t,"theme",7,"default"),i=k(t,"href",7,null),o=k(t,"disabled",7,!1),s=k(t,"size",7,"medium"),a=k(t,"type",7,"button"),l=k(t,"onclick",7),u=k(t,"children",7,null),d=k(t,"class",7,""),f=Hr(t,["$$slots","$$events","$$legacy","$$host","variant","theme","href","disabled","size","type","onclick","children","class"]);return vi(e,di({get variant(){return r()},get theme(){return n()},get href(){return i()},get disabled(){return o()},get size(){return s()},get type(){return a()},get onclick(){return l()},get children(){return u()},get class(){return d()}},()=>f,{$$slots:{default:(c,v)=>{var b=Ut(),g=Ye(b);rr(g,t,"default",{}),I(c,b)}}})),Z({get variant(){return r()},set variant(c="primary"){r(c),_()},get theme(){return n()},set theme(c="default"){n(c),_()},get href(){return i()},set href(c=null){i(c),_()},get disabled(){return o()},set disabled(c=!1){o(c),_()},get size(){return s()},set size(c="medium"){s(c),_()},get type(){return a()},set type(c="button"){a(c),_()},get onclick(){return l()},set onclick(c){l(c),_()},get children(){return u()},set children(c=null){u(c),_()},get class(){return d()},set class(c=""){d(c),_()}})}customElements.define("graymatter-button",B(hi,{variant:{attribute:"variant",reflect:!0,type:"String"},theme:{attribute:"theme",reflect:!0,type:"String"},href:{attribute:"href",reflect:!0,type:"String"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},size:{attribute:"size",reflect:!0,type:"String"},type:{attribute:"type",reflect:!0,type:"String"},onclick:{},children:{},class:{}},["default"],[],!0));const qt=typeof window<"u";function Aa(e,t){if(qt&&typeof sessionStorage<"u"){const r=sessionStorage.getItem(e);if(r!==null)try{return JSON.parse(r)}catch(n){return console.warn(`Failed to parse stored value for ${e}:`,n),t}}return t}function bi(e,t){const r=Aa(e,t),n=ir(r);return qt&&n.subscribe(i=>{try{sessionStorage.setItem(e,JSON.stringify(i))}catch(o){console.warn(`Failed to persist ${e} to sessionStorage:`,o)}}),n}bi("subNav-selectedId",null);const tt=bi("subNav-selectedTitle","");function pi(e,t){if(qt&&typeof localStorage<"u"){const r=localStorage.getItem(e);if(r!==null)try{return JSON.parse(r)}catch(n){return console.warn(`Failed to parse stored value for ${e}:`,n),t}}return t}function gi(e,t){const r=pi(e,t),n=ir(r);return qt&&n.subscribe(i=>{try{localStorage.setItem(e,JSON.stringify(i))}catch(o){console.warn(`Failed to persist ${e} to localStorage:`,o)}}),n}const xe=gi("globalSideNav-isExpanded",!1),rt=gi("globalSideNav-selectedItem",null),Vr=ya(rt,e=>e==="discover"),Ie={toggleExpanded:()=>{xe.update(e=>!e)},setExpanded:e=>{xe.set(e)},setSelectedItem:e=>{rt.set(e),e==="discover"?xe.set(!1):qt&&window.innerWidth>640&&xe.set(!0)},handleLayoutTransition:e=>{if(e)xe.set(!1);else{const t=pi("globalSideNav-selectedItem",null);t&&t!=="discover"?(console.log("[NavigationStore] Opening navigation for desktop (non-discover page)"),xe.set(!0)):xe.set(!1)}}},lr=Object.freeze(Object.defineProperty({__proto__:null,isExpanded:xe,isMenuButtonDisabled:Vr,navigationStore:Ie,selectedItem:rt,selectedSubNavItemTitle:tt},Symbol.toStringTag,{value:"Module"})),Oa=ir(!1);var qa=ve('<div part="global-header"><div class="header-content svelte-1p8bjnn" part="header-content"><span class="header-text svelte-1p8bjnn"> </span></div></div>');const Pa={hash:"svelte-1p8bjnn",code:".global-header.svelte-1p8bjnn {opacity:0;transition:opacity 0.2s;}.global-header.visible.svelte-1p8bjnn {opacity:1;transition:opacity 0.2s;}.header-content.svelte-1p8bjnn {display:flex;align-items:center;gap:var(--ai-size-16);background:var(--ai-color-white);height:var(--ai-size-56);padding:0 5.8rem;}.header-content.svelte-1p8bjnn {display:flex;align-items:center;gap:var(--ai-size-16);align-self:stretch;}.header-text.svelte-1p8bjnn {color:var(--ai-color-black);font-size:var(--ai-size-16);font-weight:400;line-height:1.3;}"};function mi(e,t){Y(t,!0),pt(e,Pa);const[r,n]=Ot(),i=()=>pe(rt,"$selectedItem",r),o=()=>pe(xe,"$isExpanded",r),s=()=>pe(Oa,"$subNavReady",r),a=()=>pe(tt,"$selectedSubNavItemTitle",r),l=k(t,"customHeaderText",7,"");let u=!1;const d=G(()=>()=>i()&&i()!=="discover"&&!o()&&!u&&s()),f=G(()=>()=>l()||a());tr(()=>{const h=w=>{if(typeof window<"u"&&window.innerWidth<=640)return;let x=null;if(typeof window<"u"&&(x=sessionStorage.getItem("subNav-topLevelTitle"),x))try{x=JSON.parse(x)}catch{}if(typeof x=="string"&&x.trim()!=="")tt.set(x),sessionStorage.setItem("subNav-selectedTitle",JSON.stringify(x));else{const L=w;L.detail&&L.detail.title&&(tt.set(L.detail.title),sessionStorage.setItem("subNav-selectedTitle",JSON.stringify(L.detail.title)))}},p=w=>{const x=w,{isMobile:L}=x.detail;L||(u=!0,setTimeout(()=>{u=!1},300))};return window.addEventListener("sectionVisible",h),window.addEventListener("layoutTransition",p),()=>{window.removeEventListener("sectionVisible",h),window.removeEventListener("layoutTransition",p)}});var c=qa();let v;var b=S(c),g=S(b),y=S(g,!0);C(g),C(b),C(c),ft((h,p)=>{v=be(c,1,"global-header svelte-1p8bjnn",null,v,h),Lr(y,p)},[()=>({visible:E(d)()}),()=>E(f)()]),I(e,c);var m=Z({get customHeaderText(){return l()},set customHeaderText(h=""){l(h),_()}});return n(),m}B(mi,{customHeaderText:{}},[],[],!0);function wi(e,t){Y(t,!0);let r=k(t,"customHeaderText",7,"");return mi(e,{get customHeaderText(){return r()}}),Z({get customHeaderText(){return r()},set customHeaderText(n=""){r(n),_()}})}customElements.define("graymatter-desktop-header",B(wi,{customHeaderText:{attribute:"custom-header-text",reflect:!0,type:"String"}},[],[],!0)),Co();var ja=H('<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7883 3.2108C11.2367 2.13286 12.7637 2.13286 13.212 3.2108L15.294 8.21652L20.6981 8.64976C21.8619 8.74306 22.3337 10.1953 21.4471 10.9549L17.3298 14.4818L18.5877 19.7553C18.8585 20.8909 17.6232 21.7884 16.6268 21.1799L12.0002 18.354L7.37353 21.1799C6.37721 21.7884 5.14182 20.8909 5.4127 19.7553L6.67062 14.4818L2.55328 10.9549C1.66664 10.1953 2.13851 8.74306 3.30224 8.64976L8.70633 8.21652L10.7883 3.2108Z" fill="black"></path>'),Da=H('<path d="M11.4807 3.49883C11.6729 3.03685 12.3273 3.03685 12.5195 3.49883L14.6454 8.61028C14.7264 8.80504 14.9096 8.93811 15.1199 8.95497L20.6381 9.39736C21.1369 9.43735 21.3391 10.0598 20.9591 10.3853L16.7548 13.9867C16.5946 14.1239 16.5246 14.3392 16.5736 14.5444L17.858 19.9293C17.9741 20.416 17.4447 20.8007 17.0177 20.5398L12.2933 17.6542C12.1133 17.5443 11.8869 17.5443 11.7069 17.6542L6.98251 20.5398C6.55551 20.8007 6.02606 20.416 6.14215 19.9293L7.42664 14.5444C7.47558 14.3392 7.40562 14.1239 7.24543 13.9867L3.04111 10.3853C2.66112 10.0598 2.86335 9.43735 3.36209 9.39736L8.88034 8.95497C9.0906 8.93811 9.27375 8.80504 9.35476 8.61028L11.4807 3.49883Z" stroke="#585C63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>'),Ha=H('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><!></svg>');function Rr(e,t){Y(t,!1);let r=k(t,"isSelected",12,!1);var n=Ha(),i=S(n);{var o=a=>{var l=ja();I(a,l)},s=a=>{var l=Da();I(a,l)};he(i,a=>{r()?a(o):a(s,!1)})}return C(n),I(e,n),Z({get isSelected(){return r()},set isSelected(a){r(a),_()}})}B(Rr,{isSelected:{}},[],[],!0);var Va=H('<path fill-rule="evenodd" clip-rule="evenodd" d="M17.0508 3C19.6009 3.00039 21.6688 5.06802 21.6689 7.61816V13.2832C21.6688 15.8333 19.6009 17.901 17.0508 17.9014H13.2686L9.23926 21.7168C8.58852 22.3323 7.5166 21.8705 7.5166 20.9746V17.8984C5.01299 17.8445 3.00011 15.7997 3 13.2832V7.61816C3.00012 5.06785 5.06785 3.00012 7.61816 3H17.0508Z" fill="black"></path>'),Ra=H('<path d="M17.0508 3C19.6009 3.00039 21.6688 5.06802 21.6689 7.61816V13.2832C21.6688 15.8333 19.6009 17.901 17.0508 17.9014H13.2686L9.23926 21.7168C8.58852 22.3323 7.5166 21.8705 7.5166 20.9746V17.8984C5.01299 17.8445 3.00011 15.7997 3 13.2832V7.61816C3.00012 5.06785 5.06785 3.00012 7.61816 3H17.0508ZM7.61816 4.45898C5.87327 4.4591 4.4591 5.87327 4.45898 7.61816V13.2832C4.4591 15.0281 5.87327 16.4432 7.61816 16.4434L8.24609 16.4424C8.64868 16.4424 8.97539 16.7693 8.97559 17.1719V19.958L12.4775 16.6426C12.6186 16.5091 12.7994 16.4443 12.9795 16.4443V16.4434H17.0508C18.7954 16.443 20.2099 15.0279 20.21 13.2832V7.61816C20.2098 5.87344 18.7954 4.45938 17.0508 4.45898H7.61816Z" fill="#585C63"></path>'),Ba=H('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><!></svg>');function Br(e,t){Y(t,!1);let r=k(t,"isSelected",12,!1);var n=Ba(),i=S(n);{var o=a=>{var l=Va();I(a,l)},s=a=>{var l=Ra();I(a,l)};he(i,a=>{r()?a(o):a(s,!1)})}return C(n),I(e,n),Z({get isSelected(){return r()},set isSelected(a){r(a),_()}})}B(Br,{isSelected:{}},[],[],!0);var Fa=H('<rect x="2.75" y="6.02856" width="3.7459" height="12.9262" fill="black" stroke="black" stroke-width="1.5"></rect><rect x="9.96338" y="9.96313" width="3.7459" height="8.9918" fill="black" stroke="black" stroke-width="1.5"></rect><rect x="17.1763" y="2.75" width="3.7459" height="16.2049" fill="black" stroke="black" stroke-width="1.5"></rect><path d="M2.32764 22H21.344" stroke="black" stroke-width="1.5" stroke-linecap="square"></path>',1),Ya=H('<rect x="2.75" y="6.02856" width="3.7459" height="12.9262" stroke="#585C63" stroke-width="1.5"></rect><rect x="9.96338" y="9.96313" width="3.7459" height="8.9918" stroke="#585C63" stroke-width="1.5"></rect><rect x="17.1763" y="2.75" width="3.7459" height="16.2049" stroke="#585C63" stroke-width="1.5"></rect><path d="M2.32764 22H21.344" stroke="#585C63" stroke-width="1.5" stroke-linecap="square"></path>',1),Za=H('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><!></svg>');function Fr(e,t){Y(t,!1);let r=k(t,"isSelected",12,!1);var n=Za(),i=S(n);{var o=a=>{var l=Fa();Se(3),I(a,l)},s=a=>{var l=Ya();Se(3),I(a,l)};he(i,a=>{r()?a(o):a(s,!1)})}return C(n),I(e,n),Z({get isSelected(){return r()},set isSelected(a){r(a),_()}})}B(Fr,{isSelected:{}},[],[],!0);var Ja=H('<rect x="4.41699" y="4.62451" width="15.1664" height="15.1664" rx="1.75" stroke="black" stroke-width="1.5"></rect><g><path d="M9.5 3.66664V2" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 14.4998L2 14.4998" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 14.4998L20.3335 14.4998" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M9.5 21.9999V20.3333" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M12.0005 3.66664V2" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 12.0005L2 12.0005" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 12.0005L20.3335 12.0005" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M12.0005 21.9999V20.3333" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M14.4995 3.66664V2" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 9.5L2 9.5" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 9.5L20.3335 9.5" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M14.4995 21.9999V20.3333" stroke="black" stroke-width="1.5" stroke-linecap="round"></path></g><path d="M10.5 8.52856H13.7559C14.7224 8.52856 15.5059 9.31207 15.5059 10.2786V13.5344C15.5059 14.5009 14.7224 15.2844 13.7559 15.2844H10.5C9.5335 15.2844 8.75 14.5009 8.75 13.5344V10.2786C8.75 9.31207 9.5335 8.52856 10.5 8.52856Z" fill="black" stroke="black" stroke-width="1.5"></path>',1),Wa=H('<rect x="4.41699" y="4.62451" width="15.1664" height="15.1664" rx="1.75" stroke="#585C63" stroke-width="1.5"></rect><g><path d="M9.5 3.66664V2" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 14.4995L2 14.4995" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 14.4995L20.3335 14.4995" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M9.5 21.9999V20.3333" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M12.0005 3.66664V2" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 12.0002L2 12.0002" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 12.0002L20.3335 12.0002" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M12.0005 21.9999V20.3333" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M14.4995 3.66664V2" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 9.49976L2 9.49976" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 9.49976L20.3335 9.49976" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M14.4995 21.9999V20.3333" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path></g><rect x="8.52881" y="8.52856" width="6.75594" height="6.75594" rx="1.75" stroke="#585C63" stroke-width="1.5"></rect>',1),Ka=H('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><!></svg>');function Yr(e,t){Y(t,!1);let r=k(t,"isSelected",12,!1);var n=Ka(),i=S(n);{var o=a=>{var l=Ja();Se(2),I(a,l)},s=a=>{var l=Wa();Se(2),I(a,l)};he(i,a=>{r()?a(o):a(s,!1)})}return C(n),I(e,n),Z({get isSelected(){return r()},set isSelected(a){r(a),_()}})}B(Yr,{isSelected:{}},[],[],!0);var Ga=H('<path d="M18.75 3H5.25C4.00736 3 3 4.09719 3 5.45064V7.90129V18.5207C3 19.8742 4.00736 20.9714 5.25 20.9714H18.75C19.9926 20.9714 21 19.8742 21 18.5207V7.90129V5.45064C21 4.09719 19.9926 3 18.75 3Z" stroke="#C7CDD6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path stroke="#C7CDD6" stroke-width="1.5"></path>',1),Xa=H('<path d="M12.25 18L6 12M6 12L12.25 6M6 12L21 12" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 3V21" stroke="black" stroke-width="1.5" stroke-linecap="round"></path>',1),Qa=H('<path d="M11.75 18.25L18 12M18 12L11.75 5.75M18 12L3 12" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21 3V21" stroke="black" stroke-width="1.5" stroke-linecap="round"></path>',1),es=H('<path d="M8.18018 5.45068V18.5208" stroke="#585C63" stroke-width="1.5"></path>'),ts=H('<path d="M9.18018 3.27222V20.9203" stroke="#585C63" stroke-width="1.5"></path>'),rs=H('<path d="M18.75 3H5.25C4.00736 3 3 4.09719 3 5.45064V7.90129V18.5207C3 19.8742 4.00736 20.9714 5.25 20.9714H18.75C19.9926 20.9714 21 19.8742 21 18.5207V7.90129V5.45064C21 4.09719 19.9926 3 18.75 3Z" stroke="#585C63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><!>',1),ns=H("<svg><!></svg>");function Zr(e,t){const r=ar(t,["children","$$slots","$$events","$$legacy","$$host"]),n=ar(r,["isDisabled","isHovered","isOpen"]);Y(t,!1);let i=k(t,"isDisabled",12,!1),o=k(t,"isHovered",12,!1),s=k(t,"isOpen",12,!1);var a=ns();nr(a,()=>({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...n}));var l=S(a);{var u=f=>{var c=Ga(),v=X(Ye(c));ft(()=>ee(v,"d",`M${s()?"8.18018":"9.18018"} ${s()?"5.45068":"3.27222"}V${s()?"18.5208":"20.9203"}`)),I(f,c)},d=(f,c)=>{{var v=g=>{var y=Ut(),m=Ye(y);{var h=w=>{var x=Xa();Se(),I(w,x)},p=w=>{var x=Qa();Se(),I(w,x)};he(m,w=>{s()?w(h):w(p,!1)})}I(g,y)},b=g=>{var y=rs(),m=X(Ye(y));{var h=w=>{var x=es();I(w,x)},p=w=>{var x=ts();I(w,x)};he(m,w=>{s()?w(h):w(p,!1)})}I(g,y)};he(f,g=>{o()?g(v):g(b,!1)},c)}};he(l,f=>{i()?f(u):f(d,!1)})}return C(a),I(e,a),Z({get isDisabled(){return i()},set isDisabled(f){i(f),_()},get isHovered(){return o()},set isHovered(f){o(f),_()},get isOpen(){return s()},set isOpen(f){s(f),_()}})}B(Zr,{isDisabled:{},isHovered:{},isOpen:{}},[],[],!0);const is={};function Jr(e,t){t||console.warn(`[getAppUrls] Environment variable for ${e} is missing!`)}function _i(e){const t=is,r="#",n=t.PUBLIC_CHAT_URL,i=t.PUBLIC_CONSOLE_URL,o=t.PUBLIC_API_URL,s=t.PUBLIC_DISCOVER_URL;return Jr("chat",n),Jr("console",i),Jr("api",o),{chat:n||r,console:i||r,api:o||"/api",discover:s||"/discover"}}function os(e,t,r,n){var i;t()||(Ie.toggleExpanded(),(i=r())==null||i({expanded:n()}))}var as=(e,t)=>t("discover"),ss=(e,t)=>t(e,"discover"),ls=(e,t)=>t("chat"),us=(e,t)=>t(e,"chat"),cs=(e,t)=>t("console"),ds=(e,t)=>t(e,"console"),fs=(e,t)=>t("api"),vs=(e,t)=>t(e,"api"),hs=(e,t)=>{var r;return(r=t())==null?void 0:r()},bs=(e,t)=>{var r;(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),(r=t())==null||r())},ps=ve('<div class="drawer-content svelte-14q02bh" part="drawer-content"><div class="logo-placeholder svelte-14q02bh"></div> <nav aria-label="Sub navigation"><!></nav></div>'),gs=ve('<div part="side-nav-container"><div class="nav-content svelte-14q02bh"><div class="nav-main svelte-14q02bh" part="nav-main"><div class="menu-section svelte-14q02bh"><button><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div></button></div> <div class="nav-items svelte-14q02bh" part="nav-items"><a part="discover-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Discover</span></a> <a part="chat-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Chat</span></a> <a part="console-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Console</span></a> <a part="api-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">API</span></a></div></div> <div class="nav-footer svelte-14q02bh" part="nav-footer"><button class="user-profile-button svelte-14q02bh" tabindex="0"><div class="user-profile-container svelte-14q02bh"><div class="user-profile-icon svelte-14q02bh" part="user-profile-icon"><span class="user-initials svelte-14q02bh">ZW</span></div></div></button></div></div> <div part="expanded-content"><!></div></div>');const ms={hash:"svelte-14q02bh",code:`.expanded-content.drawer-anim.svelte-14q02bh {max-width:0;overflow:hidden;pointer-events:none;transition:max-width 0.2s cubic-bezier(.4, 0, .2, 1);}.expanded-content.drawer-anim.open.svelte-14q02bh {max-width:12.5rem;pointer-events:auto;}.drawer-content.svelte-14q02bh {width:12.5rem;height:100%;}.logo-placeholder.svelte-14q02bh {height:var(--ai-size-72);}.user-profile-container.svelte-14q02bh,
|
|
21
|
+
/* disabled button styles */:is(.disabled.svelte-zftwkm, [disabled].svelte-zftwkm, [aria-disabled=true].svelte-zftwkm) {background:var(--ai-button-background-primary-disabled);color:var(--ai-button-text-primary-disabled);cursor:not-allowed;}.ai-button--inverted.svelte-zftwkm:is(.disabled:where(.svelte-zftwkm), [disabled]:where(.svelte-zftwkm), [aria-disabled=true]:where(.svelte-zftwkm)) {background:var(--ai-button-background-inverted-disabled);color:var(--ai-button-text-inverted-disabled);}.ai-button--outline.svelte-zftwkm:is(.disabled:where(.svelte-zftwkm), [disabled]:where(.svelte-zftwkm), [aria-disabled=true]:where(.svelte-zftwkm)) {background:transparent;box-shadow:var(--ai-button-box-shadow) var(--ai-color-neutral-700);color:var(--ai-color-neutral-700);}.ai-button--outline-inverted.svelte-zftwkm:is(.disabled:where(.svelte-zftwkm), [disabled]:where(.svelte-zftwkm), [aria-disabled=true]:where(.svelte-zftwkm)) {box-shadow:var(--ai-button-box-shadow) var(--ai-color-neutral-200);color:var(--ai-color-neutral-600);}.ai-button--unstyled.svelte-zftwkm:is(.disabled:where(.svelte-zftwkm), [disabled]:where(.svelte-zftwkm), [aria-disabled=true]:where(.svelte-zftwkm)) {background:none;color:inherit;opacity:0.75;}`};function vi(e,t){Y(t,!0),pt(e,Ua);let r=k(t,"variant",7,"primary"),n=k(t,"theme",7,"default"),i=k(t,"href",7,null),o=k(t,"disabled",7,!1),s=k(t,"onclick",7),a=k(t,"children",7,null),l=k(t,"size",7,"medium"),u=k(t,"type",7,"button"),d=k(t,"class",7,""),f=Hr(t,["$$slots","$$events","$$legacy","$$host","variant","theme","href","disabled","onclick","children","size","type","class"]);const c=G(()=>()=>["usa-button","ai-button",l()==="small"?"ai-button--small":"",n()==="inverted"&&r()==="primary"?"ai-button--inverted":"",n()==="inverted"&&r()==="secondary"?"ai-button--outline-inverted":"",r()==="primary"?"usa-button--primary":"",r()==="secondary"?"usa-button--outline ai-button--outline":"",r()==="unstyled"?"ai-button--unstyled":""].filter(Boolean).join(" ")),v=G(()=>()=>`${E(c)()} ${d()}`.trim());var b=Ut(),g=Ye(b);{var y=h=>{var p=Ma();nr(p,(x,L)=>({class:x,href:i(),onclick:s(),...f,[gt]:L}),[()=>E(v)(),()=>({disabled:o()})],"svelte-zftwkm");var w=S(p);Ar(w,()=>a()??ue),C(p),I(h,p)},m=h=>{var p=La();nr(p,x=>({class:x,type:u(),disabled:o(),onclick:s(),...f}),[()=>E(v)()],"svelte-zftwkm");var w=S(p);Ar(w,()=>a()??ue),C(p),I(h,p)};he(g,h=>{i()?h(y):h(m,!1)})}return I(e,b),Z({get variant(){return r()},set variant(h="primary"){r(h),_()},get theme(){return n()},set theme(h="default"){n(h),_()},get href(){return i()},set href(h=null){i(h),_()},get disabled(){return o()},set disabled(h=!1){o(h),_()},get onclick(){return s()},set onclick(h){s(h),_()},get children(){return a()},set children(h=null){a(h),_()},get size(){return l()},set size(h="medium"){l(h),_()},get type(){return u()},set type(h="button"){u(h),_()},get class(){return d()},set class(h=""){d(h),_()}})}B(vi,{variant:{},theme:{},href:{},disabled:{},onclick:{},children:{},size:{},type:{},class:{}},[],[],!0);function hi(e,t){Y(t,!0);let r=k(t,"variant",7,"primary"),n=k(t,"theme",7,"default"),i=k(t,"href",7,null),o=k(t,"disabled",7,!1),s=k(t,"size",7,"medium"),a=k(t,"type",7,"button"),l=k(t,"onclick",7),u=k(t,"children",7,null),d=k(t,"class",7,""),f=Hr(t,["$$slots","$$events","$$legacy","$$host","variant","theme","href","disabled","size","type","onclick","children","class"]);return vi(e,di({get variant(){return r()},get theme(){return n()},get href(){return i()},get disabled(){return o()},get size(){return s()},get type(){return a()},get onclick(){return l()},get children(){return u()},get class(){return d()}},()=>f,{$$slots:{default:(c,v)=>{var b=Ut(),g=Ye(b);rr(g,t,"default",{}),I(c,b)}}})),Z({get variant(){return r()},set variant(c="primary"){r(c),_()},get theme(){return n()},set theme(c="default"){n(c),_()},get href(){return i()},set href(c=null){i(c),_()},get disabled(){return o()},set disabled(c=!1){o(c),_()},get size(){return s()},set size(c="medium"){s(c),_()},get type(){return a()},set type(c="button"){a(c),_()},get onclick(){return l()},set onclick(c){l(c),_()},get children(){return u()},set children(c=null){u(c),_()},get class(){return d()},set class(c=""){d(c),_()}})}customElements.define("graymatter-button",B(hi,{variant:{attribute:"variant",reflect:!0,type:"String"},theme:{attribute:"theme",reflect:!0,type:"String"},href:{attribute:"href",reflect:!0,type:"String"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},size:{attribute:"size",reflect:!0,type:"String"},type:{attribute:"type",reflect:!0,type:"String"},onclick:{},children:{},class:{}},["default"],[],!0));const qt=typeof window<"u";function Aa(e,t){if(qt&&typeof sessionStorage<"u"){const r=sessionStorage.getItem(e);if(r!==null)try{return JSON.parse(r)}catch(n){return console.warn(`Failed to parse stored value for ${e}:`,n),t}}return t}function bi(e,t){const r=Aa(e,t),n=ir(r);return qt&&n.subscribe(i=>{try{sessionStorage.setItem(e,JSON.stringify(i))}catch(o){console.warn(`Failed to persist ${e} to sessionStorage:`,o)}}),n}bi("subNav-selectedId",null);const tt=bi("subNav-selectedTitle","");function pi(e,t){if(qt&&typeof localStorage<"u"){const r=localStorage.getItem(e);if(r!==null)try{return JSON.parse(r)}catch(n){return console.warn(`Failed to parse stored value for ${e}:`,n),t}}return t}function gi(e,t){const r=pi(e,t),n=ir(r);return qt&&n.subscribe(i=>{try{localStorage.setItem(e,JSON.stringify(i))}catch(o){console.warn(`Failed to persist ${e} to localStorage:`,o)}}),n}const xe=gi("globalSideNav-isExpanded",!1),rt=gi("globalSideNav-selectedItem",null),Vr=ya(rt,e=>e==="discover"),Ie={toggleExpanded:()=>{xe.update(e=>!e)},setExpanded:e=>{xe.set(e)},setSelectedItem:e=>{rt.set(e),e==="discover"?xe.set(!1):qt&&window.innerWidth>640&&xe.set(!0)},handleLayoutTransition:e=>{if(e)xe.set(!1);else{const t=pi("globalSideNav-selectedItem",null);t&&t!=="discover"?(console.log("[NavigationStore] Opening navigation for desktop (non-discover page)"),xe.set(!0)):xe.set(!1)}}},lr=Object.freeze(Object.defineProperty({__proto__:null,isExpanded:xe,isMenuButtonDisabled:Vr,navigationStore:Ie,selectedItem:rt,selectedSubNavItemTitle:tt},Symbol.toStringTag,{value:"Module"})),Oa=ir(!1);var qa=ve('<div part="global-header"><div class="header-content svelte-1p8bjnn" part="header-content"><span class="header-text svelte-1p8bjnn"> </span></div></div>');const Pa={hash:"svelte-1p8bjnn",code:".global-header.svelte-1p8bjnn {opacity:0;transition:opacity 0.2s;}.global-header.visible.svelte-1p8bjnn {opacity:1;transition:opacity 0.2s;}.header-content.svelte-1p8bjnn {display:flex;align-items:center;gap:var(--ai-size-16);background:var(--ai-color-white);height:var(--ai-size-56);padding:0 5.8rem;}.header-content.svelte-1p8bjnn {display:flex;align-items:center;gap:var(--ai-size-16);align-self:stretch;}.header-text.svelte-1p8bjnn {color:var(--ai-color-black);font-size:var(--ai-size-16);font-weight:400;line-height:1.3;}"};function mi(e,t){Y(t,!0),pt(e,Pa);const[r,n]=Ot(),i=()=>pe(rt,"$selectedItem",r),o=()=>pe(xe,"$isExpanded",r),s=()=>pe(Oa,"$subNavReady",r),a=()=>pe(tt,"$selectedSubNavItemTitle",r),l=k(t,"customHeaderText",7,"");let u=!1;const d=G(()=>()=>i()&&i()!=="discover"&&!o()&&!u&&s()),f=G(()=>()=>l()||a());tr(()=>{const h=w=>{if(typeof window<"u"&&window.innerWidth<=640)return;let x=null;if(typeof window<"u"&&(x=sessionStorage.getItem("subNav-topLevelTitle"),x))try{x=JSON.parse(x)}catch{}if(typeof x=="string"&&x.trim()!=="")tt.set(x),sessionStorage.setItem("subNav-selectedTitle",JSON.stringify(x));else{const L=w;L.detail&&L.detail.title&&(tt.set(L.detail.title),sessionStorage.setItem("subNav-selectedTitle",JSON.stringify(L.detail.title)))}},p=w=>{const x=w,{isMobile:L}=x.detail;L||(u=!0,setTimeout(()=>{u=!1},300))};return window.addEventListener("sectionVisible",h),window.addEventListener("layoutTransition",p),()=>{window.removeEventListener("sectionVisible",h),window.removeEventListener("layoutTransition",p)}});var c=qa();let v;var b=S(c),g=S(b),y=S(g,!0);C(g),C(b),C(c),ft((h,p)=>{v=be(c,1,"global-header svelte-1p8bjnn",null,v,h),Lr(y,p)},[()=>({visible:E(d)()}),()=>E(f)()]),I(e,c);var m=Z({get customHeaderText(){return l()},set customHeaderText(h=""){l(h),_()}});return n(),m}B(mi,{customHeaderText:{}},[],[],!0);function wi(e,t){Y(t,!0);let r=k(t,"customHeaderText",7,"");return mi(e,{get customHeaderText(){return r()}}),Z({get customHeaderText(){return r()},set customHeaderText(n=""){r(n),_()}})}customElements.define("graymatter-desktop-header",B(wi,{customHeaderText:{attribute:"custom-header-text",reflect:!0,type:"String"}},[],[],!0)),Co();var ja=H('<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7883 3.2108C11.2367 2.13286 12.7637 2.13286 13.212 3.2108L15.294 8.21652L20.6981 8.64976C21.8619 8.74306 22.3337 10.1953 21.4471 10.9549L17.3298 14.4818L18.5877 19.7553C18.8585 20.8909 17.6232 21.7884 16.6268 21.1799L12.0002 18.354L7.37353 21.1799C6.37721 21.7884 5.14182 20.8909 5.4127 19.7553L6.67062 14.4818L2.55328 10.9549C1.66664 10.1953 2.13851 8.74306 3.30224 8.64976L8.70633 8.21652L10.7883 3.2108Z" fill="black"></path>'),Da=H('<path d="M11.4807 3.49883C11.6729 3.03685 12.3273 3.03685 12.5195 3.49883L14.6454 8.61028C14.7264 8.80504 14.9096 8.93811 15.1199 8.95497L20.6381 9.39736C21.1369 9.43735 21.3391 10.0598 20.9591 10.3853L16.7548 13.9867C16.5946 14.1239 16.5246 14.3392 16.5736 14.5444L17.858 19.9293C17.9741 20.416 17.4447 20.8007 17.0177 20.5398L12.2933 17.6542C12.1133 17.5443 11.8869 17.5443 11.7069 17.6542L6.98251 20.5398C6.55551 20.8007 6.02606 20.416 6.14215 19.9293L7.42664 14.5444C7.47558 14.3392 7.40562 14.1239 7.24543 13.9867L3.04111 10.3853C2.66112 10.0598 2.86335 9.43735 3.36209 9.39736L8.88034 8.95497C9.0906 8.93811 9.27375 8.80504 9.35476 8.61028L11.4807 3.49883Z" stroke="#585C63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>'),Ha=H('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><!></svg>');function Rr(e,t){Y(t,!1);let r=k(t,"isSelected",12,!1);var n=Ha(),i=S(n);{var o=a=>{var l=ja();I(a,l)},s=a=>{var l=Da();I(a,l)};he(i,a=>{r()?a(o):a(s,!1)})}return C(n),I(e,n),Z({get isSelected(){return r()},set isSelected(a){r(a),_()}})}B(Rr,{isSelected:{}},[],[],!0);var Va=H('<path fill-rule="evenodd" clip-rule="evenodd" d="M17.0508 3C19.6009 3.00039 21.6688 5.06802 21.6689 7.61816V13.2832C21.6688 15.8333 19.6009 17.901 17.0508 17.9014H13.2686L9.23926 21.7168C8.58852 22.3323 7.5166 21.8705 7.5166 20.9746V17.8984C5.01299 17.8445 3.00011 15.7997 3 13.2832V7.61816C3.00012 5.06785 5.06785 3.00012 7.61816 3H17.0508Z" fill="black"></path>'),Ra=H('<path d="M17.0508 3C19.6009 3.00039 21.6688 5.06802 21.6689 7.61816V13.2832C21.6688 15.8333 19.6009 17.901 17.0508 17.9014H13.2686L9.23926 21.7168C8.58852 22.3323 7.5166 21.8705 7.5166 20.9746V17.8984C5.01299 17.8445 3.00011 15.7997 3 13.2832V7.61816C3.00012 5.06785 5.06785 3.00012 7.61816 3H17.0508ZM7.61816 4.45898C5.87327 4.4591 4.4591 5.87327 4.45898 7.61816V13.2832C4.4591 15.0281 5.87327 16.4432 7.61816 16.4434L8.24609 16.4424C8.64868 16.4424 8.97539 16.7693 8.97559 17.1719V19.958L12.4775 16.6426C12.6186 16.5091 12.7994 16.4443 12.9795 16.4443V16.4434H17.0508C18.7954 16.443 20.2099 15.0279 20.21 13.2832V7.61816C20.2098 5.87344 18.7954 4.45938 17.0508 4.45898H7.61816Z" fill="#585C63"></path>'),Ba=H('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><!></svg>');function Br(e,t){Y(t,!1);let r=k(t,"isSelected",12,!1);var n=Ba(),i=S(n);{var o=a=>{var l=Va();I(a,l)},s=a=>{var l=Ra();I(a,l)};he(i,a=>{r()?a(o):a(s,!1)})}return C(n),I(e,n),Z({get isSelected(){return r()},set isSelected(a){r(a),_()}})}B(Br,{isSelected:{}},[],[],!0);var Fa=H('<rect x="2.75" y="6.02856" width="3.7459" height="12.9262" fill="black" stroke="black" stroke-width="1.5"></rect><rect x="9.96338" y="9.96313" width="3.7459" height="8.9918" fill="black" stroke="black" stroke-width="1.5"></rect><rect x="17.1763" y="2.75" width="3.7459" height="16.2049" fill="black" stroke="black" stroke-width="1.5"></rect><path d="M2.32764 22H21.344" stroke="black" stroke-width="1.5" stroke-linecap="square"></path>',1),Ya=H('<rect x="2.75" y="6.02856" width="3.7459" height="12.9262" stroke="#585C63" stroke-width="1.5"></rect><rect x="9.96338" y="9.96313" width="3.7459" height="8.9918" stroke="#585C63" stroke-width="1.5"></rect><rect x="17.1763" y="2.75" width="3.7459" height="16.2049" stroke="#585C63" stroke-width="1.5"></rect><path d="M2.32764 22H21.344" stroke="#585C63" stroke-width="1.5" stroke-linecap="square"></path>',1),Za=H('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><!></svg>');function Fr(e,t){Y(t,!1);let r=k(t,"isSelected",12,!1);var n=Za(),i=S(n);{var o=a=>{var l=Fa();Se(3),I(a,l)},s=a=>{var l=Ya();Se(3),I(a,l)};he(i,a=>{r()?a(o):a(s,!1)})}return C(n),I(e,n),Z({get isSelected(){return r()},set isSelected(a){r(a),_()}})}B(Fr,{isSelected:{}},[],[],!0);var Ja=H('<rect x="4.41699" y="4.62451" width="15.1664" height="15.1664" rx="1.75" stroke="black" stroke-width="1.5"></rect><g><path d="M9.5 3.66664V2" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 14.4998L2 14.4998" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 14.4998L20.3335 14.4998" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M9.5 21.9999V20.3333" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M12.0005 3.66664V2" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 12.0005L2 12.0005" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 12.0005L20.3335 12.0005" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M12.0005 21.9999V20.3333" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M14.4995 3.66664V2" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 9.5L2 9.5" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 9.5L20.3335 9.5" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M14.4995 21.9999V20.3333" stroke="black" stroke-width="1.5" stroke-linecap="round"></path></g><path d="M10.5 8.52856H13.7559C14.7224 8.52856 15.5059 9.31207 15.5059 10.2786V13.5344C15.5059 14.5009 14.7224 15.2844 13.7559 15.2844H10.5C9.5335 15.2844 8.75 14.5009 8.75 13.5344V10.2786C8.75 9.31207 9.5335 8.52856 10.5 8.52856Z" fill="black" stroke="black" stroke-width="1.5"></path>',1),Wa=H('<rect x="4.41699" y="4.62451" width="15.1664" height="15.1664" rx="1.75" stroke="#585C63" stroke-width="1.5"></rect><g><path d="M9.5 3.66664V2" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 14.4995L2 14.4995" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 14.4995L20.3335 14.4995" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M9.5 21.9999V20.3333" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M12.0005 3.66664V2" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 12.0002L2 12.0002" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 12.0002L20.3335 12.0002" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M12.0005 21.9999V20.3333" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M14.4995 3.66664V2" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M3.66664 9.49976L2 9.49976" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M22.0001 9.49976L20.3335 9.49976" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path><path d="M14.4995 21.9999V20.3333" stroke="#585C63" stroke-width="1.5" stroke-linecap="round"></path></g><rect x="8.52881" y="8.52856" width="6.75594" height="6.75594" rx="1.75" stroke="#585C63" stroke-width="1.5"></rect>',1),Ka=H('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><!></svg>');function Yr(e,t){Y(t,!1);let r=k(t,"isSelected",12,!1);var n=Ka(),i=S(n);{var o=a=>{var l=Ja();Se(2),I(a,l)},s=a=>{var l=Wa();Se(2),I(a,l)};he(i,a=>{r()?a(o):a(s,!1)})}return C(n),I(e,n),Z({get isSelected(){return r()},set isSelected(a){r(a),_()}})}B(Yr,{isSelected:{}},[],[],!0);var Ga=H('<path d="M18.75 3H5.25C4.00736 3 3 4.09719 3 5.45064V7.90129V18.5207C3 19.8742 4.00736 20.9714 5.25 20.9714H18.75C19.9926 20.9714 21 19.8742 21 18.5207V7.90129V5.45064C21 4.09719 19.9926 3 18.75 3Z" stroke="#C7CDD6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path stroke="#C7CDD6" stroke-width="1.5"></path>',1),Xa=H('<path d="M12.25 18L6 12M6 12L12.25 6M6 12L21 12" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 3V21" stroke="black" stroke-width="1.5" stroke-linecap="round"></path>',1),Qa=H('<path d="M11.75 18.25L18 12M18 12L11.75 5.75M18 12L3 12" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21 3V21" stroke="black" stroke-width="1.5" stroke-linecap="round"></path>',1),es=H('<path d="M8.18018 5.45068V18.5208" stroke="#585C63" stroke-width="1.5"></path>'),ts=H('<path d="M9.18018 3.27222V20.9203" stroke="#585C63" stroke-width="1.5"></path>'),rs=H('<path d="M18.75 3H5.25C4.00736 3 3 4.09719 3 5.45064V7.90129V18.5207C3 19.8742 4.00736 20.9714 5.25 20.9714H18.75C19.9926 20.9714 21 19.8742 21 18.5207V7.90129V5.45064C21 4.09719 19.9926 3 18.75 3Z" stroke="#585C63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><!>',1),ns=H("<svg><!></svg>");function Zr(e,t){const r=ar(t,["children","$$slots","$$events","$$legacy","$$host"]),n=ar(r,["isDisabled","isHovered","isOpen"]);Y(t,!1);let i=k(t,"isDisabled",12,!1),o=k(t,"isHovered",12,!1),s=k(t,"isOpen",12,!1);var a=ns();nr(a,()=>({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...n}));var l=S(a);{var u=f=>{var c=Ga(),v=X(Ye(c));ft(()=>ee(v,"d",`M${s()?"8.18018":"9.18018"} ${s()?"5.45068":"3.27222"}V${s()?"18.5208":"20.9203"}`)),I(f,c)},d=(f,c)=>{{var v=g=>{var y=Ut(),m=Ye(y);{var h=w=>{var x=Xa();Se(),I(w,x)},p=w=>{var x=Qa();Se(),I(w,x)};he(m,w=>{s()?w(h):w(p,!1)})}I(g,y)},b=g=>{var y=rs(),m=X(Ye(y));{var h=w=>{var x=es();I(w,x)},p=w=>{var x=ts();I(w,x)};he(m,w=>{s()?w(h):w(p,!1)})}I(g,y)};he(f,g=>{o()?g(v):g(b,!1)},c)}};he(l,f=>{i()?f(u):f(d,!1)})}return C(a),I(e,a),Z({get isDisabled(){return i()},set isDisabled(f){i(f),_()},get isHovered(){return o()},set isHovered(f){o(f),_()},get isOpen(){return s()},set isOpen(f){s(f),_()}})}B(Zr,{isDisabled:{},isHovered:{},isOpen:{}},[],[],!0);const is={};function Jr(e,t){t||console.warn(`[getAppUrls] Environment variable for ${e} is missing!`)}function _i(e){const t=is,r="#",n=t.PUBLIC_CHAT_URL,i=t.PUBLIC_CONSOLE_URL,o=t.PUBLIC_API_URL,s=t.PUBLIC_DISCOVER_URL;return Jr("chat",n),Jr("console",i),Jr("api",o),{chat:n||r,console:i||r,api:o||"/api",discover:s||"/discover"}}function os(e,t,r,n){var i;t()||(Ie.toggleExpanded(),(i=r())==null||i({expanded:n()}))}var as=(e,t)=>t("discover"),ss=(e,t)=>t(e,"discover"),ls=(e,t)=>t("chat"),us=(e,t)=>t(e,"chat"),cs=(e,t)=>t("console"),ds=(e,t)=>t(e,"console"),fs=(e,t)=>t("api"),vs=(e,t)=>t(e,"api"),hs=(e,t)=>{var r;return(r=t())==null?void 0:r()},bs=(e,t)=>{var r;(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),(r=t())==null||r())},ps=ve('<div class="drawer-content svelte-14q02bh" part="drawer-content"><div class="logo-placeholder svelte-14q02bh" part="logo-placeholder"></div> <nav aria-label="Sub navigation" part="sub-navigation"><!></nav></div>'),gs=ve('<div part="side-nav-container"><div class="nav-content svelte-14q02bh" part="nav-content"><div class="nav-main svelte-14q02bh" part="nav-main"><div class="menu-section svelte-14q02bh" part="menu-section"><button><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div></button></div> <div class="nav-items svelte-14q02bh" part="nav-items"><a part="discover-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Discover</span></a> <a part="chat-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Chat</span></a> <a part="console-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">Console</span></a> <a part="api-item"><div class="icon-container svelte-14q02bh"><div class="icon-wrapper svelte-14q02bh"><!></div></div> <span class="nav-text svelte-14q02bh">API</span></a></div></div> <div class="nav-footer svelte-14q02bh" part="nav-footer"><button class="user-profile-button svelte-14q02bh" tabindex="0"><div class="user-profile-container svelte-14q02bh"><div class="user-profile-icon svelte-14q02bh" part="user-profile-icon"><span class="user-initials svelte-14q02bh">ZW</span></div></div></button></div></div> <div part="expanded-content"><!></div></div>');const ms={hash:"svelte-14q02bh",code:`.expanded-content.drawer-anim.svelte-14q02bh {max-width:0;overflow:hidden;pointer-events:none;transition:max-width 0.2s cubic-bezier(.4, 0, .2, 1);}.expanded-content.drawer-anim.open.svelte-14q02bh {max-width:12.5rem;pointer-events:auto;}.drawer-content.svelte-14q02bh {width:12.5rem;height:100%;}.logo-placeholder.svelte-14q02bh {height:var(--ai-size-72);}.user-profile-container.svelte-14q02bh,
|
|
22
22
|
.user-profile-icon.svelte-14q02bh {display:flex;align-items:center;justify-content:center;}.menu-button.svelte-14q02bh {display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:var(--ai-size-8);transition:background-color 0.2s ease;}.menu-button.svelte-14q02bh:disabled,
|
|
23
23
|
.menu-button.disabled.svelte-14q02bh {cursor:not-allowed;opacity:0.5;background-color:transparent;}.user-profile-icon.svelte-14q02bh {border-radius:var(--ai-size-6);background:var(--ai-color-steel-700);}.user-initials.svelte-14q02bh {color:var(--ai-color-white);text-align:center;font-weight:400;line-height:1.3;}.side-nav-container.svelte-14q02bh {display:flex;flex-shrink:0;position:relative;z-index:var(--ai-layer-2);height:100%;}.side-nav-container.expanded.svelte-14q02bh {width:16.875rem;min-width:12.5rem;max-width:16.875rem;height:100%;}.expanded-content.svelte-14q02bh {display:flex;width:12.5rem;opacity:1;flex:none;height:100%;background:var(--ai-color-steel-100);border-right:0.0625rem solid var(--ai-color-steel-100);overflow:hidden;flex-direction:column;}.side-nav-container.expanded.svelte-14q02bh .expanded-content:where(.svelte-14q02bh) {width:12.5rem;opacity:1;overflow-y:auto;}.side-nav-container.svelte-14q02bh:not(.expanded) .expanded-content:where(.svelte-14q02bh) {width:0;opacity:0;}.nav-content.svelte-14q02bh {display:flex;width:var(--ai-size-72);height:100%;padding-bottom:var(--ai-size-16);flex-direction:column;align-items:flex-start;gap:var(--ai-size-4);flex:none;background:var(--ai-color-steel-200);border-right:0.0625rem solid var(--ai-color-steel-200);}.nav-main.svelte-14q02bh {display:flex;flex-direction:column;align-items:flex-start;gap:var(--ai-size-4);flex:1 0 0;align-self:stretch;}.nav-footer.svelte-14q02bh {display:flex;padding:var(--ai-size-8) var(--ai-size-4);flex-direction:column;justify-content:center;align-items:center;gap:var(--ai-size-4);align-self:stretch;margin-top:auto;}.user-profile-button.svelte-14q02bh {background:none;border:none;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;}.user-profile-button.svelte-14q02bh:focus {outline:var(--ai-size-2) solid var(--ai-color-blue-600);outline-offset:var(--ai-size-2);border-radius:var(--ai-size-4);}.user-profile-container.svelte-14q02bh {width:var(--ai-size-40);height:var(--ai-size-40);aspect-ratio:1/1;}.user-profile-icon.svelte-14q02bh {padding:0.5556rem 0.4931rem 0.5694rem 0.3819rem;}.user-initials.svelte-14q02bh {font-size:var(--ai-size-16);font-style:normal;}.menu-section.svelte-14q02bh {display:flex;padding:var(--ai-size-4);justify-content:center;align-items:center;align-self:stretch;}.menu-button.svelte-14q02bh {display:flex;padding:var(--ai-size-4);justify-content:center;align-items:center;background:none;border:none;cursor:pointer;opacity:1;transition:opacity 0.2s ease;will-change:opacity;}.menu-button.disabled.svelte-14q02bh {cursor:not-allowed;opacity:0.5;will-change:opacity;}.menu-button.svelte-14q02bh:focus,
|
|
24
24
|
.nav-item.svelte-14q02bh:focus {outline:none;}.menu-button.svelte-14q02bh:focus .icon-container:where(.svelte-14q02bh),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gsa-tts/graymatter-ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"@uswds/uswds": "3.12.0",
|
|
65
65
|
"astro": "^5.11.0",
|
|
66
66
|
"slugify": "^1.6.6",
|
|
67
|
-
"@gsa-tts/graymatter-style-tokens": "0.2.
|
|
67
|
+
"@gsa-tts/graymatter-style-tokens": "0.2.2"
|
|
68
68
|
},
|
|
69
69
|
"scripts": {
|
|
70
70
|
"build": "gulp update && vite build",
|
|
@@ -179,9 +179,9 @@
|
|
|
179
179
|
bind:this={navContainer}
|
|
180
180
|
part="side-nav-container"
|
|
181
181
|
>
|
|
182
|
-
<div class="nav-content">
|
|
182
|
+
<div class="nav-content" part="nav-content">
|
|
183
183
|
<div class="nav-main" part="nav-main">
|
|
184
|
-
<div class="menu-section">
|
|
184
|
+
<div class="menu-section" part="menu-section">
|
|
185
185
|
<button
|
|
186
186
|
class="menu-button"
|
|
187
187
|
class:disabled={$isMenuButtonDisabled}
|
|
@@ -312,8 +312,8 @@
|
|
|
312
312
|
<div class="expanded-content drawer-anim" class:open={sideNavExpanded()} part="expanded-content">
|
|
313
313
|
{#if sideNavExpanded()}
|
|
314
314
|
<div class="drawer-content" part="drawer-content">
|
|
315
|
-
<div class="logo-placeholder"></div>
|
|
316
|
-
<nav aria-label="Sub navigation">
|
|
315
|
+
<div class="logo-placeholder" part="logo-placeholder"></div>
|
|
316
|
+
<nav aria-label="Sub navigation" part="sub-navigation">
|
|
317
317
|
{@render children?.()}
|
|
318
318
|
</nav>
|
|
319
319
|
</div>
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
---
|
|
2
2
|
let gtmCode = '';
|
|
3
3
|
if (Astro.props.gtmID) {
|
|
4
|
+
// Adds Google Tag Manager and DAP analytics for GSA/TTS (required for federal sites)
|
|
4
5
|
gtmCode = `<!-- Google tag (gtag.js) -->
|
|
5
6
|
<script async src="https://www.googletagmanager.com/gtag/js?id=${Astro.props.gtmID}"></script>
|
|
6
7
|
<script>
|
|
7
8
|
window.dataLayer = window.dataLayer || [];
|
|
8
9
|
function gtag(){dataLayer.push(arguments);}
|
|
9
10
|
gtag('js', new Date());
|
|
10
|
-
|
|
11
11
|
gtag('config', '${Astro.props.gtmID}');
|
|
12
|
-
</script
|
|
12
|
+
</script>
|
|
13
|
+
<script id="_fed_an_ua_tag" async type="text/javascript" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA&subagency=TTS"></script>`;
|
|
13
14
|
}
|
|
14
15
|
---
|
|
15
16
|
|