@supersoniks/concorde 4.2.0 → 4.2.1
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/build-infos.json +1 -1
- package/concorde-core.bundle.js +2 -2
- package/concorde-core.es.js +5 -3
- package/dist/concorde-core.bundle.js +2 -2
- package/dist/concorde-core.es.js +5 -3
- package/docs/assets/{index-BbnRiebQ.js → index-B0IJ9I_B.js} +268 -242
- package/docs/assets/{index-BBv9CZqo.css → index-B3QHEJTV.css} +1 -1
- package/docs/index.html +2 -2
- package/docs/src/docs/_misc/bind.md +74 -0
- package/docs/src/docs/_misc/key.md +135 -0
- package/docs/src/docs/search/docs-search.json +310 -0
- package/docs/src/tsconfig-model.json +1 -1
- package/docs/src/tsconfig.json +322 -306
- package/package.json +1 -4
- package/scripts/pre-build.mjs +0 -0
- package/src/core/components/functional/example/example.ts +0 -0
- package/src/core/components/ui/captcha/captcha.ts +12 -6
- package/src/tsconfig.json +0 -9
- package/src/tsconfig.tsbuildinfo +1 -1
- package/vite.config.mts +0 -0
- package/README.md +0 -163
- package/php/get-challenge.php +0 -34
- package/php/some-service.php +0 -42
- package/src/core/components/ui/modal/modal.stories.ts +0 -140
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)=>{(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const t of document.querySelectorAll('link[rel="modulepreload"]'))s(t);new MutationObserver(t=>{for(const o of t)if(o.type==="childList")for(const n of o.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&s(n)}).observe(document,{childList:!0,subtree:!0});function r(t){const o={};return t.integrity&&(o.integrity=t.integrity),t.referrerPolicy&&(o.referrerPolicy=t.referrerPolicy),t.crossOrigin==="use-credentials"?o.credentials="include":t.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function s(t){if(t.ep)return;t.ep=!0;const o=r(t);fetch(t.href,o)}})();let oe=class Ge{static getLanguage(){const e=document.documentElement.lang;return localStorage.getItem("SonicSelectedLanguage")||e}static getCookies(){return document.cookie.split(";").reduce((e,r)=>{const s=r.indexOf("=");return e[r.substring(0,s).trim()]=r.substring(s+1),e},{})}static everyAncestors(e,r){for(;e;){if(!r(e))return;e=e.parentNode||e.host}}static getScrollableAncestor(e){for(;e;){const r=e;if(r.nodeType===1){const s=window.getComputedStyle(r);if(s?.overflowY==="auto"||s?.overflowY==="scroll"||s?.overflowY==="hidden"||s?.overflowX==="auto"||s?.overflowX==="scroll"||s?.overflowX==="hidden")return e}e=e.parentNode||e.host}return null}static getAncestorAttributeValue(e,r){if(!e)return null;for(;!("hasAttribute"in e&&e.hasAttribute(r))&&(e.parentNode||e.host);)e=e.parentNode||e.host;return"hasAttribute"in e?e.getAttribute(r):null}static getApiConfiguration(e){const r=Ge.getAncestorAttributeValue(e,"token"),s=Ge.getAncestorAttributeValue(e,"addHTTPResponse")!=null,t=Ge.getAncestorAttributeValue(e,"serviceURL");let o=null,n=null;const a=Ge.getAncestorAttributeValue(e,"tokenProvider"),c=Ge.getAncestorAttributeValue(e,"eventsApiToken");r||(o=Ge.getAncestorAttributeValue(e,"userName"),n=Ge.getAncestorAttributeValue(e,"password"));const p=Ge.getAncestorAttributeValue(e,"credentials")||void 0,b=e.getAttribute("cache"),d=e.hasAttribute("blockUntilDone"),x=e.hasAttribute("keepAlive");return{serviceURL:t,token:r,userName:o,password:n,authToken:c,tokenProvider:a,addHTTPResponse:s,credentials:p,cache:b,blockUntilDone:d,keepAlive:x}}static getClosestElement(e,r){for(;!(e.nodeName&&e.nodeName.toLowerCase()===r)&&(e.parentNode||e.host);)e=e.parentNode||e.host;return e.nodeName?e:null}static getClosestForm(e){return Ge.getClosestElement(e,"form")}static getAncestorsByTagNames(e,r){const s=new Set(r.map(n=>n.toLowerCase())),t=[];let o=e.parentNode||e.host;for(;o;)o instanceof Element&&s.has(o.tagName.toLowerCase())&&t.push(o),o=o.parentNode||o.host;return t}static getAncestorsBySelectors(e,r){const s=[];let t=e.parentNode||e.host;for(;t;){if(t instanceof Element)for(const o of r)try{if(t.matches(o)){s.push(t);break}}catch{}t=t.parentNode||t.host}return s}static async loadJS(e){return new Promise(async s=>{const t=document.createElement("script");t.src=e,t.onload=()=>s(!0),t.onerror=()=>s(!0),document.head.appendChild(t)})}static async loadCSS(e){return new Promise(async s=>{const t=document.createElement("link");t.type="text/css",t.rel="stylesheet",t.href=e,t.onload=()=>s(!0),t.onerror=()=>s(!0),document.head.appendChild(t)})}};const $i=i=>{const e=document.documentElement,r=new MutationObserver(t=>{for(let o of t)o.type==="attributes"&&o.attributeName==="lang"&&i()}),s={attributes:!0,attributeFilter:["lang"]};r.observe(e,s)};let nr=class{static ucFirst(e){return typeof e!="string"?e:e.charAt(0).toUpperCase()+e.substring(1)}static minutesDuration(e,r="",s="long"){r||(r=oe.getLanguage());const t=(p,b)=>[Math.floor(p/b),p%b];function o(p,b,d){return new Intl.NumberFormat(p,{style:"unit",unit:b,unitDisplay:d}).format}const[n,a]=t(e,60),c=[];return n&&c.push(o(r,"hour",s)(n)),a&&c.push(o(r,"minute",s)(a)),new Intl.ListFormat(r,{style:"long",type:"conjunction"}).format(c)}static js(e){try{return Function("return "+e)()}catch{return""}}},he=class ct{static shallowEqual(e,r,s=!0){const t=Object.keys(e),o=Object.keys(r);if(t.length!==o.length&&s)return!1;for(const n of t){const a=e[n],c=r[n];if(s?a!==c:a!=c)return!1}return!0}static deepEqual(e,r,s=!0){const t=Object.keys(e),o=Object.keys(r);if(t.length!==o.length&&s)return!1;for(const n of t){const a=e[n],c=r[n],p=ct.isObject(a)&&ct.isObject(c),b=s?a!==c:a!=c;if(p&&!ct.deepEqual(a,c)||!p&&b)return!1}return!0}static isObject(e){return e!=null&&typeof e=="object"}static isUndefindOrNull(e){return e==null}static isEmpty(e){return ct.isUndefindOrNull(e)?!0:Object.keys(e).length===0}static traverse(e,r,s=!1){for(const t of r){const o=e[t];if(o===void 0)return;s&&ct.isObject(o)?e=Object.assign(Array.isArray(o)?[]:{},e,o):e=e[t]}return e}static traverseDotNotation(e,r,s=!1){return ct.traverse(e,r.split("."),s)}static getURLSearchArray(e,r=""){let s=[];for(let t in e){const o=e[t];r&&(t=r+"["+t+"]"),ct.isObject(o)?s=[...s,...this.getURLSearchArray(o,t)]:s.push(`${t}=${o}`)}return s}static getURLSearchString(e){return ct.getURLSearchArray(e,"").join("&")}};const Se=he.traverseDotNotation;let jn=class{static async queueTaskPromise(){return new Promise(e=>{window.queueMicrotask(()=>e(null))})}static async delayPromise(e){return new Promise(r=>{setTimeout(r,e)})}},Wo="sonic";typeof __SONIC_PREFIX__<"u"&&(Wo=__SONIC_PREFIX__);let io=Wo.replace(/-([a-z])/g,i=>i[1].toUpperCase());const ar=io.charAt(0).toUpperCase()+io.slice(1);function Js(i){return Object.prototype.hasOwnProperty.call(i,"__value")}function As(i){return typeof i=="object"&&i!=null}let es="sonic";typeof __SONIC_PREFIX__>"u"&&(es="sonic");const Ur=es=="sonic"?"publisher-proxies-data":es+"-publisher-proxies-data",vt=class vt{constructor(e,r,s){for(this._proxies_=new Map,this._is_savable_=!1,this._expiration_delay_=1e3*60*60*12,this._invalidate_on_page_show_=!1,this._invalidateListeners_=new Set,this._formInvalidateListeners_=new Set,this._assignListeners_=new Set,this._mutationListeners_=new Set,this._fillListeners_=new Set,this._templateFillListeners_=new Set,this._lockInternalMutationPublishing_=!1,this._instanceCounter_=0,this._assignmentId_=0,this._value_=e,this.parent=r||null,this._parentKey_=s,this.root=this,this._instanceCounter_=0;this.root.parent;)this.root=this.root.parent}delete(){for(const e in this._proxies_.keys())e!="_parent_"&&this._proxies_.get(e)?.delete();this._invalidateListeners_.clear(),this._formInvalidateListeners_.clear(),this._assignListeners_.clear(),this._mutationListeners_.clear(),this._fillListeners_.clear(),this._templateFillListeners_.clear(),this._proxies_.clear(),vt.instances.delete(this._instanceCounter_)}hasListener(){return this._templateFillListeners_.size>0||this._assignListeners_.size>0||this._invalidateListeners_.size>0||this._formInvalidateListeners_.size>0||this._mutationListeners_.size>0||this._fillListeners_.size>0}_publishInternalMutation_(e=!1){if(this._mutationListeners_.forEach(r=>r()),this._is_savable_&&!O.changed){O.changed=!0,O.saveId++;const r=O.saveId;setTimeout(()=>O.getInstance().saveToLocalStorage(r),1e3)}e||this.parent&&this.parent._publishInternalMutation_()}async _publishAssignement_(e=!1){if(this._assignmentId_++,this._assignmentId_!==this._assignmentId_)return;const s=this.get();this._assignListeners_.forEach(t=>{t(s)}),this._publishInternalMutation_(e)}_publishInvalidation_(){this._invalidateListeners_.forEach(e=>e())}_publishFormInvalidation_(){this._formInvalidateListeners_.forEach(e=>e())}_publishDynamicFilling_(e,r){this._fillListeners_.forEach(s=>{s[e]!==r&&(s[e]=r)}),this._publishTemplateFilling_(e,r)}_publishTemplateFilling_(e,r){this._templateFillListeners_.forEach(s=>{const t=Object.getOwnPropertyDescriptor(s,e);t&&!t.set&&!t.writable||(s.propertyMap&&s.propertyMap[e]&&(e=s.propertyMap[e]),typeof s[e]<"u"&&s[e]!==r&&(s[e]=r))})}onAssign(e,r=!0){typeof e=="function"&&(this._assignListeners_.has(e)||(this._assignListeners_.add(e),r&&e(this.get())))}offAssign(e){this._assignListeners_.delete(e)}onInvalidate(e){typeof e=="function"&&this._invalidateListeners_.add(e)}offInvalidate(e){typeof e=="function"&&this._invalidateListeners_.delete(e)}invalidate(){this._publishInvalidation_()}onFormInvalidate(e){typeof e=="function"&&this._formInvalidateListeners_.add(e)}offFormInvalidate(e){typeof e=="function"&&this._formInvalidateListeners_.delete(e)}invalidateForm(){this._publishFormInvalidation_()}onInternalMutation(e){typeof e=="function"&&(this._mutationListeners_.add(e),e())}offInternalMutation(e){typeof e=="function"&&this._mutationListeners_.delete(e)}startTemplateFilling(e){if(this._templateFillListeners_.add(e),typeof this._value_=="object")for(const r in this._value_){let s=r;const t=this._value_[r];e.propertyMap&&e.propertyMap[r]&&(s=e.propertyMap[r]),typeof e[r]<"u"&&e[r]!==t&&(e[s]=t)}}stopTemplateFilling(e){this._templateFillListeners_.delete(e)}startDynamicFilling(e){this._fillListeners_.add(e);for(const r in this._value_){const s=this._value_[r];e[r]!==s&&(e[r]=s)}}stopDynamicFilling(e){this._fillListeners_.delete(e)}set(e,r=!1){if(this._value_===e||this._value_&&e&&Js(this._value_)&&Js(e)&&this._value_.__value===e.__value)return!0;this._value_=As(e)?e:{__value:e},this._cachedGet_=void 0;const s=Js(this._value_);if(this._parentKey_&&this.parent){const t=Js(this._value_)?this._value_.__value:this._value_;if(this.parent?.get()==null&&this.parent?.get()==null)if(isNaN(Number(this._parentKey_)))this.parent.set({[this._parentKey_]:t});else{const o=[];o[Number(this._parentKey_)]=t,this.parent.set(o)}else this.parent._value_[this._parentKey_]=t}if(s)return this._proxies_.forEach((t,o)=>{o!="_parent_"&&(t.set(null),this._publishDynamicFilling_(o,null))}),this._publishAssignement_(r),this.parent&&this._parentKey_&&this.parent._publishDynamicFilling_(this._parentKey_,this._value_.__value),!0;for(const t in this._value_)this._value_[t]===void 0&&delete this._value_[t];if(this._proxies_.forEach((t,o)=>{const n=this._value_[o];o!="_parent_"&&n===void 0&&n!==null&&isNaN(Number(o))&&(t.set(null),this._publishDynamicFilling_(o,null))}),this._publishAssignement_(),this.parent&&this._parentKey_&&this.parent._publishDynamicFilling_(this._parentKey_,this._value_),As(this._value_))for(const t in this._value_){const o=e[t],a=As(o)?o:{__value:o};if(!this._proxies_.has(t)){this._publishDynamicFilling_(t,o);continue}this._proxies_.get(t)?.set(a,!0),this._publishDynamicFilling_(t,o)}return!0}get(){if(O.modifiedCollectore.length>0&&O.modifiedCollectore[0].add(this),this._cachedGet_!==void 0)return this._cachedGet_;if(Object.prototype.hasOwnProperty.call(this._value_,"__value")){const e=this._value_.__value;return this._cachedGet_=e??null}return this._cachedGet_=this._value_!=null?this._value_:null}get $tag(){return this._instanceCounter_||(vt.instancesCounter++,this._instanceCounter_=vt.instancesCounter),vt.instances.set(this._instanceCounter_,this),"<"+es+'-publisher-proxy publisher="'+this._instanceCounter_+'"></'+es+"-publisher-proxy>"}};vt.instances=new Map,vt.instancesCounter=0;let $s=vt;const j=class j{constructor(){if(this.enabledLocaStorageProxies=[],this.publishers=new Map,this.localStorageData={},this.isLocalStrorageReady=null,this.initialisedData=[],j.instance!=null)throw"Singleton / use getInstance";j.instance=this,this.isLocalStrorageReady=this.cleanStorageData()}invalidateAll(){this.publishers.forEach(e=>{e._invalidate_on_page_show_&&e.invalidate()})}async cleanStorageData(){return new Promise(e=>{(async()=>{try{let s=localStorage.getItem(Ur),t=null;if(s&&(t=await this.decompress(s,"gzip")),t)try{this.localStorageData=JSON.parse(t)}catch{this.localStorageData={}}else s=await this.compress("{}","gzip"),localStorage.setItem(Ur,s),this.localStorageData={};const o=1e3*60*60*12;for(const n in this.localStorageData){const a=this.localStorageData[n],c=new Date().getTime()-(a.expirationDelayMs||o);a.lastModifiationMS<c&&delete this.localStorageData[n]}e(!0)}catch{window.requestAnimationFrame(()=>{e(!1)}),console.warn("no publisher cache in this browser")}})()})}static getInstance(e){if(e){const r=j.instances.get(e);return r||(console.warn("No PublisherManager instance registered with id:",e,"creating new one"),new j)}return j.instance==null?new j:j.instance}static registerInstance(e,r){j.instances.has(e)&&console.warn("PublisherManager instance already registered with id: ",e),j.instances.set(e,r)}static get(e,r){return j.getInstance().get(e,r)}static collectModifiedPublisher(){j.modifiedCollectore.unshift(new Set)}static getModifiedPublishers(){return j.modifiedCollectore.shift()}static delete(e){return e?j.getInstance().delete(e):!1}async setLocalData(e,r){await this.isLocalStrorageReady,e.set(this.localStorageData[r+"¤lang_"+oe.getLanguage()]?.data||e.get())}get(e,r){const s=r?.localStorageMode==="enabled",t=r?.invalidateOnPageShow===!0;if(!this.publishers.has(e)){const a=Xr({});this.set(e,a)}const o=this.publishers.get(e);return s&&this.initialisedData.indexOf(e)===-1&&(r?.expirationDelayMs&&(o._expiration_delay_=r.expirationDelayMs),o._is_savable_=!0,this.initialisedData.push(e),this.setLocalData(o,e)),t&&(o._invalidate_on_page_show_=t),this.publishers.get(e)}set(e,r){this.publishers.set(e,r)}delete(e){return this.publishers.has(e)?(this.publishers.delete(e),!0):!1}async saveToLocalStorage(e=0){if(!(e!==j.saveId&&e%10!=0))try{if(!j.changed||j.saving)return;j.saving=!0,j.changed=!1;const r=Array.from(this.publishers.keys());let s=!1;for(const t of r){const o=this.publishers.get(t);if(!o?._is_savable_)continue;const n=o?.get();n&&(this.localStorageData[t+"¤lang_"+oe.getLanguage()]={lastModifiationMS:new Date().getTime(),expirationDelayMs:o._expiration_delay_,data:n},s=!0)}if(s){const t=await this.compress(JSON.stringify(this.localStorageData),"gzip");localStorage.setItem(Ur,t)}if(j.saving=!1,j.changed){j.saveId++;const t=j.saveId;setTimeout(()=>this.saveToLocalStorage(t),1e3)}}catch{j.saving=!1}}async compress(e,r){const s=new TextEncoder().encode(e),t=window,o=new t.CompressionStream(r),n=o.writable.getWriter();n.write(s),n.close();const a=await new Response(o.readable).arrayBuffer(),c=new Uint8Array(a);let p="";for(let b=0;b<c.length;b++)p+=String.fromCharCode(c[b]);return btoa(p)}async decompress(e,r){const s=atob(e),o=Uint8Array.from(s,b=>b.charCodeAt(0)).buffer,n=window,a=new n.DecompressionStream(r),c=a.writable.getWriter();c.write(o),c.close();const p=await new Response(a.readable).arrayBuffer();return new TextDecoder().decode(p)}};j.buildDate="Mon Feb 23 2026 16:15:23 GMT+0100 (Central European Standard Time)",j.changed=!1,j.saving=!1,j.saveId=0,j.instance=null,j.instances=new Map,j.modifiedCollectore=[];let O=j;if(typeof window<"u"){const i=window;i[ar+"PublisherManager"]=i[ar+"PublisherManager"]||O}const Un=new Set(["invalidate","onInvalidate","offInvalidate","invalidateForm","onFormInvalidate","offFormInvalidate","onAssign","offAssign","startDynamicFilling","stopDynamicFilling","startTemplateFilling","stopTemplateFilling","onInternalMutation","offInternalMutation","set","get","$tag","_cachedGet_","_templateFillListeners_","_fillListeners_","_assignListeners_","_invalidateListeners_","_formInvalidateListeners_","_publishInternalMutation_","hasListener","delete","_mutationListeners_","_publishDynamicFilling_","_publishInvalidation_","_publishFormInvalidation_","_publishTemplateFilling_","_publishAssignement_","_proxies_","parent","_parentKey_","_value_","_is_savable_","_expiration_delay_","_lockInternalMutationPublishing_","_instanceCounter_","_assignmentId_","_invalidate_on_page_show_"]);function qn(i,e){return{get:function(r,s){if(typeof s=="string"&&Un.has(s))return i[s];if(s==Symbol.toPrimitive)return()=>e().get();if(!i._proxies_.has(s)){const t=i._value_[s],o=Xr(As(t)?t:{__value:t},i,s);o._proxies_.set("_parent_",e()),i._proxies_.set(s,o)}return i._proxies_.get(s)},set:function(r,s,t){if(s=="_value_")return i._value_=t,!0;if(s=="_cachedGet_")return i._cachedGet_=t,!0;if(s=="_assignmentId_")return i._assignmentId_=t,!0;if(s=="_is_savable_")return i._is_savable_=t,!0;if(s=="_expiration_delay_")return i._expiration_delay_=t,!0;if(s=="_invalidate_on_page_show_")return i._invalidate_on_page_show_=t,!0;if(s=="_instanceCounter_")return i._instanceCounter_=t,!0;if(!i._proxies_.has(s)){const n=Xr({},i,s);n._proxies_.set("_parent_",e()),i._proxies_.set(s,n)}return i._value_[s]!==t&&(i._value_[s]=t,i._publishDynamicFilling_(s,t),i._proxies_.get(s)?.set(As(t)?t:{__value:t})),!0},deleteProperty:function(r,s){return i._publishDynamicFilling_(s,null),i._proxies_.get(s)?.set(null),delete i._value_[s]},has:function(r,s){return s in i._value_&&s!="_lockInternalMutationPublishing_"},defineProperty:function(r,s,t){return t&&"value"in t&&(i._value_[s]=t.value),!0},getOwnPropertyDescriptor:function(r,s){return{enumerable:!0,configurable:!0}},ownKeys:function(r){return i._value_.__value?Object.keys(i._value_.__value):Object.keys(i._value_)}}}function Xr(i,e=null,r){const s=new $s(i,e,r);let t=null;const o=qn(s,()=>t);return t=new Proxy(s,o),t}class Vn extends HTMLElement{constructor(){super(),this.publisherId="",this.onAssign=e=>{this.innerHTML=e.toString()}}connectedCallback(){this.publisherId=this.getAttribute("publisher")||"",this.publisher=$s.instances.get(parseInt(this.publisherId)),this.publisher?.onAssign(this.onAssign)}disconnectedCallback(){this.publisher?.offAssign(this.onAssign)}}try{customElements.define(es+"-publisher-proxy",Vn)}catch{}const Fr=i=>{if(typeof i=="function"){const e=i;return O.collectModifiedPublisher(),e(),O.getModifiedPublishers()}if(typeof i=="string"){const e=i.split("."),r=e.shift()||"";let s=O.get(r);s=he.traverse(s,e);const t=new Set;return t.add(s),t}return new Set([i])},Hn=i=>Fr(i).values().next().value?.get(),Yo=i=>Fr(i).values().next().value,Wn=Yo,js=Yo,Yn=(i,e)=>{Fr(i).values().next().value?.set(e)};window.addEventListener("pageshow",i=>{i.persisted&&O.getInstance().invalidateAll()});var R;let Pr=(R=class{static disable(){this.enabled&&(this.enabled=!1,Array.from(R.observedElements.keys()).forEach(e=>R.unObserve(e)))}static observe(e){if(!e||!R.enabled||R.observedElements.has(e))return;const r=new MutationObserver(R.onMutation),s={};s.childList=!0,s.subtree=!0,s.attributes=!0,s.attributeFilter=["data-bind"],r.observe(e,s),e.querySelectorAll("[data-bind]").forEach(t=>R.addPublisherListeners(t)),R.observedElements.set(e,r)}static unObserve(e){if(!e)return;const r=this.observedElements.get(e);r&&(r.disconnect(),e.querySelectorAll("[data-bind]").forEach(s=>R.removePublisherListeners(s)))}static onAdded(e){e.hasAttribute&&e.hasAttribute("data-bind")&&R.addPublisherListeners(e),e.querySelectorAll?e.querySelectorAll("[data-bind]").forEach(r=>R.addPublisherListeners(r)):e.childNodes.forEach(r=>R.onAdded(r))}static onRemoved(e){e.hasAttribute&&e.hasAttribute("data-bind")&&R.removePublisherListeners(e),e.querySelectorAll?e.querySelectorAll("[data-bind]").forEach(r=>R.removePublisherListeners(r)):e.childNodes.forEach(r=>R.onRemoved(r))}static onMutation(e){for(const r of e)switch(r.type){case"attributes":R.addPublisherListeners(r.target);break;case"childList":r.addedNodes.forEach(s=>{R.onAdded(s)}),r.removedNodes.forEach(s=>{R.onRemoved(s)});break}}static removePublisherListeners(e){const r=R.publisherListeners.get(e);r&&(R.publisherListeners.delete(e),r.forEach(s=>{s.publisher?.offAssign(s.onAssign)}))}static getVariablesDescriptor(e){let r=e.match(/(\$(?:\w+\\?\.?)+)/g);return r?r=r.map(s=>s.replace("$","")):r=[e],r=r.filter(s=>s.length>0),{expression:e.replace("\\",""),variables:r.map(s=>s.split(/\b\.\b/).map(t=>t.replace("\\","")))}}static getDataBindItems(e){return"attributes"in e?Array.from(e.attributes).filter(r=>r.name.indexOf("::")==0).map(r=>({propertyToUpdate:r.name.substring(2).replace(/-((html)|\w)/g,t=>t.substring(1).toUpperCase()),bindedVariablesDescriptor:R.getVariablesDescriptor(r.value)})):[]}static getSubPublisher(e,r){if(!r)return e;for(const s of r)if(s!="_self_"){if(!e)return null;e=e[s]}return e}static addPublisherListeners(e){R.removePublisherListeners(e);const r=oe.getAncestorAttributeValue(e.parentNode||e.host||e,"dataProvider");if(!r)return;const s=O.getInstance().get(r),t=R.getDataBindItems(e),o=[];t.forEach(n=>{const a=n.bindedVariablesDescriptor,c=n.propertyToUpdate;for(const p of a.variables){const b=p;let d=s;d=R.getSubPublisher(s,b);const x=e,_={publisher:d,onAssign:()=>{const f=a.variables.map(D=>R.getSubPublisher(s,D)?.get());let m=a.expression,v=!1;if(f.length==1&&a.variables[0].join(".")==m.substring(1)){let D=f[0];D===null&&(D=""),x[c]=D;return}for(let D=0;D<f.length;D++){let u=f[D];const h=a.variables[D];u===null&&(v=!0,u=void 0),m=m.replace("$"+h.join("."),u)}if(m.indexOf("|")!=-1){const D=m.indexOf("|");if(D==0)m=nr.js(m.substring(1));else{const u=m.substring(0,D),h=m.substring(D+1),g=nr[u];m=v?"":g?g(h):m}}else m=v?"":m;x[c]=m}};d?.onAssign(_.onAssign),o.push(_)}}),R.publisherListeners.set(e,o)}},R.observedElements=new Map,R.enabled=!0,R.publisherListeners=new Map,R);Pr.observe(document.documentElement);window.SonicDataBindObserver||(window.SonicDataBindObserver=Pr);/**
|
|
1
|
+
var Zn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var um=Zn((Cm,zt)=>{(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const t of document.querySelectorAll('link[rel="modulepreload"]'))s(t);new MutationObserver(t=>{for(const o of t)if(o.type==="childList")for(const n of o.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&s(n)}).observe(document,{childList:!0,subtree:!0});function r(t){const o={};return t.integrity&&(o.integrity=t.integrity),t.referrerPolicy&&(o.referrerPolicy=t.referrerPolicy),t.crossOrigin==="use-credentials"?o.credentials="include":t.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function s(t){if(t.ep)return;t.ep=!0;const o=r(t);fetch(t.href,o)}})();let oe=class Ge{static getLanguage(){const e=document.documentElement.lang;return localStorage.getItem("SonicSelectedLanguage")||e}static getCookies(){return document.cookie.split(";").reduce((e,r)=>{const s=r.indexOf("=");return e[r.substring(0,s).trim()]=r.substring(s+1),e},{})}static everyAncestors(e,r){for(;e;){if(!r(e))return;e=e.parentNode||e.host}}static getScrollableAncestor(e){for(;e;){const r=e;if(r.nodeType===1){const s=window.getComputedStyle(r);if(s?.overflowY==="auto"||s?.overflowY==="scroll"||s?.overflowY==="hidden"||s?.overflowX==="auto"||s?.overflowX==="scroll"||s?.overflowX==="hidden")return e}e=e.parentNode||e.host}return null}static getAncestorAttributeValue(e,r){if(!e)return null;for(;!("hasAttribute"in e&&e.hasAttribute(r))&&(e.parentNode||e.host);)e=e.parentNode||e.host;return"hasAttribute"in e?e.getAttribute(r):null}static getApiConfiguration(e){const r=Ge.getAncestorAttributeValue(e,"token"),s=Ge.getAncestorAttributeValue(e,"addHTTPResponse")!=null,t=Ge.getAncestorAttributeValue(e,"serviceURL");let o=null,n=null;const a=Ge.getAncestorAttributeValue(e,"tokenProvider"),c=Ge.getAncestorAttributeValue(e,"eventsApiToken");r||(o=Ge.getAncestorAttributeValue(e,"userName"),n=Ge.getAncestorAttributeValue(e,"password"));const p=Ge.getAncestorAttributeValue(e,"credentials")||void 0,b=e.getAttribute("cache"),d=e.hasAttribute("blockUntilDone"),x=e.hasAttribute("keepAlive");return{serviceURL:t,token:r,userName:o,password:n,authToken:c,tokenProvider:a,addHTTPResponse:s,credentials:p,cache:b,blockUntilDone:d,keepAlive:x}}static getClosestElement(e,r){for(;!(e.nodeName&&e.nodeName.toLowerCase()===r)&&(e.parentNode||e.host);)e=e.parentNode||e.host;return e.nodeName?e:null}static getClosestForm(e){return Ge.getClosestElement(e,"form")}static getAncestorsByTagNames(e,r){const s=new Set(r.map(n=>n.toLowerCase())),t=[];let o=e.parentNode||e.host;for(;o;)o instanceof Element&&s.has(o.tagName.toLowerCase())&&t.push(o),o=o.parentNode||o.host;return t}static getAncestorsBySelectors(e,r){const s=[];let t=e.parentNode||e.host;for(;t;){if(t instanceof Element)for(const o of r)try{if(t.matches(o)){s.push(t);break}}catch{}t=t.parentNode||t.host}return s}static async loadJS(e){return new Promise(async s=>{const t=document.createElement("script");t.src=e,t.onload=()=>s(!0),t.onerror=()=>s(!0),document.head.appendChild(t)})}static async loadCSS(e){return new Promise(async s=>{const t=document.createElement("link");t.type="text/css",t.rel="stylesheet",t.href=e,t.onload=()=>s(!0),t.onerror=()=>s(!0),document.head.appendChild(t)})}};const Oi=i=>{const e=document.documentElement,r=new MutationObserver(t=>{for(let o of t)o.type==="attributes"&&o.attributeName==="lang"&&i()}),s={attributes:!0,attributeFilter:["lang"]};r.observe(e,s)};let lr=class{static ucFirst(e){return typeof e!="string"?e:e.charAt(0).toUpperCase()+e.substring(1)}static minutesDuration(e,r="",s="long"){r||(r=oe.getLanguage());const t=(p,b)=>[Math.floor(p/b),p%b];function o(p,b,d){return new Intl.NumberFormat(p,{style:"unit",unit:b,unitDisplay:d}).format}const[n,a]=t(e,60),c=[];return n&&c.push(o(r,"hour",s)(n)),a&&c.push(o(r,"minute",s)(a)),new Intl.ListFormat(r,{style:"long",type:"conjunction"}).format(c)}static js(e){try{return Function("return "+e)()}catch{return""}}},he=class ut{static shallowEqual(e,r,s=!0){const t=Object.keys(e),o=Object.keys(r);if(t.length!==o.length&&s)return!1;for(const n of t){const a=e[n],c=r[n];if(s?a!==c:a!=c)return!1}return!0}static deepEqual(e,r,s=!0){const t=Object.keys(e),o=Object.keys(r);if(t.length!==o.length&&s)return!1;for(const n of t){const a=e[n],c=r[n],p=ut.isObject(a)&&ut.isObject(c),b=s?a!==c:a!=c;if(p&&!ut.deepEqual(a,c)||!p&&b)return!1}return!0}static isObject(e){return e!=null&&typeof e=="object"}static isUndefindOrNull(e){return e==null}static isEmpty(e){return ut.isUndefindOrNull(e)?!0:Object.keys(e).length===0}static traverse(e,r,s=!1){for(const t of r){const o=e[t];if(o===void 0)return;s&&ut.isObject(o)?e=Object.assign(Array.isArray(o)?[]:{},e,o):e=e[t]}return e}static traverseDotNotation(e,r,s=!1){return ut.traverse(e,r.split("."),s)}static getURLSearchArray(e,r=""){let s=[];for(let t in e){const o=e[t];r&&(t=r+"["+t+"]"),ut.isObject(o)?s=[...s,...this.getURLSearchArray(o,t)]:s.push(`${t}=${o}`)}return s}static getURLSearchString(e){return ut.getURLSearchArray(e,"").join("&")}};const Se=he.traverseDotNotation;let Xn=class{static async queueTaskPromise(){return new Promise(e=>{window.queueMicrotask(()=>e(null))})}static async delayPromise(e){return new Promise(r=>{setTimeout(r,e)})}},Qo="sonic";typeof __SONIC_PREFIX__<"u"&&(Qo=__SONIC_PREFIX__);let uo=Qo.replace(/-([a-z])/g,i=>i[1].toUpperCase());const cr=uo.charAt(0).toUpperCase()+uo.slice(1);function er(i){return Object.prototype.hasOwnProperty.call(i,"__value")}function yt(i){return typeof i=="object"&&i!==null}let ts="sonic";typeof __SONIC_PREFIX__>"u"&&(ts="sonic");const Hr=ts=="sonic"?"publisher-proxies-data":ts+"-publisher-proxies-data",vt=class vt{constructor(e,r,s){for(this._proxies_=new Map,this._is_savable_=!1,this._expiration_delay_=1e3*60*60*12,this._invalidate_on_page_show_=!1,this._invalidateListeners_=new Set,this._formInvalidateListeners_=new Set,this._assignListeners_=new Set,this._mutationListeners_=new Set,this._fillListeners_=new Set,this._templateFillListeners_=new Set,this._lockInternalMutationPublishing_=!1,this._instanceCounter_=0,this._assignmentId_=0,this._value_=e,this.parent=r||null,this._parentKey_=s,this.root=this,this._instanceCounter_=0;this.root.parent;)this.root=this.root.parent}delete(){for(const e in this._proxies_.keys())e!="_parent_"&&this._proxies_.get(e)?.delete();this._invalidateListeners_.clear(),this._formInvalidateListeners_.clear(),this._assignListeners_.clear(),this._mutationListeners_.clear(),this._fillListeners_.clear(),this._templateFillListeners_.clear(),this._proxies_.clear(),vt.instances.delete(this._instanceCounter_)}hasListener(){return this._templateFillListeners_.size>0||this._assignListeners_.size>0||this._invalidateListeners_.size>0||this._formInvalidateListeners_.size>0||this._mutationListeners_.size>0||this._fillListeners_.size>0}_publishInternalMutation_(e=!1){if(this._mutationListeners_.forEach(r=>r()),this._is_savable_&&!O.changed){O.changed=!0,O.saveId++;const r=O.saveId;setTimeout(()=>O.getInstance().saveToLocalStorage(r),1e3)}e||this.parent&&this.parent._publishInternalMutation_()}async _publishAssignement_(e=!1){if(this._assignmentId_++,this._assignmentId_!==this._assignmentId_)return;const s=this.get();this._assignListeners_.forEach(t=>{t(s)}),this._publishInternalMutation_(e)}_publishInvalidation_(){this._invalidateListeners_.forEach(e=>e())}_publishFormInvalidation_(){this._formInvalidateListeners_.forEach(e=>e())}_publishDynamicFilling_(e,r){this._fillListeners_.forEach(s=>{s[e]!==r&&(s[e]=r)}),this._publishTemplateFilling_(e,r)}_publishTemplateFilling_(e,r){this._templateFillListeners_.forEach(s=>{const t=Object.getOwnPropertyDescriptor(s,e);t&&!t.set&&!t.writable||(s.propertyMap&&s.propertyMap[e]&&(e=s.propertyMap[e]),typeof s[e]<"u"&&s[e]!==r&&(s[e]=r))})}onAssign(e,r=!0){typeof e=="function"&&(this._assignListeners_.has(e)||(this._assignListeners_.add(e),r&&e(this.get())))}offAssign(e){this._assignListeners_.delete(e)}onInvalidate(e){typeof e=="function"&&this._invalidateListeners_.add(e)}offInvalidate(e){typeof e=="function"&&this._invalidateListeners_.delete(e)}invalidate(){this._publishInvalidation_()}onFormInvalidate(e){typeof e=="function"&&this._formInvalidateListeners_.add(e)}offFormInvalidate(e){typeof e=="function"&&this._formInvalidateListeners_.delete(e)}invalidateForm(){this._publishFormInvalidation_()}onInternalMutation(e){typeof e=="function"&&(this._mutationListeners_.add(e),e())}offInternalMutation(e){typeof e=="function"&&this._mutationListeners_.delete(e)}startTemplateFilling(e){if(this._templateFillListeners_.add(e),typeof this._value_=="object")for(const r in this._value_){let s=r;const t=this._value_[r];e.propertyMap&&e.propertyMap[r]&&(s=e.propertyMap[r]),typeof e[r]<"u"&&e[r]!==t&&(e[s]=t)}}stopTemplateFilling(e){this._templateFillListeners_.delete(e)}startDynamicFilling(e){this._fillListeners_.add(e);for(const r in this._value_){const s=this._value_[r];e[r]!==s&&(e[r]=s)}}stopDynamicFilling(e){this._fillListeners_.delete(e)}set(e,r=!1){if(this._value_===e||yt(this._value_)&&yt(e)&&e&&er(this._value_)&&er(e)&&this._value_.__value===e.__value||!yt(e)&&e===this._value_.__value)return!0;this._value_=yt(e)?e:{__value:e},this._cachedGet_=void 0;const s=er(this._value_);if(this._parentKey_&&this.parent){const t=er(this._value_)?this._value_.__value:this._value_;if(this.parent?.get()==null&&this.parent?.get()==null)if(isNaN(Number(this._parentKey_)))this.parent.set({[this._parentKey_]:t});else{const o=[];o[Number(this._parentKey_)]=t,this.parent.set(o)}else this.parent._value_[this._parentKey_]=t}if(s)return this._proxies_.forEach((t,o)=>{o!="_parent_"&&(t.set(null),this._publishDynamicFilling_(o,null))}),this._publishAssignement_(r),this.parent&&this._parentKey_&&this.parent._publishDynamicFilling_(this._parentKey_,this._value_.__value),!0;for(const t in this._value_)this._value_[t]===void 0&&delete this._value_[t];if(this._proxies_.forEach((t,o)=>{const n=this._value_[o];o!="_parent_"&&n===void 0&&n!==null&&isNaN(Number(o))&&(t.set(null),this._publishDynamicFilling_(o,null))}),this._publishAssignement_(),this.parent&&this._parentKey_&&this.parent._publishDynamicFilling_(this._parentKey_,this._value_),yt(this._value_))for(const t in this._value_){const o=e[t],a=yt(o)?o:{__value:o};if(!this._proxies_.has(t)){this._publishDynamicFilling_(t,o);continue}this._proxies_.get(t)?.set(a,!0),this._publishDynamicFilling_(t,o)}return!0}get(){if(O.modifiedCollectore.length>0&&O.modifiedCollectore[0].add(this),this._cachedGet_!==void 0)return this._cachedGet_;if(Object.prototype.hasOwnProperty.call(this._value_,"__value")){const e=this._value_.__value;return this._cachedGet_=e??null}return this._cachedGet_=this._value_!=null?this._value_:null}get $tag(){return this._instanceCounter_||(vt.instancesCounter++,this._instanceCounter_=vt.instancesCounter),vt.instances.set(this._instanceCounter_,this),"<"+ts+'-publisher-proxy publisher="'+this._instanceCounter_+'"></'+ts+"-publisher-proxy>"}};vt.instances=new Map,vt.instancesCounter=0;let $s=vt;const j=class j{constructor(){if(this.enabledLocaStorageProxies=[],this.publishers=new Map,this.localStorageData={},this.isLocalStrorageReady=null,this.initialisedData=[],j.instance!=null)throw"Singleton / use getInstance";j.instance=this,this.isLocalStrorageReady=this.cleanStorageData()}invalidateAll(){this.publishers.forEach(e=>{e._invalidate_on_page_show_&&e.invalidate()})}async cleanStorageData(){return new Promise(e=>{(async()=>{try{let s=localStorage.getItem(Hr),t=null;if(s&&(t=await this.decompress(s,"gzip")),t)try{this.localStorageData=JSON.parse(t)}catch{this.localStorageData={}}else s=await this.compress("{}","gzip"),localStorage.setItem(Hr,s),this.localStorageData={};const o=1e3*60*60*12;for(const n in this.localStorageData){const a=this.localStorageData[n],c=new Date().getTime()-(a.expirationDelayMs||o);a.lastModifiationMS<c&&delete this.localStorageData[n]}e(!0)}catch{window.requestAnimationFrame(()=>{e(!1)}),console.warn("no publisher cache in this browser")}})()})}static getInstance(e){if(e){const r=j.instances.get(e);return r||(console.warn("No PublisherManager instance registered with id:",e,"creating new one"),new j)}return j.instance==null?new j:j.instance}static registerInstance(e,r){j.instances.has(e)&&console.warn("PublisherManager instance already registered with id: ",e),j.instances.set(e,r)}static get(e,r){return j.getInstance().get(e,r)}static collectModifiedPublisher(){j.modifiedCollectore.unshift(new Set)}static getModifiedPublishers(){return j.modifiedCollectore.shift()}static delete(e){return e?j.getInstance().delete(e):!1}async setLocalData(e,r){await this.isLocalStrorageReady,e.set(this.localStorageData[r+"¤lang_"+oe.getLanguage()]?.data||e.get())}get(e,r){const s=r?.localStorageMode==="enabled",t=r?.invalidateOnPageShow===!0;if(!this.publishers.has(e)){const a=ei({});this.set(e,a)}const o=this.publishers.get(e);return s&&this.initialisedData.indexOf(e)===-1&&(r?.expirationDelayMs&&(o._expiration_delay_=r.expirationDelayMs),o._is_savable_=!0,this.initialisedData.push(e),this.setLocalData(o,e)),t&&(o._invalidate_on_page_show_=t),this.publishers.get(e)}set(e,r){this.publishers.set(e,r)}delete(e){return this.publishers.has(e)?(this.publishers.delete(e),!0):!1}async saveToLocalStorage(e=0){if(!(e!==j.saveId&&e%10!=0))try{if(!j.changed||j.saving)return;j.saving=!0,j.changed=!1;const r=Array.from(this.publishers.keys());let s=!1;for(const t of r){const o=this.publishers.get(t);if(!o?._is_savable_)continue;const n=o?.get();n&&(this.localStorageData[t+"¤lang_"+oe.getLanguage()]={lastModifiationMS:new Date().getTime(),expirationDelayMs:o._expiration_delay_,data:n},s=!0)}if(s){const t=await this.compress(JSON.stringify(this.localStorageData),"gzip");localStorage.setItem(Hr,t)}if(j.saving=!1,j.changed){j.saveId++;const t=j.saveId;setTimeout(()=>this.saveToLocalStorage(t),1e3)}}catch{j.saving=!1}}async compress(e,r){const s=new TextEncoder().encode(e),t=window,o=new t.CompressionStream(r),n=o.writable.getWriter();n.write(s),n.close();const a=await new Response(o.readable).arrayBuffer(),c=new Uint8Array(a);let p="";for(let b=0;b<c.length;b++)p+=String.fromCharCode(c[b]);return btoa(p)}async decompress(e,r){const s=atob(e),o=Uint8Array.from(s,b=>b.charCodeAt(0)).buffer,n=window,a=new n.DecompressionStream(r),c=a.writable.getWriter();c.write(o),c.close();const p=await new Response(a.readable).arrayBuffer();return new TextDecoder().decode(p)}};j.buildDate="Wed Mar 18 2026 18:00:56 GMT+0100 (heure normale d’Europe centrale)",j.changed=!1,j.saving=!1,j.saveId=0,j.instance=null,j.instances=new Map,j.modifiedCollectore=[];let O=j;if(typeof window<"u"){const i=window;i[cr+"PublisherManager"]=i[cr+"PublisherManager"]||O}const Jn=new Set(["invalidate","onInvalidate","offInvalidate","invalidateForm","onFormInvalidate","offFormInvalidate","onAssign","offAssign","startDynamicFilling","stopDynamicFilling","startTemplateFilling","stopTemplateFilling","onInternalMutation","offInternalMutation","set","get","$tag","_cachedGet_","_templateFillListeners_","_fillListeners_","_assignListeners_","_invalidateListeners_","_formInvalidateListeners_","_publishInternalMutation_","hasListener","delete","_mutationListeners_","_publishDynamicFilling_","_publishInvalidation_","_publishFormInvalidation_","_publishTemplateFilling_","_publishAssignement_","_proxies_","parent","_parentKey_","_value_","_is_savable_","_expiration_delay_","_lockInternalMutationPublishing_","_instanceCounter_","_assignmentId_","_invalidate_on_page_show_"]);function Qn(i,e){return{get:function(r,s){if(typeof s=="string"&&Jn.has(s))return i[s];if(s==Symbol.toPrimitive)return()=>e().get();if(!i._proxies_.has(s)){const t=i._value_[s],o=ei(yt(t)?t:{__value:t},i,s);o._proxies_.set("_parent_",e()),i._proxies_.set(s,o)}return i._proxies_.get(s)},set:function(r,s,t){if(s=="_value_")return i._value_=t,!0;if(s=="_cachedGet_")return i._cachedGet_=t,!0;if(s=="_assignmentId_")return i._assignmentId_=t,!0;if(s=="_is_savable_")return i._is_savable_=t,!0;if(s=="_expiration_delay_")return i._expiration_delay_=t,!0;if(s=="_invalidate_on_page_show_")return i._invalidate_on_page_show_=t,!0;if(s=="_instanceCounter_")return i._instanceCounter_=t,!0;if(!i._proxies_.has(s)){const n=ei({},i,s);n._proxies_.set("_parent_",e()),i._proxies_.set(s,n)}return i._value_[s]!==t&&(i._value_[s]=t,i._publishDynamicFilling_(s,t),i._proxies_.get(s)?.set(yt(t)?t:{__value:t})),!0},deleteProperty:function(r,s){return i._publishDynamicFilling_(s,null),i._proxies_.get(s)?.set(null),delete i._value_[s]},has:function(r,s){return s in i._value_&&s!="_lockInternalMutationPublishing_"},defineProperty:function(r,s,t){return t&&"value"in t&&(i._value_[s]=t.value),!0},getOwnPropertyDescriptor:function(r,s){return{enumerable:!0,configurable:!0}},ownKeys:function(r){return i._value_.__value?Object.keys(i._value_.__value):Object.keys(i._value_)}}}function ei(i,e=null,r){const s=new $s(i,e,r);let t=null;const o=Qn(s,()=>t);return t=new Proxy(s,o),t}class ea extends HTMLElement{constructor(){super(),this.publisherId="",this.onAssign=e=>{this.innerHTML=e.toString()}}connectedCallback(){this.publisherId=this.getAttribute("publisher")||"",this.publisher=$s.instances.get(parseInt(this.publisherId)),this.publisher?.onAssign(this.onAssign)}disconnectedCallback(){this.publisher?.offAssign(this.onAssign)}}try{customElements.define(ts+"-publisher-proxy",ea)}catch{}const Er=i=>{if(typeof i=="function"){const e=i;return O.collectModifiedPublisher(),e(),O.getModifiedPublishers()}if(typeof i=="string"){const e=i.split("."),r=e.shift()||"";let s=O.get(r);s=he.traverse(s,e);const t=new Set;return t.add(s),t}return new Set([i])},ta=i=>Er(i).values().next().value?.get(),en=i=>Er(i).values().next().value,sa=en,Us=en,ra=(i,e)=>{Er(i).values().next().value?.set(e)};window.addEventListener("pageshow",i=>{i.persisted&&O.getInstance().invalidateAll()});var R;let Or=(R=class{static disable(){this.enabled&&(this.enabled=!1,Array.from(R.observedElements.keys()).forEach(e=>R.unObserve(e)))}static observe(e){if(!e||!R.enabled||R.observedElements.has(e))return;const r=new MutationObserver(R.onMutation),s={};s.childList=!0,s.subtree=!0,s.attributes=!0,s.attributeFilter=["data-bind"],r.observe(e,s),e.querySelectorAll("[data-bind]").forEach(t=>R.addPublisherListeners(t)),R.observedElements.set(e,r)}static unObserve(e){if(!e)return;const r=this.observedElements.get(e);r&&(r.disconnect(),e.querySelectorAll("[data-bind]").forEach(s=>R.removePublisherListeners(s)))}static onAdded(e){e.hasAttribute&&e.hasAttribute("data-bind")&&R.addPublisherListeners(e),e.querySelectorAll?e.querySelectorAll("[data-bind]").forEach(r=>R.addPublisherListeners(r)):e.childNodes.forEach(r=>R.onAdded(r))}static onRemoved(e){e.hasAttribute&&e.hasAttribute("data-bind")&&R.removePublisherListeners(e),e.querySelectorAll?e.querySelectorAll("[data-bind]").forEach(r=>R.removePublisherListeners(r)):e.childNodes.forEach(r=>R.onRemoved(r))}static onMutation(e){for(const r of e)switch(r.type){case"attributes":R.addPublisherListeners(r.target);break;case"childList":r.addedNodes.forEach(s=>{R.onAdded(s)}),r.removedNodes.forEach(s=>{R.onRemoved(s)});break}}static removePublisherListeners(e){const r=R.publisherListeners.get(e);r&&(R.publisherListeners.delete(e),r.forEach(s=>{s.publisher?.offAssign(s.onAssign)}))}static getVariablesDescriptor(e){let r=e.match(/(\$(?:\w+\\?\.?)+)/g);return r?r=r.map(s=>s.replace("$","")):r=[e],r=r.filter(s=>s.length>0),{expression:e.replace("\\",""),variables:r.map(s=>s.split(/\b\.\b/).map(t=>t.replace("\\","")))}}static getDataBindItems(e){return"attributes"in e?Array.from(e.attributes).filter(r=>r.name.indexOf("::")==0).map(r=>({propertyToUpdate:r.name.substring(2).replace(/-((html)|\w)/g,t=>t.substring(1).toUpperCase()),bindedVariablesDescriptor:R.getVariablesDescriptor(r.value)})):[]}static getSubPublisher(e,r){if(!r)return e;for(const s of r)if(s!="_self_"){if(!e)return null;e=e[s]}return e}static addPublisherListeners(e){R.removePublisherListeners(e);const r=oe.getAncestorAttributeValue(e.parentNode||e.host||e,"dataProvider");if(!r)return;const s=O.getInstance().get(r),t=R.getDataBindItems(e),o=[];t.forEach(n=>{const a=n.bindedVariablesDescriptor,c=n.propertyToUpdate;for(const p of a.variables){const b=p;let d=s;d=R.getSubPublisher(s,b);const x=e,_={publisher:d,onAssign:()=>{const f=a.variables.map(D=>R.getSubPublisher(s,D)?.get());let m=a.expression,y=!1;if(f.length==1&&a.variables[0].join(".")==m.substring(1)){let D=f[0];D===null&&(D=""),x[c]=D;return}for(let D=0;D<f.length;D++){let u=f[D];const h=a.variables[D];u===null&&(y=!0,u=void 0),m=m.replace("$"+h.join("."),u)}if(m.indexOf("|")!=-1){const D=m.indexOf("|");if(D==0)m=lr.js(m.substring(1));else{const u=m.substring(0,D),h=m.substring(D+1),g=lr[u];m=y?"":g?g(h):m}}else m=y?"":m;x[c]=m}};d?.onAssign(_.onAssign),o.push(_)}}),R.publisherListeners.set(e,o)}},R.observedElements=new Map,R.enabled=!0,R.publisherListeners=new Map,R);Or.observe(document.documentElement);window.SonicDataBindObserver||(window.SonicDataBindObserver=Or);/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2017 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -6,74 +6,74 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2019 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const
|
|
9
|
+
*/const ir=globalThis,Ti=ir.ShadowRoot&&(ir.ShadyCSS===void 0||ir.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Li=Symbol(),ho=new WeakMap;let tn=class{constructor(e,r,s){if(this._$cssResult$=!0,s!==Li)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=r}get styleSheet(){let e=this.o;const r=this.t;if(Ti&&e===void 0){const s=r!==void 0&&r.length===1;s&&(e=ho.get(r)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),s&&ho.set(r,e))}return e}toString(){return this.cssText}};const Ii=i=>new tn(typeof i=="string"?i:i+"",void 0,Li),k=(i,...e)=>{const r=i.length===1?i[0]:e.reduce(((s,t,o)=>s+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(t)+i[o+1]),i[0]);return new tn(r,i,Li)},ia=(i,e)=>{if(Ti)i.adoptedStyleSheets=e.map((r=>r instanceof CSSStyleSheet?r:r.styleSheet));else for(const r of e){const s=document.createElement("style"),t=ir.litNonce;t!==void 0&&s.setAttribute("nonce",t),s.textContent=r.cssText,i.appendChild(s)}},po=Ti?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let r="";for(const s of e.cssRules)r+=s.cssText;return Ii(r)})(i):i;/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const{is:
|
|
13
|
+
*/const{is:oa,defineProperty:na,getOwnPropertyDescriptor:aa,getOwnPropertyNames:la,getOwnPropertySymbols:ca,getPrototypeOf:ua}=Object,Tr=globalThis,mo=Tr.trustedTypes,ha=mo?mo.emptyScript:"",da=Tr.reactiveElementPolyfillSupport,Ss=(i,e)=>i,ur={toAttribute(i,e){switch(e){case Boolean:i=i?ha:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let r=i;switch(e){case Boolean:r=i!==null;break;case Number:r=i===null?null:Number(i);break;case Object:case Array:try{r=JSON.parse(i)}catch{r=null}}return r}},Ni=(i,e)=>!oa(i,e),fo={attribute:!0,type:String,converter:ur,reflect:!1,useDefault:!1,hasChanged:Ni};Symbol.metadata??=Symbol("metadata"),Tr.litPropertyMetadata??=new WeakMap;let Jt=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,r=fo){if(r.state&&(r.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((r=Object.create(r)).wrapped=!0),this.elementProperties.set(e,r),!r.noAccessor){const s=Symbol(),t=this.getPropertyDescriptor(e,s,r);t!==void 0&&na(this.prototype,e,t)}}static getPropertyDescriptor(e,r,s){const{get:t,set:o}=aa(this.prototype,e)??{get(){return this[r]},set(n){this[r]=n}};return{get:t,set(n){const a=t?.call(this);o?.call(this,n),this.requestUpdate(e,a,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??fo}static _$Ei(){if(this.hasOwnProperty(Ss("elementProperties")))return;const e=ua(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Ss("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Ss("properties"))){const r=this.properties,s=[...la(r),...ca(r)];for(const t of s)this.createProperty(t,r[t])}const e=this[Symbol.metadata];if(e!==null){const r=litPropertyMetadata.get(e);if(r!==void 0)for(const[s,t]of r)this.elementProperties.set(s,t)}this._$Eh=new Map;for(const[r,s]of this.elementProperties){const t=this._$Eu(r,s);t!==void 0&&this._$Eh.set(t,r)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const r=[];if(Array.isArray(e)){const s=new Set(e.flat(1/0).reverse());for(const t of s)r.unshift(po(t))}else e!==void 0&&r.push(po(e));return r}static _$Eu(e,r){const s=r.attribute;return s===!1?void 0:typeof s=="string"?s:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((e=>this.enableUpdating=e)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((e=>e(this)))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,r=this.constructor.elementProperties;for(const s of r.keys())this.hasOwnProperty(s)&&(e.set(s,this[s]),delete this[s]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return ia(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((e=>e.hostConnected?.()))}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach((e=>e.hostDisconnected?.()))}attributeChangedCallback(e,r,s){this._$AK(e,s)}_$ET(e,r){const s=this.constructor.elementProperties.get(e),t=this.constructor._$Eu(e,s);if(t!==void 0&&s.reflect===!0){const o=(s.converter?.toAttribute!==void 0?s.converter:ur).toAttribute(r,s.type);this._$Em=e,o==null?this.removeAttribute(t):this.setAttribute(t,o),this._$Em=null}}_$AK(e,r){const s=this.constructor,t=s._$Eh.get(e);if(t!==void 0&&this._$Em!==t){const o=s.getPropertyOptions(t),n=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:ur;this._$Em=t;const a=n.fromAttribute(r,o.type);this[t]=a??this._$Ej?.get(t)??a,this._$Em=null}}requestUpdate(e,r,s){if(e!==void 0){const t=this.constructor,o=this[e];if(s??=t.getPropertyOptions(e),!((s.hasChanged??Ni)(o,r)||s.useDefault&&s.reflect&&o===this._$Ej?.get(e)&&!this.hasAttribute(t._$Eu(e,s))))return;this.C(e,r,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,r,{useDefault:s,reflect:t,wrapped:o},n){s&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,n??r??this[e]),o!==!0||n!==void 0)||(this._$AL.has(e)||(this.hasUpdated||s||(r=void 0),this._$AL.set(e,r)),t===!0&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(r){Promise.reject(r)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,o]of this._$Ep)this[t]=o;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[t,o]of s){const{wrapped:n}=o,a=this[t];n!==!0||this._$AL.has(t)||a===void 0||this.C(t,void 0,o,a)}}let e=!1;const r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),this._$EO?.forEach((s=>s.hostUpdate?.())),this.update(r)):this._$EM()}catch(s){throw e=!1,this._$EM(),s}e&&this._$AE(r)}willUpdate(e){}_$AE(e){this._$EO?.forEach((r=>r.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach((r=>this._$ET(r,this[r]))),this._$EM()}updated(e){}firstUpdated(e){}};Jt.elementStyles=[],Jt.shadowRootOptions={mode:"open"},Jt[Ss("elementProperties")]=new Map,Jt[Ss("finalized")]=new Map,da?.({ReactiveElement:Jt}),(Tr.reactiveElementVersions??=[]).push("2.1.1");/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
-
*/const
|
|
17
|
+
*/const pa={attribute:!0,type:String,converter:ur,reflect:!1,hasChanged:Ni},ma=(i=pa,e,r)=>{const{kind:s,metadata:t}=r;let o=globalThis.litPropertyMetadata.get(t);if(o===void 0&&globalThis.litPropertyMetadata.set(t,o=new Map),s==="setter"&&((i=Object.create(i)).wrapped=!0),o.set(r.name,i),s==="accessor"){const{name:n}=r;return{set(a){const c=e.get.call(this);e.set.call(this,a),this.requestUpdate(n,c,i)},init(a){return a!==void 0&&this.C(n,void 0,i,a),a}}}if(s==="setter"){const{name:n}=r;return function(a){const c=this[n];e.call(this,a),this.requestUpdate(n,c,i)}}throw Error("Unsupported decorator location: "+s)};function l(i){return(e,r)=>typeof r=="object"?ma(i,e,r):((s,t,o)=>{const n=t.hasOwnProperty(o);return t.constructor.createProperty(o,s),n?Object.getOwnPropertyDescriptor(t,o):void 0})(i,e,r)}/**
|
|
18
18
|
* @license
|
|
19
19
|
* Copyright 2017 Google LLC
|
|
20
20
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
21
|
-
*/function
|
|
21
|
+
*/function L(i){return l({...i,state:!0,attribute:!1})}/**
|
|
22
22
|
* @license
|
|
23
23
|
* Copyright 2017 Google LLC
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/const
|
|
25
|
+
*/const Mi=(i,e,r)=>(r.configurable=!0,r.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(i,e,r),r);/**
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2017 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*/function
|
|
29
|
+
*/function et(i,e){return(r,s,t)=>{const o=n=>n.renderRoot?.querySelector(i)??null;return Mi(r,s,{get(){return o(this)}})}}/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2021 Google LLC
|
|
32
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
-
*/function
|
|
33
|
+
*/function us(i){return(e,r)=>{const{slot:s,selector:t}=i??{},o="slot"+(s?`[name=${s}]`:":not([name])");return Mi(e,r,{get(){const n=this.renderRoot?.querySelector(o),a=n?.assignedElements(i)??[];return t===void 0?a:a.filter((c=>c.matches(t)))}})}}/**
|
|
34
34
|
* @license
|
|
35
35
|
* Copyright 2017 Google LLC
|
|
36
36
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
-
*/function De(i){return(e,r)=>{const{slot:s}=i??{},t="slot"+(s?`[name=${s}]`:":not([name])");return
|
|
37
|
+
*/function De(i){return(e,r)=>{const{slot:s}=i??{},t="slot"+(s?`[name=${s}]`:":not([name])");return Mi(e,r,{get(){return this.renderRoot?.querySelector(t)?.assignedNodes(i)??[]}})}}/**
|
|
38
38
|
* @license
|
|
39
39
|
* Copyright 2017 Google LLC
|
|
40
40
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
41
|
-
*/const
|
|
42
|
-
\f\r]`,
|
|
43
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
41
|
+
*/const zi=globalThis,hr=zi.trustedTypes,go=hr?hr.createPolicy("lit-html",{createHTML:i=>i}):void 0,sn="$lit$",wt=`lit$${Math.random().toFixed(9).slice(2)}$`,rn="?"+wt,fa=`<${rn}>`,Bt=document,ks=()=>Bt.createComment(""),Es=i=>i===null||typeof i!="object"&&typeof i!="function",Bi=Array.isArray,ga=i=>Bi(i)||typeof i?.[Symbol.iterator]=="function",Wr=`[
|
|
42
|
+
\f\r]`,xs=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,bo=/-->/g,yo=/>/g,Tt=RegExp(`>|${Wr}(?:([^\\s"'>=/]+)(${Wr}*=${Wr}*(?:[^
|
|
43
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),vo=/'/g,wo=/"/g,on=/^(?:script|style|textarea|title)$/i,ba=i=>(e,...r)=>({_$litType$:i,strings:e,values:r}),w=ba(1),Ie=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),xo=new WeakMap,Mt=Bt.createTreeWalker(Bt,129);function nn(i,e){if(!Bi(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return go!==void 0?go.createHTML(e):e}const ya=(i,e)=>{const r=i.length-1,s=[];let t,o=e===2?"<svg>":e===3?"<math>":"",n=xs;for(let a=0;a<r;a++){const c=i[a];let p,b,d=-1,x=0;for(;x<c.length&&(n.lastIndex=x,b=n.exec(c),b!==null);)x=n.lastIndex,n===xs?b[1]==="!--"?n=bo:b[1]!==void 0?n=yo:b[2]!==void 0?(on.test(b[2])&&(t=RegExp("</"+b[2],"g")),n=Tt):b[3]!==void 0&&(n=Tt):n===Tt?b[0]===">"?(n=t??xs,d=-1):b[1]===void 0?d=-2:(d=n.lastIndex-b[2].length,p=b[1],n=b[3]===void 0?Tt:b[3]==='"'?wo:vo):n===wo||n===vo?n=Tt:n===bo||n===yo?n=xs:(n=Tt,t=void 0);const _=n===Tt&&i[a+1].startsWith("/>")?" ":"";o+=n===xs?c+fa:d>=0?(s.push(p),c.slice(0,d)+sn+c.slice(d)+wt+_):c+wt+(d===-2?a:_)}return[nn(i,o+(i[r]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),s]};let ti=class an{constructor({strings:e,_$litType$:r},s){let t;this.parts=[];let o=0,n=0;const a=e.length-1,c=this.parts,[p,b]=ya(e,r);if(this.el=an.createElement(p,s),Mt.currentNode=this.el.content,r===2||r===3){const d=this.el.content.firstChild;d.replaceWith(...d.childNodes)}for(;(t=Mt.nextNode())!==null&&c.length<a;){if(t.nodeType===1){if(t.hasAttributes())for(const d of t.getAttributeNames())if(d.endsWith(sn)){const x=b[n++],_=t.getAttribute(d).split(wt),f=/([.?@])?(.*)/.exec(x);c.push({type:1,index:o,name:f[2],strings:_,ctor:f[1]==="."?wa:f[1]==="?"?xa:f[1]==="@"?_a:Lr}),t.removeAttribute(d)}else d.startsWith(wt)&&(c.push({type:6,index:o}),t.removeAttribute(d));if(on.test(t.tagName)){const d=t.textContent.split(wt),x=d.length-1;if(x>0){t.textContent=hr?hr.emptyScript:"";for(let _=0;_<x;_++)t.append(d[_],ks()),Mt.nextNode(),c.push({type:2,index:++o});t.append(d[x],ks())}}}else if(t.nodeType===8)if(t.data===rn)c.push({type:2,index:o});else{let d=-1;for(;(d=t.data.indexOf(wt,d+1))!==-1;)c.push({type:7,index:o}),d+=wt.length-1}o++}}static createElement(e,r){const s=Bt.createElement("template");return s.innerHTML=e,s}};function ss(i,e,r=i,s){if(e===Ie)return e;let t=s!==void 0?r._$Co?.[s]:r._$Cl;const o=Es(e)?void 0:e._$litDirective$;return t?.constructor!==o&&(t?._$AO?.(!1),o===void 0?t=void 0:(t=new o(i),t._$AT(i,r,s)),s!==void 0?(r._$Co??=[])[s]=t:r._$Cl=t),t!==void 0&&(e=ss(i,t._$AS(i,e.values),t,s)),e}let va=class{constructor(e,r){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:r},parts:s}=this._$AD,t=(e?.creationScope??Bt).importNode(r,!0);Mt.currentNode=t;let o=Mt.nextNode(),n=0,a=0,c=s[0];for(;c!==void 0;){if(n===c.index){let p;c.type===2?p=new hs(o,o.nextSibling,this,e):c.type===1?p=new c.ctor(o,c.name,c.strings,this,e):c.type===6&&(p=new Da(o,this,e)),this._$AV.push(p),c=s[++a]}n!==c?.index&&(o=Mt.nextNode(),n++)}return Mt.currentNode=Bt,t}p(e){let r=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(e,s,r),r+=s.strings.length-2):s._$AI(e[r])),r++}};class hs{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,r,s,t){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=e,this._$AB=r,this._$AM=s,this.options=t,this._$Cv=t?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const r=this._$AM;return r!==void 0&&e?.nodeType===11&&(e=r.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,r=this){e=ss(this,e,r),Es(e)?e===E||e==null||e===""?(this._$AH!==E&&this._$AR(),this._$AH=E):e!==this._$AH&&e!==Ie&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):ga(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==E&&Es(this._$AH)?this._$AA.nextSibling.data=e:this.T(Bt.createTextNode(e)),this._$AH=e}$(e){const{values:r,_$litType$:s}=e,t=typeof s=="number"?this._$AC(e):(s.el===void 0&&(s.el=ti.createElement(nn(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===t)this._$AH.p(r);else{const o=new va(t,this),n=o.u(this.options);o.p(r),this.T(n),this._$AH=o}}_$AC(e){let r=xo.get(e.strings);return r===void 0&&xo.set(e.strings,r=new ti(e)),r}k(e){Bi(this._$AH)||(this._$AH=[],this._$AR());const r=this._$AH;let s,t=0;for(const o of e)t===r.length?r.push(s=new hs(this.O(ks()),this.O(ks()),this,this.options)):s=r[t],s._$AI(o),t++;t<r.length&&(this._$AR(s&&s._$AB.nextSibling,t),r.length=t)}_$AR(e=this._$AA.nextSibling,r){for(this._$AP?.(!1,!0,r);e!==this._$AB;){const s=e.nextSibling;e.remove(),e=s}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}}class Lr{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,r,s,t,o){this.type=1,this._$AH=E,this._$AN=void 0,this.element=e,this.name=r,this._$AM=t,this.options=o,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E}_$AI(e,r=this,s,t){const o=this.strings;let n=!1;if(o===void 0)e=ss(this,e,r,0),n=!Es(e)||e!==this._$AH&&e!==Ie,n&&(this._$AH=e);else{const a=e;let c,p;for(e=o[0],c=0;c<o.length-1;c++)p=ss(this,a[s+c],r,c),p===Ie&&(p=this._$AH[c]),n||=!Es(p)||p!==this._$AH[c],p===E?e=E:e!==E&&(e+=(p??"")+o[c+1]),this._$AH[c]=p}n&&!t&&this.j(e)}j(e){e===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class wa extends Lr{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===E?void 0:e}}class xa extends Lr{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==E)}}class _a extends Lr{constructor(e,r,s,t,o){super(e,r,s,t,o),this.type=5}_$AI(e,r=this){if((e=ss(this,e,r,0)??E)===Ie)return;const s=this._$AH,t=e===E&&s!==E||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,o=e!==E&&(s===E||t);t&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Da{constructor(e,r,s){this.element=e,this.type=6,this._$AN=void 0,this._$AM=r,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(e){ss(this,e)}}const Ca={I:hs},Aa=zi.litHtmlPolyfillSupport;Aa?.(ti,hs),(zi.litHtmlVersions??=[]).push("3.3.1");const Sa=(i,e,r)=>{const s=r?.renderBefore??e;let t=s._$litPart$;if(t===void 0){const o=r?.renderBefore??null;s._$litPart$=t=new hs(e.insertBefore(ks(),o),o,void 0,r??{})}return t._$AI(i),t};/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2020 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
|
-
*/const{I:
|
|
47
|
+
*/const{I:Fa}=Ca,Pa=i=>i.strings===void 0,_o=()=>document.createComment(""),_s=(i,e,r)=>{const s=i._$AA.parentNode,t=e===void 0?i._$AB:e._$AA;if(r===void 0){const o=s.insertBefore(_o(),t),n=s.insertBefore(_o(),t);r=new Fa(o,n,i,i.options)}else{const o=r._$AB.nextSibling,n=r._$AM,a=n!==i;if(a){let c;r._$AQ?.(i),r._$AM=i,r._$AP!==void 0&&(c=i._$AU)!==n._$AU&&r._$AP(c)}if(o!==t||a){let c=r._$AA;for(;c!==o;){const p=c.nextSibling;s.insertBefore(c,t),c=p}}}return r},Lt=(i,e,r=i)=>(i._$AI(e,r),i),$a={},ka=(i,e=$a)=>i._$AH=e,Ea=i=>i._$AH,Kr=i=>{i._$AR(),i._$AA.remove()};/**
|
|
48
48
|
* @license
|
|
49
49
|
* Copyright 2017 Google LLC
|
|
50
50
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
|
-
*/const
|
|
51
|
+
*/const Wt={ATTRIBUTE:1,CHILD:2},$t=i=>(...e)=>({_$litDirective$:i,values:e});let ds=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,r,s){this._$Ct=e,this._$AM=r,this._$Ci=s}_$AS(e,r){return this.update(e,r)}update(e,r){return this.render(...r)}};/**
|
|
52
52
|
* @license
|
|
53
53
|
* Copyright 2017 Google LLC
|
|
54
54
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
|
-
*/const Fs=(i,e)=>{const r=i._$AN;if(r===void 0)return!1;for(const s of r)s._$AO?.(e,!1),Fs(s,e);return!0},
|
|
55
|
+
*/const Fs=(i,e)=>{const r=i._$AN;if(r===void 0)return!1;for(const s of r)s._$AO?.(e,!1),Fs(s,e);return!0},dr=i=>{let e,r;do{if((e=i._$AM)===void 0)break;r=e._$AN,r.delete(i),i=e}while(r?.size===0)},ln=i=>{for(let e;e=i._$AM;i=e){let r=e._$AN;if(r===void 0)e._$AN=r=new Set;else if(r.has(i))break;r.add(i),La(e)}};function Oa(i){this._$AN!==void 0?(dr(this),this._$AM=i,ln(this)):this._$AM=i}function Ta(i,e=!1,r=0){const s=this._$AH,t=this._$AN;if(t!==void 0&&t.size!==0)if(e)if(Array.isArray(s))for(let o=r;o<s.length;o++)Fs(s[o],!1),dr(s[o]);else s!=null&&(Fs(s,!1),dr(s));else Fs(this,i)}const La=i=>{i.type==Wt.CHILD&&(i._$AP??=Ta,i._$AQ??=Oa)};class Ri extends ds{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,r,s){super._$AT(e,r,s),ln(this),this.isConnected=e._$AU}_$AO(e,r=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),r&&(Fs(this,e),dr(this))}setValue(e){if(Pa(this._$Ct))this._$Ct._$AI(e,this);else{const r=[...this._$Ct._$AH];r[this._$Ci]=e,this._$Ct._$AI(r,this,0)}}disconnected(){}reconnected(){}}/**
|
|
56
56
|
* @license
|
|
57
57
|
* Copyright 2017 Google LLC
|
|
58
58
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
59
|
-
*/const
|
|
59
|
+
*/const ji=globalThis;let A=class extends Jt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Sa(r,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Ie}};A._$litElement$=!0,A.finalized=!0,ji.litElementHydrateSupport?.({LitElement:A});const Ia=ji.litElementPolyfillSupport;Ia?.({LitElement:A});(ji.litElementVersions??=[]).push("4.2.1");const W=class W{constructor(e){this.addHTTPResponse=!1,this.cache="default",this.isServiceSimulated=!1,this.blockUntilDone=!1,this.keepAlive=!1,this.serviceURL=e.serviceURL,this.blockUntilDone=e.blockUntilDone||!1,this.serviceURL=="publisher://"&&(this.isServiceSimulated=!0),this.serviceURL||(this.serviceURL=document.location.origin),this.userName=e.userName,this.password=e.password,e.token&&(this.token=e.token),this.tokenProvider=e.tokenProvider,this.authToken=e.authToken,this.addHTTPResponse=e.addHTTPResponse||!1,this.credentials=e.credentials,this.cache=e.cache||"default",this.keepAlive=e.keepAlive||!1}set token(e){if(this._token=e,!e){W.tokens.delete(this.serviceURL);return}W.invalidTokens.includes(e)||W.tokens.set(this.serviceURL,e)}get token(){return W.invalidTokens.includes(this._token)?W.tokens.get(this.serviceURL):this._token}handleInvalidToken(e){e&&(W.invalidTokens.includes(e)||(W.invalidTokens.push(e),this.token=null))}async handleResult(e,r){W.firstCallDoneFlags.set(this.serviceURL,"done"),this.lastResult=e;const s=e.headers.get("content-type")?.toLowerCase(),t=e.status;let o={};if(!s||s.indexOf("text/")==0)o={text:await e.text()};else try{o=await e.json()}catch{o={}}return this.addHTTPResponse&&he.isObject(o)&&(o._sonic_http_response_=e),t===498&&!W.failledTokenUpdates.has(this.serviceURL)&&(this.handleInvalidToken(this.token),r.apiMethod==="get"?o=await this[r.apiMethod](r.path,r.additionalHeaders):o=await this[r.apiMethod](r.path,r.data,r.method,r.additionalHeaders)),Us("sonic-api").lastResponse.set({http:e,processed:o}),o}async auth(){if(this.token)return;if(W.tokens.has(this.serviceURL)){this.token=W.tokens.get(this.serviceURL);return}if(!this.tokenProvider)return;let e={};this.userName&&this.password?e={Authorization:"Basic "+window.btoa(unescape(encodeURIComponent(this.userName+":"+this.password)))}:this.authToken&&(e={Authorization:"Bearer "+this.authToken});const r=new URL(this.serviceURL),s=r.protocol+"//"+r.host,t=await fetch(this.computeURL(this.tokenProvider,{serviceHost:s}),{headers:e,credentials:this.credentials,keepalive:this.keepAlive});try{const o=await t.json();o.token?this.token=o.token:W.failledTokenUpdates.set(this.serviceURL,!0)}catch{W.failledTokenUpdates.set(this.serviceURL,!0)}}async localGet(e,r){const s=O.get(e),t=new URLSearchParams(r.split("?")[1]||""),o=s.get();let n=[];Array.isArray(o)?n=o:n=[o];const a=[];let c=Number.POSITIVE_INFINITY,p=0,b=0;if(t.has("limit")&&(c=parseInt(t.get("limit")||"0"),b++),t.has("offset")&&(p=parseInt(t.get("offset")||"0"),b++),b>0&&(t.delete("limit"),t.delete("offset")),t.size===0)return n.slice(p,p+c);for(const[d,x]of t.entries()){const _=x.split(",").map(f=>f.trim());for(const f of _)for(const m of n)if(typeof m!="object")isNaN(+m)?m.toString().toLowerCase().includes(x.toLowerCase())&&a.push(m):m===x&&a.push(m);else{const y=m;if(!y[d])continue;isNaN(+y[d])?y[d]?.toString().toLowerCase().includes(f.toLowerCase())&&a.push(m):y[d]===f&&a.push(m)}}return a.slice(p,p+c)}firstCallDone(){return new Promise(e=>{if(!W.firstCallDoneFlags.has(this.serviceURL))W.firstCallDoneFlags.set(this.serviceURL,"loading"),e(!0);else{const r=()=>{[void 0,"loading"].includes(W.firstCallDoneFlags.get(this.serviceURL))?window.requestAnimationFrame(r):e(!0)};r()}})}async get(e,r){await this.firstCallDone(),this.blockUntilDone&&W.firstCallDoneFlags.set(this.serviceURL,"loading");const s=/dataProvider\((.*?)\)(.*?)$/;if(s.test(e)){const p=e.match(s);if(!p)throw new Error("dataProvider path is not valid");return await this.localGet(p[1],p[2])}const t={apiMethod:"get",path:e,additionalHeaders:r},o=await this.createHeaders(r),n=this.computeURL(e),a=JSON.stringify({url:n,headers:o});if(!W.loadingGetPromises.has(a)){const p=new Promise(async b=>{try{const d=await fetch(n,{headers:o,credentials:this.credentials,cache:this.cache,keepalive:this.keepAlive}),x=await this.handleResult(d,t);b(x)}catch{b(null)}});W.loadingGetPromises.set(a,p)}const c=await W.loadingGetPromises.get(a);return W.loadingGetPromises.delete(a),c}async createHeaders(e){await this.auth();const r={};return this.token&&(r.Authorization="Bearer "+this.token),r["Accept-Language"]=oe.getLanguage(),e&&Object.assign(r,e),r}computeURL(e,r={}){let s="";e.startsWith("http")?s=e:s=this.serviceURL+"/"+e,s.startsWith("http")||(s=window.location.origin+s);const t=new URL(s);for(const o in r)t.searchParams.set(o,r[o]);return t.toString().replace(/([^(https?:)])\/{2,}/g,"$1/")}async send(e,r,s="POST",t){const o={apiMethod:"send",path:e,additionalHeaders:t,method:s,data:r},n=await this.createHeaders(t);n.Accept="application/json",n["Content-Type"]="application/json";const a=await fetch(this.computeURL(e),{headers:n,credentials:this.credentials,method:s,body:JSON.stringify(r),keepalive:this.keepAlive});return await this.handleResult(a,o)}async submitFormData(e,r,s="POST",t){const o={apiMethod:"submitFormData",path:e,additionalHeaders:t,method:s,data:r},n=await this.createHeaders(t);n.Accept="application/json";const a=new FormData,c=r;for(const b in c)a.set(b,c[b]);const p=await fetch(this.computeURL(e),{headers:n,credentials:this.credentials,method:s,body:a,keepalive:this.keepAlive});return await this.handleResult(p,o)}async put(e,r,s){return this.send(e,r,"PUT",s)}async post(e,r,s){return this.send(e,r,"POST",s)}async patch(e,r,s){return this.send(e,r,"PATCH",s)}async delete(e,r,s){return this.send(e,r,"delete",s)}};W.loadingGetPromises=new Map,W.tokens=new Map,W.invalidTokens=[],W.failledTokenUpdates=new Map,W.firstCallDoneFlags=new Map;let rs=W;oe.getApiConfiguration(document.body||document.documentElement);const Na=async(i,e)=>{};/**
|
|
60
60
|
* @license
|
|
61
61
|
* Copyright 2017 Google LLC
|
|
62
62
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
63
|
-
*/let
|
|
63
|
+
*/let si=class extends ds{constructor(e){if(super(e),this.it=E,e.type!==Wt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===E||e==null)return this._t=void 0,this.it=e;if(e===Ie)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const r=[e];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};si.directiveName="unsafeHTML",si.resultType=1;const q=$t(si),ri=new Map,Do=i=>{if(!i)return null;const e=oe.getApiConfiguration(i),r=oe.getAncestorAttributeValue(i,"wordingProvider"),s=oe.getAncestorAttributeValue(i,"wordingVersionProvider"),t={apiConfiguration:e,wordingProvider:r,wordingVersionProvider:s};let o=null;for(const[n,a]of ri)if(he.deepEqual(n,t)){o=a;break}return o||(o={api:new rs(e),keysToTranslate:new Set,translatedKeys:new Set,wordingProvider:r,callIndex:0,wordingVersionProvider:s,apiCallKey:t},ri.set(t,o)),o},Co="",G=class G extends Ri{constructor(e){super(e),this.useUnsafeHTML=!1,this.onAssign=r=>{const s=this.useUnsafeHTML?q(r):r;this.setValue(s)},this.node=e.options.host}unsubscribe(){G.publisher["wording_"+this.key].offAssign(this.onAssign)}render(e,r=!1){return this.useUnsafeHTML=r,this.key!==e&&(this.key=e,this.isConnected&&this.subscribe(e)),Ie}static async callApi(e,r,s=!0,t){if(await O.getInstance().isLocalStrorageReady,G.firstCall){G.firstCall=!1,Oi(G.reloadWordings);const b=Object.keys(G.publisher.get());for(const d of b)G.publisher.get()[d]===Co&&delete G.publisher[d]}if(e){const b=oe.getAncestorAttributeValue(e,"wordingVersionProvider");b&&Us(b).onAssign(G.handleVersionProvider(e))}let o=G.publisher.get()["wording_"+r]!=null;const n=t||Do(e);if(!n)return;if(o&&r!==""){n.translatedKeys.add(r);return}n.callIndex++;const a=n.callIndex,c=n.wordingProvider??"";if(!c&&s){window.setTimeout(async()=>{G.callApi(null,r,!1,n)},1e3);return}const p=n.api;window.queueMicrotask(async()=>{if(o=G.publisher["wording_"+r].get()!=null,!o&&r!==""&&(n.keysToTranslate.add(r),G.publisher["wording_"+r].set(Co)),a!==n.callIndex)return;const b=Array.from(n.keysToTranslate);if(!b.length)return;const d=c.split("?"),x=d.shift(),_=(d.length>0?d.join("?")+"&":"")+"labels[]="+b.join("&labels[]="),f=x+"?"+_;n.translatedKeys=new Set([...n.translatedKeys,...n.keysToTranslate]),n.keysToTranslate.clear();const m=await p.get(f);for(const y in m)G.publisher["wording_"+y].set(m[y])})}static reloadWordings(){for(const e of ri.values())e.keysToTranslate=new Set(e.translatedKeys),e.keysToTranslate.size>0&&G.callApi(null,"",!1,e)}static handleVersionProvider(e){const r=Do(e),s=o=>{};if(!r)return s;if(G.versionProviderHandlers.has(r))return G.versionProviderHandlers.get(r)||s;const t=function(o){if(!r.wordingVersionProvider)return;const a=G.publisher.get().__wording_versions__??[];if(o==null)return;const c=a.find(p=>p.serviceURL===r.api.serviceURL)||{serviceURL:r.api.serviceURL,version:0};a.includes(c)||a.push(c),o!==c.version&&(c.version=o,G.publisher.set({__wording_versions__:a}),G.reloadWordings())};return G.versionProviderHandlers.set(r,t),t}subscribe(e){this.unsubscribe(),G.publisher["wording_"+e].onAssign(this.onAssign),G.callApi(this.node,e)}disconnected(){this.unsubscribe()}reconnected(){this.key&&this.subscribe(this.key)}};G.publisher=O.get("sonic-wording",{localStorageMode:"enabled"}),G.firstCall=!0,G.versionProviderHandlers=new Map;let es=G;const Ma=$t(es),za=Ma;var Ba=Object.defineProperty,Ra=Object.getOwnPropertyDescriptor,Ke=(i,e,r,s)=>{for(var t=s>1?void 0:s?Ra(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Ba(e,r,t),t};let tr=!1,Yr=new Set;const Q=(i,e)=>{var t;const r=(t=class extends i{constructor(...n){super(),this.collectDependenciesVersion=0,this.displayContents=!1,this.noAutoFill=!1,this.forceAutoFill=!1,this.renderOnPropsInternalChange=!1,this.noShadowDom=null,this.propertyMap=null,this.title="",this.dataProvider=null,this.bindPublisher=null,this._props=null,this.shouldRenderLazy=!0,this.defferedDebug=null,this.debug=null,this.onAssign=a=>{this.props=a}}hasAncestorAttribute(n){return this.getAncestorAttributeValue(n)!=null}getAncestorAttributeValue(n){return oe.getAncestorAttributeValue(this,n)}get props(){return this._props!==null||!this.publisher?this._props:this.publisher.get()}set props(n){typeof n=="string"&&["{","["].includes(n.trim().charAt(0))&&(n=JSON.parse(n)),n!=this._props&&(this._props=n,this.publisher&&this.publisher.get()!=n&&this.publisher.set(n),this.requestUpdate())}updated(n){super.updated(n);const c=[...(this.shadowRoot||this).children].filter(b=>b.tagName!="STYLE"),p=this.displayContents?"contents":c.length==0?"none":null;p?this.style.display=p:this.style.removeProperty("display")}connectedCallback(){if(t.instanceCounter++,this.hasAttribute("lazyRendering")){const n={root:null,threshold:.9};let a=!0;const c=new IntersectionObserver(p=>{for(const b of p)if(a&&b.isIntersecting){a=!1,c.disconnect(),this.initWording(),this.shouldRenderLazy=!1,this.startPublisher();break}},n);c.observe(this)}else this.initWording(),this.shouldRenderLazy=!1;this.initPublisher(),this.addDebugger(),super.connectedCallback()}disconnectedCallback(){this.removeDebugger(),super.disconnectedCallback(),this.publisher&&(this.publisher.stopTemplateFilling(this),this.publisher.offInternalMutation(this.requestUpdate)),es.publisher.stopTemplateFilling(this),this.onAssign&&this.publisher?.offAssign(this.onAssign)}addDebugger(){if(this.hasAttribute("debug")&&!this.defferedDebug){if(!this.debug){this.debug=document.createElement("div");const n=this.debug.style;n.position="fixed",n.top="0",n.right="0",n.margin="auto",n.borderRadius=".7rem",n.backgroundColor="#0f1729",n.color="#c5d4f9",n.padding="16px 16px",n.margin="16px 16px",n.boxShadow="0 10px 30px -18px rgba(0,0,0,.3)",n.overflowY="auto",n.zIndex="99999999",n.maxHeight="calc(100vh - 32px)",n.fontFamily="Consolas, monospace",n.maxWidth="min(50vw,25rem)",n.fontSize="12px",n.minWidth="300px",n.overflowWrap="break-word",n.resize="vertical"}this.addEventListener("click",n=>{n.ctrlKey&&(n.preventDefault(),tr=!tr)}),this.dataProvider&&(window[this.dataProvider]=this.publisher),this.addEventListener("mouseover",()=>{tr||this.removeDebugger(),document.body.appendChild(this.debug),Yr.add(this.debug)}),this.addEventListener("mouseout",()=>{tr||this.removeDebugger()}),this.publisher?.onInternalMutation(()=>{this.debug.innerHTML=`🤖 DataProvider : "<b style="font-weight:bold;color:#fff;">${this.dataProvider}</b>"<br>
|
|
64
64
|
<div style="font-size:10px;border-top:1px dashed;margin-top:5px;padding-left:23px;opacity:.6;padding-top:5px;">
|
|
65
65
|
Variable disponible dans la console<br>
|
|
66
66
|
ctrl + Clique : épingler / désépingler
|
|
67
67
|
</div>
|
|
68
|
-
<pre style="margin-top:10px;background:transparent;padding:0;font-size:inherit;color:inherit;">${JSON.stringify(this.publisher?.get(),null," ")}</pre>`})}}removeDebugger(){Hr.forEach(n=>{document.body.contains(n)&&document.body.removeChild(n)}),Hr=new Set}getApiConfiguration(){return oe.getApiConfiguration(this)}async initWording(){const n=Object.getOwnPropertyNames(this.constructor.prototype);for(const a of n)a.indexOf("wording_")==0&&Qt.callApi(this,a.substring(8));Qt.publisher.startTemplateFilling(this)}createRenderRoot(){if(this.noShadowDom===""||this.getAttribute("noShadowDom")==="")return this;const n=super.createRenderRoot();return Pr.observe(n),n}initPublisher(){if(!document)return;this.publisher&&(this.publisher.stopTemplateFilling(this),this.publisher.offInternalMutation(this.requestUpdate),this.onAssign&&this.publisher.offAssign(this.onAssign));const n=O.getInstance();this.dataProvider||(this.dataProvider=this.getAncestorAttributeValue("dataProvider"));let a=this.dataProvider;if(!a&&this._props&&(this.dataProvider=a="__subscriber__"+t.instanceCounter),a){this.bindPublisher&&n.set(a,this.bindPublisher());let c=n.get(a,{localStorageMode:this.getAttribute("localStorage")||"disabled",invalidateOnPageShow:this.hasAttribute("invalidateOnPageShow")});if(this.dataProvider=a,this.hasAttribute("subDataProvider")){const p=this.getAttribute("subDataProvider");this.dataProvider=a+"/"+p,c=he.traverse(c,p.split(".")),n.set(this.dataProvider,c),this.publisher=c}this.publisher=c}this.hasAttribute("lazyRendering")||this.startPublisher()}startPublisher(){this.publisher&&(this._props&&this.publisher.set(this._props),this.noAutoFill||this.publisher.startTemplateFilling(this),this.renderOnPropsInternalChange&&this.publisher.onInternalMutation(this.requestUpdate),this.publisher.onAssign(this.onAssign))}},t.instanceCounter=0,t);return Ye([l({type:Number})],r.prototype,"collectDependenciesVersion",2),Ye([l({type:Boolean})],r.prototype,"displayContents",2),Ye([l({type:Boolean})],r.prototype,"noAutoFill",2),Ye([l({type:Boolean})],r.prototype,"forceAutoFill",2),Ye([l({type:Object})],r.prototype,"propertyMap",2),Ye([l({type:String,attribute:"data-title"})],r.prototype,"title",2),Ye([l({reflect:!0})],r.prototype,"dataProvider",2),Ye([l()],r.prototype,"bindPublisher",2),Ye([l()],r.prototype,"props",1),Ye([I()],r.prototype,"shouldRenderLazy",2),r};var Ea=Object.defineProperty,Oa=(i,e,r,s)=>{for(var t=void 0,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(e,r,t)||t);return t&&Ea(e,r,t),t};const Us=i=>{class e extends i{constructor(){super(...arguments),this.templates=null,this.templateValueAttribute="data-value",this.templateList=[],this.templateParts={},this.templatePartsList=[]}connectedCallback(){const s=this.templates||[...this.querySelectorAll("template")];for(const t of s)t.hasAttribute(this.templateValueAttribute)&&(this.templateParts[t.getAttribute(this.templateValueAttribute)]=t,this.templatePartsList.push(t)),t.hasAttribute("skeleton")&&(this.templateParts.skeleton=t),t.hasAttribute("no-result")&&(this.templateParts["no-result"]=t),t.hasAttribute("no-item")&&(this.templateParts["no-item"]=t);this.templateList=s.filter(t=>!t.getAttribute("data-value")),this.templateList.length==0&&(this.templateList=s),super.connectedCallback()}}return Oa([l({type:Array})],e.prototype,"templates"),e};var La=Object.defineProperty,Ta=Object.getOwnPropertyDescriptor,re=(i,e,r,s)=>{for(var t=s>1?void 0:s?Ta(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&La(e,r,t),t};const Ia="sonic-date";$i(()=>Y.updateComponentsLanguage());let Y=class extends Q(Us(S)){constructor(){super(...arguments),this.pageLanguage="fr",this.duAu=[],this._wording_billet_periode_validite="",this.designMode=null,this.time_zone=null,this.date=null,this.date_string=null,this.start_date_string=null,this.end_date_string=null,this.start_date=0,this.computedStartDate=0,this.end_date=0,this.computedEndDate=0,this.hide_hours=!1,this.era="",this.year="numeric",this.month="short",this.day="2-digit",this.weekday="short",this.hour="2-digit",this.hour12=!1,this.minute="2-digit",this.language="",this.renderIf=!0,this.now=!1,this.startDateObject=new Date,this.endDateObject=new Date}static updateComponentsLanguage(){Y.dateCompnents.forEach(i=>i.pageLanguage=oe.getLanguage())}get wording_billet_periode_validite(){return this._wording_billet_periode_validite}set wording_billet_periode_validite(i){i||(i="Du %s au %s"),this._wording_billet_periode_validite=i,this.duAu=this.wording_billet_periode_validite?.split("%s").map(e=>e.trim()),this.duAu.pop(),this.requestUpdate()}connectedCallback(){this.hasAttribute("wording_billet_periode_validite")||(this.wording_billet_periode_validite="Du %s au %s"),this.pageLanguage=oe.getLanguage(),Y.dateCompnents.add(this),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),Y.dateCompnents.delete(this)}getDatesParts(i,e,r){const s=this.startDateObject;s.setTime(i*1e3);let t=[];if(e>0){const o=this.endDateObject;o.setTime(e*1e3);const n=s.toDateString()==o.toDateString();if((!n||this.hide_hours)&&(delete r.hour,delete r.minute),t=new Intl.DateTimeFormat(this.language||this.pageLanguage,r).formatRangeToParts(s,o),!n){const c=t.find(p=>p.type=="literal"&&p.source=="shared"&&p.value.trim().length>0);c&&(c.value=" "+this.duAu[1]+" ",c.type="to"),this.designMode||t.unshift({type:"from",value:this.duAu[0]+" ",source:"shared"})}}else t=new Intl.DateTimeFormat(this.language||this.pageLanguage,r).formatToParts(s);return this.designMode&&t.forEach(o=>o.value=o.value.replace(/,/g," ")),t[0].value=nr.ucFirst(t[0].value),t.filter(o=>o.hidden!==!0)}dateStringToSeconds(i){return new Date(i).getTime()/1e3}willUpdate(i){if(this.computedStartDate=0,this.computedEndDate=0,this.date_string&&(this.date=this.dateStringToSeconds(this.date_string)),this.date&&(this.computedStartDate=this.date),this.start_date_string&&(this.computedStartDate=this.dateStringToSeconds(this.start_date_string)),this.end_date_string&&(this.end_date=this.dateStringToSeconds(this.end_date_string)),this.start_date&&(this.computedStartDate=this.start_date),!(!this.computedStartDate&&!this.now&&!this.end_date)&&(this.computedStartDate||(this.computedStartDate=Date.now()/1e3),this.end_date&&(this.computedEndDate=this.end_date),this.computedEndDate>0&&this.computedEndDate<this.computedStartDate)){const e=this.computedStartDate;this.computedStartDate=this.computedEndDate,this.computedEndDate=e}}render(){if(!this.renderIf||!this.computedStartDate&&!this.now&&!this.computedEndDate)return E;const i={year:this.year||"numeric",month:this.month||"short",day:this.day||"2-digit",hour12:this.hour12||!1};this.weekday!=="hidden"&&(i.weekday=this.weekday||"short"),this.hour!=="hidden"&&(i.hour=this.hour||"2-digit"),this.minute!=="hidden"&&(i.minute=this.minute||"2-digit"),this.era&&(i.era=this.era),this.time_zone&&(i.timeZone=this.time_zone);const e=this.getDatesParts(this.computedStartDate,this.computedEndDate,i);return q(`${e.map(r=>{const s=this.templateParts[r.type];if(s){const n=document.importNode(s.content,!0).children[0];return n.innerText.trim()==""&&(n.innerText=r.value),n.outerHTML}const t=document.createElement("span");return t.innerText=r.value,t.className=r.type,`<span class="${r.type}">${r.value}</span>`}).join("")}`)}};Y.dateCompnents=new Set;re([l()],Y.prototype,"wording_billet_periode_validite",1);re([l({type:Boolean})],Y.prototype,"designMode",2);re([l({type:String})],Y.prototype,"time_zone",2);re([l({type:Number})],Y.prototype,"date",2);re([l({type:String})],Y.prototype,"date_string",2);re([l({type:String})],Y.prototype,"start_date_string",2);re([l({type:String})],Y.prototype,"end_date_string",2);re([l({type:Number})],Y.prototype,"start_date",2);re([l({type:Number})],Y.prototype,"end_date",2);re([l({type:Boolean})],Y.prototype,"hide_hours",2);re([l({type:String})],Y.prototype,"era",2);re([l({type:String})],Y.prototype,"year",2);re([l({type:String})],Y.prototype,"month",2);re([l({type:String})],Y.prototype,"day",2);re([l({type:String})],Y.prototype,"weekday",2);re([l({type:String})],Y.prototype,"hour",2);re([l({type:Boolean})],Y.prototype,"hour12",2);re([l({type:String})],Y.prototype,"minute",2);re([l({type:String})],Y.prototype,"language",2);re([l({type:Boolean})],Y.prototype,"renderIf",2);re([l({type:Boolean})],Y.prototype,"now",2);Y=re([F(Ia)],Y);var te;let ce=(te=class{static listen(){if(!te.listening)return;const e=document.location?.href.replace(document.location.origin,"");te.prevURL&&te.prevURL!=e&&(te.prevURL=e,te.listeners.forEach(r=>{r.location=e})),window.requestAnimationFrame(te.listen)}static offChange(e){const r=te.listeners.indexOf(e);r!=-1&&(te.listeners.splice(r,1),te.listeners.length==0&&(te.listening=!1))}static onChange(e){te.listening||(te.listening=!0,te.listen()),te.listeners.push(e),e.location=this.prevURL}static changeFromComponent(e){const r=e.goBack,s=document.referrer;if(r!=null){const p=document.location.origin,b=(r||p).toString(),x=s.indexOf("http")==0?new URL(s).origin!=p:!1,_=s=="",f=history.length<3,m=_&&f,v=b!=document.location.href;if(x&&v||m){const u=history.state||{};u.concorde=u.concorde||{},u.concorde.hasDoneHistoryBack=!0,history.pushState(u,document.title),history.back(),document.location.replace(b)}else history.back();return}let t=e.getAttribute("to")||"";if(t||(t=e.href?.toString()||""),!t)return;if(t.indexOf("#")==0){document.location.hash=t.substring(1);return}const o=new URL(t,document.location.href),n=o.pathname.split("/"),a=[];let c="";for(const p of n)p!=c&&a.push(p),c=p;t="/"+a.join("/")+o.search+(o.hash?+o.hash:""),e.hasAttribute("pushState")?history.pushState(null,"",t):e.hasAttribute("replaceState")?history.replaceState(null,"",t):document.location.href=t}static updateComponentActiveState(e){if(e.autoActive=="disabled")return;const r=e.href?.toString()||"";if(e.href&&r.indexOf("http")!=0){const s=new URL(r,document.location.href),t=new URL(e.location||"",document.location.origin);let o=!1;e.autoActive=="strict"?o=s.pathname==t.pathname&&s.hash==t.hash&&s.search==t.search:e.autoActive=="strict-path-only"?o=s.pathname==t.pathname&&s.hash==t.hash:o=t.href.indexOf(s.href)==0,o?e.setAttribute("active","true"):e.removeAttribute("active")}}},te.listeners=[],te.listening=!1,te.prevURL=document.location?.href.replace(document.location.origin,""),te);/**
|
|
68
|
+
<pre style="margin-top:10px;background:transparent;padding:0;font-size:inherit;color:inherit;">${JSON.stringify(this.publisher?.get(),null," ")}</pre>`})}}removeDebugger(){Yr.forEach(n=>{document.body.contains(n)&&document.body.removeChild(n)}),Yr=new Set}getApiConfiguration(){return oe.getApiConfiguration(this)}async initWording(){const n=Object.getOwnPropertyNames(this.constructor.prototype);for(const a of n)a.indexOf("wording_")==0&&es.callApi(this,a.substring(8));es.publisher.startTemplateFilling(this)}createRenderRoot(){if(this.noShadowDom===""||this.getAttribute("noShadowDom")==="")return this;const n=super.createRenderRoot();return Or.observe(n),n}initPublisher(){if(!document)return;this.publisher&&(this.publisher.stopTemplateFilling(this),this.publisher.offInternalMutation(this.requestUpdate),this.onAssign&&this.publisher.offAssign(this.onAssign));const n=O.getInstance();this.dataProvider||(this.dataProvider=this.getAncestorAttributeValue("dataProvider"));let a=this.dataProvider;if(!a&&this._props&&(this.dataProvider=a="__subscriber__"+t.instanceCounter),a){this.bindPublisher&&n.set(a,this.bindPublisher());let c=n.get(a,{localStorageMode:this.getAttribute("localStorage")||"disabled",invalidateOnPageShow:this.hasAttribute("invalidateOnPageShow")});if(this.dataProvider=a,this.hasAttribute("subDataProvider")){const p=this.getAttribute("subDataProvider");this.dataProvider=a+"/"+p,c=he.traverse(c,p.split(".")),n.set(this.dataProvider,c),this.publisher=c}this.publisher=c}this.hasAttribute("lazyRendering")||this.startPublisher()}startPublisher(){this.publisher&&(this._props&&this.publisher.set(this._props),this.noAutoFill||this.publisher.startTemplateFilling(this),this.renderOnPropsInternalChange&&this.publisher.onInternalMutation(this.requestUpdate),this.publisher.onAssign(this.onAssign))}},t.instanceCounter=0,t);return Ke([l({type:Number})],r.prototype,"collectDependenciesVersion",2),Ke([l({type:Boolean})],r.prototype,"displayContents",2),Ke([l({type:Boolean})],r.prototype,"noAutoFill",2),Ke([l({type:Boolean})],r.prototype,"forceAutoFill",2),Ke([l({type:Object})],r.prototype,"propertyMap",2),Ke([l({type:String,attribute:"data-title"})],r.prototype,"title",2),Ke([l({reflect:!0})],r.prototype,"dataProvider",2),Ke([l()],r.prototype,"bindPublisher",2),Ke([l()],r.prototype,"props",1),Ke([L()],r.prototype,"shouldRenderLazy",2),r};var ja=Object.defineProperty,Ua=(i,e,r,s)=>{for(var t=void 0,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(e,r,t)||t);return t&&ja(e,r,t),t};const qs=i=>{class e extends i{constructor(){super(...arguments),this.templates=null,this.templateValueAttribute="data-value",this.templateList=[],this.templateParts={},this.templatePartsList=[]}connectedCallback(){const s=this.templates||[...this.querySelectorAll("template")];for(const t of s)t.hasAttribute(this.templateValueAttribute)&&(this.templateParts[t.getAttribute(this.templateValueAttribute)]=t,this.templatePartsList.push(t)),t.hasAttribute("skeleton")&&(this.templateParts.skeleton=t),t.hasAttribute("no-result")&&(this.templateParts["no-result"]=t),t.hasAttribute("no-item")&&(this.templateParts["no-item"]=t);this.templateList=s.filter(t=>!t.getAttribute("data-value")),this.templateList.length==0&&(this.templateList=s),super.connectedCallback()}}return Ua([l({type:Array})],e.prototype,"templates"),e};var qa=Object.defineProperty,Va=Object.getOwnPropertyDescriptor,re=(i,e,r,s)=>{for(var t=s>1?void 0:s?Va(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&qa(e,r,t),t};const Ha="sonic-date";Oi(()=>K.updateComponentsLanguage());let K=class extends Q(qs(A)){constructor(){super(...arguments),this.pageLanguage="fr",this.duAu=[],this._wording_billet_periode_validite="",this.designMode=null,this.time_zone=null,this.date=null,this.date_string=null,this.start_date_string=null,this.end_date_string=null,this.start_date=0,this.computedStartDate=0,this.end_date=0,this.computedEndDate=0,this.hide_hours=!1,this.era="",this.year="numeric",this.month="short",this.day="2-digit",this.weekday="short",this.hour="2-digit",this.hour12=!1,this.minute="2-digit",this.language="",this.renderIf=!0,this.now=!1,this.startDateObject=new Date,this.endDateObject=new Date}static updateComponentsLanguage(){K.dateCompnents.forEach(i=>i.pageLanguage=oe.getLanguage())}get wording_billet_periode_validite(){return this._wording_billet_periode_validite}set wording_billet_periode_validite(i){i||(i="Du %s au %s"),this._wording_billet_periode_validite=i,this.duAu=this.wording_billet_periode_validite?.split("%s").map(e=>e.trim()),this.duAu.pop(),this.requestUpdate()}connectedCallback(){this.hasAttribute("wording_billet_periode_validite")||(this.wording_billet_periode_validite="Du %s au %s"),this.pageLanguage=oe.getLanguage(),K.dateCompnents.add(this),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),K.dateCompnents.delete(this)}getDatesParts(i,e,r){const s=this.startDateObject;s.setTime(i*1e3);let t=[];if(e>0){const o=this.endDateObject;o.setTime(e*1e3);const n=s.toDateString()==o.toDateString();if((!n||this.hide_hours)&&(delete r.hour,delete r.minute),t=new Intl.DateTimeFormat(this.language||this.pageLanguage,r).formatRangeToParts(s,o),!n){const c=t.find(p=>p.type=="literal"&&p.source=="shared"&&p.value.trim().length>0);c&&(c.value=" "+this.duAu[1]+" ",c.type="to"),this.designMode||t.unshift({type:"from",value:this.duAu[0]+" ",source:"shared"})}}else t=new Intl.DateTimeFormat(this.language||this.pageLanguage,r).formatToParts(s);return this.designMode&&t.forEach(o=>o.value=o.value.replace(/,/g," ")),t[0].value=lr.ucFirst(t[0].value),t.filter(o=>o.hidden!==!0)}dateStringToSeconds(i){return new Date(i).getTime()/1e3}willUpdate(i){if(this.computedStartDate=0,this.computedEndDate=0,this.date_string&&(this.date=this.dateStringToSeconds(this.date_string)),this.date&&(this.computedStartDate=this.date),this.start_date_string&&(this.computedStartDate=this.dateStringToSeconds(this.start_date_string)),this.end_date_string&&(this.end_date=this.dateStringToSeconds(this.end_date_string)),this.start_date&&(this.computedStartDate=this.start_date),!(!this.computedStartDate&&!this.now&&!this.end_date)&&(this.computedStartDate||(this.computedStartDate=Date.now()/1e3),this.end_date&&(this.computedEndDate=this.end_date),this.computedEndDate>0&&this.computedEndDate<this.computedStartDate)){const e=this.computedStartDate;this.computedStartDate=this.computedEndDate,this.computedEndDate=e}}render(){if(!this.renderIf||!this.computedStartDate&&!this.now&&!this.computedEndDate)return E;const i={year:this.year||"numeric",month:this.month||"short",day:this.day||"2-digit",hour12:this.hour12||!1};this.weekday!=="hidden"&&(i.weekday=this.weekday||"short"),this.hour!=="hidden"&&(i.hour=this.hour||"2-digit"),this.minute!=="hidden"&&(i.minute=this.minute||"2-digit"),this.era&&(i.era=this.era),this.time_zone&&(i.timeZone=this.time_zone);const e=this.getDatesParts(this.computedStartDate,this.computedEndDate,i);return q(`${e.map(r=>{const s=this.templateParts[r.type];if(s){const n=document.importNode(s.content,!0).children[0];return n.innerText.trim()==""&&(n.innerText=r.value),n.outerHTML}const t=document.createElement("span");return t.innerText=r.value,t.className=r.type,`<span class="${r.type}">${r.value}</span>`}).join("")}`)}};K.dateCompnents=new Set;re([l()],K.prototype,"wording_billet_periode_validite",1);re([l({type:Boolean})],K.prototype,"designMode",2);re([l({type:String})],K.prototype,"time_zone",2);re([l({type:Number})],K.prototype,"date",2);re([l({type:String})],K.prototype,"date_string",2);re([l({type:String})],K.prototype,"start_date_string",2);re([l({type:String})],K.prototype,"end_date_string",2);re([l({type:Number})],K.prototype,"start_date",2);re([l({type:Number})],K.prototype,"end_date",2);re([l({type:Boolean})],K.prototype,"hide_hours",2);re([l({type:String})],K.prototype,"era",2);re([l({type:String})],K.prototype,"year",2);re([l({type:String})],K.prototype,"month",2);re([l({type:String})],K.prototype,"day",2);re([l({type:String})],K.prototype,"weekday",2);re([l({type:String})],K.prototype,"hour",2);re([l({type:Boolean})],K.prototype,"hour12",2);re([l({type:String})],K.prototype,"minute",2);re([l({type:String})],K.prototype,"language",2);re([l({type:Boolean})],K.prototype,"renderIf",2);re([l({type:Boolean})],K.prototype,"now",2);K=re([F(Ha)],K);var te;let ce=(te=class{static listen(){if(!te.listening)return;const e=document.location?.href.replace(document.location.origin,"");te.prevURL&&te.prevURL!=e&&(te.prevURL=e,te.listeners.forEach(r=>{r.location=e})),window.requestAnimationFrame(te.listen)}static offChange(e){const r=te.listeners.indexOf(e);r!=-1&&(te.listeners.splice(r,1),te.listeners.length==0&&(te.listening=!1))}static onChange(e){te.listening||(te.listening=!0,te.listen()),te.listeners.push(e),e.location=this.prevURL}static changeFromComponent(e){const r=e.goBack,s=document.referrer;if(r!=null){const p=document.location.origin,b=(r||p).toString(),x=s.indexOf("http")==0?new URL(s).origin!=p:!1,_=s=="",f=history.length<3,m=_&&f,y=b!=document.location.href;if(x&&y||m){const u=history.state||{};u.concorde=u.concorde||{},u.concorde.hasDoneHistoryBack=!0,history.pushState(u,document.title),history.back(),document.location.replace(b)}else history.back();return}let t=e.getAttribute("to")||"";if(t||(t=e.href?.toString()||""),!t)return;if(t.indexOf("#")==0){document.location.hash=t.substring(1);return}const o=new URL(t,document.location.href),n=o.pathname.split("/"),a=[];let c="";for(const p of n)p!=c&&a.push(p),c=p;t="/"+a.join("/")+o.search+(o.hash?+o.hash:""),e.hasAttribute("pushState")?history.pushState(null,"",t):e.hasAttribute("replaceState")?history.replaceState(null,"",t):document.location.href=t}static updateComponentActiveState(e){if(e.autoActive=="disabled")return;const r=e.href?.toString()||"";if(e.href&&r.indexOf("http")!=0){const s=new URL(r,document.location.href),t=new URL(e.location||"",document.location.origin);let o=!1;e.autoActive=="strict"?o=s.pathname==t.pathname&&s.hash==t.hash&&s.search==t.search:e.autoActive=="strict-path-only"?o=s.pathname==t.pathname&&s.hash==t.hash:o=t.href.indexOf(s.href)==0,o?e.setAttribute("active","true"):e.removeAttribute("active")}}},te.listeners=[],te.listening=!1,te.prevURL=document.location?.href.replace(document.location.origin,""),te);/**
|
|
69
69
|
* @license
|
|
70
70
|
* Copyright 2018 Google LLC
|
|
71
71
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
72
|
-
*/const tn="important",Na=" !"+tn,Fe=Pt(class extends hs{constructor(i){if(super(i),i.type!==Ht.ATTRIBUTE||i.name!=="style"||i.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce(((e,r)=>{const s=i[r];return s==null?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}update(i,[e]){const{style:r}=i.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(e)),this.render(e);for(const s of this.ft)e[s]==null&&(this.ft.delete(s),s.includes("-")?r.removeProperty(s):r[s]=null);for(const s in e){const t=e[s];if(t!=null){this.ft.add(s);const o=typeof t=="string"&&t.endsWith(Na);s.includes("-")||o?r.setProperty(s,o?t.slice(0,-11):t,o?tn:""):r[s]=t}}return Ie}});var Ma=Object.defineProperty,za=Object.getOwnPropertyDescriptor,Ke=(i,e,r,s)=>{for(var t=s>1?void 0:s?za(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Ma(e,r,t),t};const er=new Map,ds=i=>{class e extends i{constructor(...s){super(),this.touched=!1,this.error=!1,this.autofocus=!1,this.required=!1,this.forceAutoFill=!1,this.disabled=!1,this.formDataProvider="",this._name="",this._value="",this.onValueAssign=t=>{this.setValueFromPublisher(t)},this.onFormValueAssign=async t=>{this.setFormValueFromPublisher(t)},this.onFormDataInValidate=()=>{const t=this.getFormPublisher();t&&t.isFormValid.get()&&this.validateFormElement()}}get name(){return this._name}set name(s){this.hasAttribute("name")&&!this.forceAutoFill&&(s=this.getAttribute("name")),this._name=s,this.requestUpdate()}validateFormElement(){}unsetOnDisconnect(){return this.hasAttribute("unsetOnDisconnect")}updateDataValue(){this.getAttribute("name")&&this.getFormPublisher()&&(this.setFormPublisherValue(this.getValueForFormPublisher()),this.setFormValueFromPublisher(this.getFormPublisherValue()))}getFormPublisher(){return this.formDataProvider||(this.formDataProvider=this.getAncestorAttributeValue("formDataProvider")),this.formDataProvider?O.get(this.formDataProvider):null}setFormPublisherValue(s){const t=this.getFormPublisher();t&&Se(t,this.name).set(s)}getFormPublisherValue(){const s=this.getFormPublisher();return s?Se(s,this.name).get():null}getValueForFormPublisher(){return this.value}setValueFromPublisher(s){this.value=s}setFormValueFromPublisher(s){this.value=s}get value(){return this._value}set value(s){s==null&&(s=""),he.isObject(s)&&Object.prototype.hasOwnProperty.call(s,"__value")&&s._value==null&&(s=""),this._value!=s&&(this._value=s,this.updateDataValue(),this.requestUpdate())}initPublisher(){let s=this.getFormPublisher();const t=this.hasAncestorAttribute("initFromPublisher")&&this._name&&this.getFormPublisherValue()?this.getFormPublisherValue():this.getAttribute("value");this._name&&this.publisher&&Se(this.publisher,this._name).offAssign(this.onValueAssign),this._name&&s&&Se(s,this._name).offAssign(this.onFormValueAssign),super.initPublisher(),this.name||(this._name=this.getAttribute("name")),this.value||(this._value=this.getAttribute("value")),this.publisher&&this._name&&Se(this.publisher,this._name).onAssign(this.onValueAssign),s=this.getFormPublisher(),this._name&&s&&(Se(s,this._name).onAssign(this.onFormValueAssign),s.onFormInvalidate(this.onFormDataInValidate)),this.updateDataValue(),t&&(this.value=t)}handleBlur(){this.touched=!0}handleChange(s){this.value=s.target.value;const t=new Event("change");this.dispatchEvent(t)}addKeyboardNavigation(){const s=this.getAncestorAttributeValue("data-keyboard-nav");if(!s)return;const t=s.split(" "),o=t[0];if(!o)return;for(const a of t){er.has(a)||er.set(a,[]);const c=er.get(a);c?.indexOf(this)==-1&&c.push(this)}const n=er.get(o);this.addEventListener("keydown",a=>{const c=a;if(!["ArrowDown","ArrowUp"].includes(c.key))return;const p="input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])",b=n?.filter(_=>{const f=_.shadowRoot?.querySelector(p);if(!f)return!1;const m=window.getComputedStyle(f);return m.display!=="none"&&m.display!==""&&m.pointerEvents!="none"&&m.visibility!=="hidden"&&f.getBoundingClientRect().width>0});let d=null;if(c.key=="ArrowDown"&&b){const _=b.indexOf(this);_==b.length-1?d=b[0]:d=b[_+1]}else if(c.key=="ArrowUp"&&b){const _=b.indexOf(this);_==0?d=b[b.length-1]:d=b[_-1]}const x=d?.shadowRoot?.querySelector(p);x&&x.focus&&(x.focus(),a.preventDefault(),a.stopPropagation())})}focus(){this.shadowRoot?.querySelector("[data-form-element], button")?.focus()}connectedCallback(){this.formDataProvider=this.getAncestorAttributeValue("formDataProvider"),super.connectedCallback(),this.addKeyboardNavigation()}unset(){this.value=null}disconnectedCallback(){this.unsetOnDisconnect()&&this.unset(),super.disconnectedCallback(),this._name&&this.publisher&&Se(this.publisher,this._name).offAssign(this.onValueAssign);const s=this.getFormPublisher();this._name&&s&&(Se(s,this._name).offAssign(this.onFormValueAssign),s.offFormInvalidate(this.onFormDataInValidate))}}return Ke([l({type:Boolean,reflect:!0})],e.prototype,"touched",2),Ke([l({type:Boolean})],e.prototype,"error",2),Ke([l({type:Boolean})],e.prototype,"autofocus",2),Ke([l({type:Boolean})],e.prototype,"required",2),Ke([l({type:Boolean})],e.prototype,"forceAutoFill",2),Ke([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),Ke([l({type:String,attribute:"data-aria-label"})],e.prototype,"ariaLabel",2),Ke([l({type:String,attribute:"data-aria-labelledby"})],e.prototype,"ariaLabelledby",2),Ke([l()],e.prototype,"name",1),Ke([l()],e.prototype,"value",1),e};let Ba=class It{static areEqual(e,r){return e.length===r.length?e.every((s,t)=>s===r[t]):!1}static from2d(e){return{to1D:()=>{let r=[];return e.forEach(s=>r=r.concat(s)),this.from(r)}}}static from(e){return{get:()=>e||[],everyItem:()=>({has:()=>({same:()=>({value:()=>({forKey:r=>{if(e.length<1)return!0;const s=(e[0]||{})[r];return e.every(t=>(t||{})[r]==s)}})})}),value:()=>({forKey:r=>It.from(e.map(s=>s[r]))}),copy:()=>({fromKey:r=>({toKey:s=>{e.forEach(t=>{t[s]=Array.isArray(t[r])?[...t[r]]:typeof t[r]=="object"&&t[r]!=null?{...t[r]}:t[r]})}})})}),map:r=>It.from(e.map(r)),filter:r=>It.from(e.filter(r)),find:r=>e.find(r),some:r=>e.some(r),every:r=>e.every(r),group:()=>({byKey:r=>{const s=[],t=new Map;for(const o of e){const n=o[r];if(!t.has(n)){const a=s.length;t.set(n,a);const c={items:[]};c[r]=n,s.push(c)}s[t.get(n)].items.push(o)}return It.from(s)}}),without:()=>({duplicates:()=>({forKey:r=>{const s=[...new Set(e.map(t=>t[r]))];return It.from(s.map(t=>e.find(o=>o[r]==t)))}}),itemsIn:r=>({havingSameValue:()=>({forKey:s=>{const t=(o,n)=>a=>o[n]!=a[n];return It.from(e.filter(o=>r.every(t(o,s))))}})})})}}};var yo=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Ra(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Cs={exports:{}},ja=Cs.exports,wo;function Ua(){return wo||(wo=1,(function(i,e){var r=[].slice;(function(s,t){return e!==null?i.exports=t():s.UrlPattern=t()})(ja,function(){var s,t,o,n,a,c,p,b,d,x,_,f,m,v,D;return d=function(u){return u.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")},p=function(u,h){var g,y,C;for(C=[],g=-1,y=u.length;++g<y;)C=C.concat(h(u[g]));return C},v=function(u,h){var g,y,C;for(C="",g=-1,y=u.length;++g<y;)C+=h(u[g]);return C},m=function(u){return new RegExp(u.toString()+"|").exec("").length-1},_=function(u,h){var g,y,C,A,T;for(A={},g=-1,C=u.length;++g<C;)y=u[g],T=h[g],T!=null&&(A[y]!=null?(Array.isArray(A[y])||(A[y]=[A[y]]),A[y].push(T)):A[y]=T);return A},s={},s.Result=function(u,h){this.value=u,this.rest=h},s.Tagged=function(u,h){this.tag=u,this.value=h},s.tag=function(u,h){return function(g){var y,C;if(y=h(g),y!=null)return C=new s.Tagged(u,y.value),new s.Result(C,y.rest)}},s.regex=function(u){return function(h){var g,y;if(g=u.exec(h),g!=null)return y=g[0],new s.Result(y,h.slice(y.length))}},s.sequence=function(){var u;return u=1<=arguments.length?r.call(arguments,0):[],function(h){var g,y,C,A,T,$;for(g=-1,y=u.length,$=[],A=h;++g<y;){if(C=u[g],T=C(A),T==null)return;$.push(T.value),A=T.rest}return new s.Result($,A)}},s.pick=function(){var u,h;return u=arguments[0],h=2<=arguments.length?r.call(arguments,1):[],function(g){var y,C;if(C=s.sequence.apply(s,h)(g),C!=null)return y=C.value,C.value=y[u],C}},s.string=function(u){var h;return h=u.length,function(g){if(g.slice(0,h)===u)return new s.Result(u,g.slice(h))}},s.lazy=function(u){var h;return h=null,function(g){return h==null&&(h=u()),h(g)}},s.baseMany=function(u,h,g,y,C){var A,T,$,M;for($=C,M=g?"":[];!(h!=null&&(A=h($),A!=null)||(T=u($),T==null));)g?M+=T.value:M.push(T.value),$=T.rest;if(!(y&&M.length===0))return new s.Result(M,$)},s.many1=function(u){return function(h){return s.baseMany(u,null,!1,!0,h)}},s.concatMany1Till=function(u,h){return function(g){return s.baseMany(u,h,!0,!0,g)}},s.firstChoice=function(){var u;return u=1<=arguments.length?r.call(arguments,0):[],function(h){var g,y,C,A;for(g=-1,y=u.length;++g<y;)if(C=u[g],A=C(h),A!=null)return A}},f=function(u){var h;return h={},h.wildcard=s.tag("wildcard",s.string(u.wildcardChar)),h.optional=s.tag("optional",s.pick(1,s.string(u.optionalSegmentStartChar),s.lazy(function(){return h.pattern}),s.string(u.optionalSegmentEndChar))),h.name=s.regex(new RegExp("^["+u.segmentNameCharset+"]+")),h.named=s.tag("named",s.pick(1,s.string(u.segmentNameStartChar),s.lazy(function(){return h.name}))),h.escapedChar=s.pick(1,s.string(u.escapeChar),s.regex(/^./)),h.static=s.tag("static",s.concatMany1Till(s.firstChoice(s.lazy(function(){return h.escapedChar}),s.regex(/^./)),s.firstChoice(s.string(u.segmentNameStartChar),s.string(u.optionalSegmentStartChar),s.string(u.optionalSegmentEndChar),h.wildcard))),h.token=s.lazy(function(){return s.firstChoice(h.wildcard,h.optional,h.named,h.static)}),h.pattern=s.many1(s.lazy(function(){return h.token})),h},b={escapeChar:"\\",segmentNameStartChar:":",segmentValueCharset:"a-zA-Z0-9-_~ %",segmentNameCharset:"a-zA-Z0-9",optionalSegmentStartChar:"(",optionalSegmentEndChar:")",wildcardChar:"*"},c=function(u,h){if(Array.isArray(u))return v(u,function(g){return c(g,h)});switch(u.tag){case"wildcard":return"(.*?)";case"named":return"(["+h+"]+)";case"static":return d(u.value);case"optional":return"(?:"+c(u.value,h)+")?"}},a=function(u,h){return h==null&&(h=b.segmentValueCharset),"^"+c(u,h)+"$"},n=function(u){if(Array.isArray(u))return p(u,n);switch(u.tag){case"wildcard":return["_"];case"named":return[u.value];case"static":return[];case"optional":return n(u.value)}},x=function(u,h,g,y){var C,A,T,$;if(y==null&&(y=!1),$=u[h],$==null){if(y)throw new Error("no values provided for key `"+h+"`");return}if(C=g[h]||0,A=Array.isArray($)?$.length-1:0,C>A){if(y)throw new Error("too few values provided for key `"+h+"`");return}return T=Array.isArray($)?$[C]:$,y&&(g[h]=C+1),T},o=function(u,h,g){var y,C;if(Array.isArray(u)){for(y=-1,C=u.length;++y<C;)if(o(u[y],h,g))return!0;return!1}switch(u.tag){case"wildcard":return x(h,"_",g,!1)!=null;case"named":return x(h,u.value,g,!1)!=null;case"static":return!1;case"optional":return o(u.value,h,g)}},D=function(u,h,g){if(Array.isArray(u))return v(u,function(y){return D(y,h,g)});switch(u.tag){case"wildcard":return x(h,"_",g,!0);case"named":return x(h,u.value,g,!0);case"static":return u.value;case"optional":return o(u.value,h,g)?D(u.value,h,g):""}},t=function(u,h){var g,y,C,A,T;if(u instanceof t){this.isRegex=u.isRegex,this.regex=u.regex,this.ast=u.ast,this.names=u.names;return}if(this.isRegex=u instanceof RegExp,!(typeof u=="string"||this.isRegex))throw new TypeError("argument must be a regex or a string");if(this.isRegex){if(this.regex=u,h!=null){if(!Array.isArray(h))throw new Error("if first argument is a regex the second argument may be an array of group names but you provided something else");if(g=m(this.regex),h.length!==g)throw new Error("regex contains "+g+" groups but array of group names contains "+h.length);this.names=h}return}if(u==="")throw new Error("argument must not be the empty string");if(T=u.replace(/\s+/g,""),T!==u)throw new Error("argument must not contain whitespace");if(y={escapeChar:h?.escapeChar||b.escapeChar,segmentNameStartChar:h?.segmentNameStartChar||b.segmentNameStartChar,segmentNameCharset:h?.segmentNameCharset||b.segmentNameCharset,segmentValueCharset:h?.segmentValueCharset||b.segmentValueCharset,optionalSegmentStartChar:h?.optionalSegmentStartChar||b.optionalSegmentStartChar,optionalSegmentEndChar:h?.optionalSegmentEndChar||b.optionalSegmentEndChar,wildcardChar:h?.wildcardChar||b.wildcardChar},A=f(y),C=A.pattern(u),C==null)throw new Error("couldn't parse pattern");if(C.rest!=="")throw new Error("could only partially parse pattern");this.ast=C.value,this.regex=new RegExp(a(this.ast,y.segmentValueCharset)),this.names=n(this.ast)},t.prototype.match=function(u){var h,g;return g=this.regex.exec(u),g==null?null:(h=g.slice(1),this.names?_(this.names,h):h)},t.prototype.stringify=function(u){if(u==null&&(u={}),this.isRegex)throw new Error("can't stringify patterns generated from a regex");if(u!==Object(u))throw new Error("argument must be an object or undefined");return D(this.ast,u,{})},t.escapeForRegex=d,t.concatMap=p,t.stringConcatMap=v,t.regexGroupCount=m,t.keysAndValuesToObject=_,t.P=s,t.newParser=f,t.defaultOptions=b,t.astNodeToRegexString=a,t.astNodeToNames=n,t.getParam=x,t.astNodeContainsSegmentsForProvidedParams=o,t.stringify=D,t})})(Cs,Cs.exports)),Cs.exports}var qa=Ua();const ut=Ra(qa),Va=jn,Ha=Ba,Wa=Pr,Ya=nr,wt=oe,sn=ce,ht=he,Ka=ss,ti=ut;window["concorde-utils"]=window["concorde-utils"]||{};window["concorde-utils"]={Utils:Va,Arrays:Ha,DataBindObserver:Wa,Format:Ya,HTML:wt,LocationHandler:sn,Objects:ht,PublisherManager:O,api:Ka,URLPattern:ti};var Ga=Object.defineProperty,Za=Object.getOwnPropertyDescriptor,_s=(i,e,r,s)=>{for(var t=s>1?void 0:s?Za(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Ga(e,r,t),t};const Bi=i=>{class e extends i{constructor(){super(...arguments),this._value="",this.forceAutoFill=!1,this.unique=null,this.radio=null,this._checked=null,this.updateAllChecked=()=>{const s=this.getAttribute("name"),t=this.getCheckAllPublisher(),o=this.getFormPublisher();if(t?.hasCheckAll.get()&&!this.checksAll()&&t&&o&&s){if(this.getFormPublisherValue()?.length)(this.checked===null||t.checkMode.get()=="noneChecked"||t.checkMode.get()==null)&&t.checkMode.set("someUnchecked");else{t.checkMode.set("noneChecked");return}const n=this.getFormPublisherValue(),a=t.values.get();if(a&&a.length){let c=a.length;for(const p of a)n.indexOf(p)==-1&&(c-=1);c==a.length&&t.checkMode.set("allChecked"),c==0&&t.checkMode.set("noneChecked")}a.indexOf(this.value)==-1&&this.unsetOnDisconnect()&&(this.checked=null)}},this.onChecksAllRequest=s=>{this.removeAttribute("allChecked"),this.removeAttribute("indeterminate"),s=="allChecked"&&(this.checked=!0,this.setAttribute("allChecked","")),s=="noneChecked"&&(this.checked=null),s=="someUnchecked"&&(this.checksAll()&&(this.checked="indeterminate"),this.setAttribute("indeterminate",""))}}get value(){return this._value}set value(s){if(this.value==s||(this.hasAttribute("value")&&!this.forceAutoFill&&(s=this.getAttribute("value")),this._value==s)||s==null||(this._value=s,!this.value))return;if(this.getFormPublisher()&&this.name){let o=this.getFormPublisherValue();(this.radio||this.unique)&&(this.checked=o==s?!0:null),Array.isArray(o)||(o=[]),o.indexOf(s)!=-1&&(this.checked=!0)}this.checked==!0&&this.updateDataValue(),this.requestUpdate()}get checked(){return this._checked}set checked(s){if(this.setCheckedValue(s),this.checksAll()){const t=this.getCheckAllPublisher();t&&(this.checked===!0?t.checkMode.set("allChecked"):this.checked===null&&(t.checkMode.set("noneChecked"),this.getFormPublisher()&&this.setFormPublisherValue([])))}this.requestUpdate()}validateFormElement(){const s=this.shadowRoot?.querySelector("input");if(!s||s.checkValidity())return;const t=this.getFormPublisher();if(t){const o=this.getFormPublisherValue();if((this.unique||this.radio)&&o!==null&&o!==void 0&&o.toString().length>0)return;t.isFormValid=!1,s.reportValidity()}}checksAll(){return this.hasAttribute("checksAll")}setCheckedValue(s){this._checked!=s&&(this._checked=s,this.updateDataValue(),this.requestUpdate(),setTimeout(()=>this.updateAllChecked(),1))}handleChange(){const s=this.checked===!0?this.radio?!0:null:!0;this.checked=s;const t=new Event("change");this.dispatchEvent(t)}getValueForFormPublisher(){let s=this.getFormPublisherValue();if(this.radio)return this.checked===!0&&this.value!=null?this.value:s;if(this.unique)return this.checked===!0&&this.value!=null?this.value:null;Array.isArray(s)||(s=[]);const t=s.slice(0),o=t.indexOf(this.value);return this.checked===!0&&o===-1&&!this.checksAll()&&t.push(this.value),this.checked===null&&o!==-1&&t.splice(o,1),t}setFormValueFromPublisher(s){if(this.unique||this.radio){this.checked=this.value==s?!0:null;return}Array.isArray(s)||(s=[]),!this.checksAll()&&(this.checked=s.indexOf(this.value)!==-1?!0:null)}getCheckAllPublisher(){this.formDataProvider||(this.formDataProvider=this.getAncestorAttributeValue("formDataProvider"));const s=this.formDataProvider,t=this.getAttribute("name");return!s||!t?null:O.get(s+"/"+t+"/_available_values_")}unset(){this.checked=null}disconnectedCallback(){super.disconnectedCallback();const s=this.getCheckAllPublisher();if(s&&(s.checkMode.offAssign(this.onChecksAllRequest),!this.checksAll())){const t=s.values.get().slice(0),o=t.indexOf(this.value);o!=-1&&(t.splice(o,1),s.values.set(t))}setTimeout(()=>this.updateAllChecked(),1)}connectedCallback(){if(super.connectedCallback(),this.getFormPublisher()&&this.name){const o=this.getFormPublisherValue();o&&Array.isArray(o)&&o.indexOf(this.value)!==-1&&(this.checked=!0)}const t=this.getCheckAllPublisher();t&&(t.checkMode.onAssign(this.onChecksAllRequest),this.checksAll()&&t.hasCheckAll.set(!0),t.values.get()||t.values.set([]),this.checksAll()||t.values.set([...t.values.get(),this.value])),this.hasAttribute("checked")&&(!this.publisher||this.publisher.get().checked!==!1)&&setTimeout(()=>this.checked=!0,1)}}return _s([l()],e.prototype,"value",1),_s([l()],e.prototype,"forceAutoFill",2),_s([l({type:Boolean})],e.prototype,"unique",2),_s([l({type:Boolean})],e.prototype,"radio",2),_s([l()],e.prototype,"checked",1),e};/**
|
|
72
|
+
*/const cn="important",Wa=" !"+cn,Fe=$t(class extends ds{constructor(i){if(super(i),i.type!==Wt.ATTRIBUTE||i.name!=="style"||i.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce(((e,r)=>{const s=i[r];return s==null?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}update(i,[e]){const{style:r}=i.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(e)),this.render(e);for(const s of this.ft)e[s]==null&&(this.ft.delete(s),s.includes("-")?r.removeProperty(s):r[s]=null);for(const s in e){const t=e[s];if(t!=null){this.ft.add(s);const o=typeof t=="string"&&t.endsWith(Wa);s.includes("-")||o?r.setProperty(s,o?t.slice(0,-11):t,o?cn:""):r[s]=t}}return Ie}});var Ka=Object.defineProperty,Ya=Object.getOwnPropertyDescriptor,Ye=(i,e,r,s)=>{for(var t=s>1?void 0:s?Ya(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Ka(e,r,t),t};const sr=new Map,ps=i=>{class e extends i{constructor(...s){super(),this.touched=!1,this.error=!1,this.autofocus=!1,this.required=!1,this.forceAutoFill=!1,this.disabled=!1,this.formDataProvider="",this._name="",this._value="",this.onValueAssign=t=>{this.setValueFromPublisher(t)},this.onFormValueAssign=async t=>{this.setFormValueFromPublisher(t)},this.onFormDataInValidate=()=>{const t=this.getFormPublisher();t&&t.isFormValid.get()&&this.validateFormElement()}}get name(){return this._name}set name(s){this.hasAttribute("name")&&!this.forceAutoFill&&(s=this.getAttribute("name")),this._name=s,this.requestUpdate()}validateFormElement(){}unsetOnDisconnect(){return this.hasAttribute("unsetOnDisconnect")}updateDataValue(){this.getAttribute("name")&&this.getFormPublisher()&&(this.setFormPublisherValue(this.getValueForFormPublisher()),this.setFormValueFromPublisher(this.getFormPublisherValue()))}getFormPublisher(){return this.formDataProvider||(this.formDataProvider=this.getAncestorAttributeValue("formDataProvider")),this.formDataProvider?O.get(this.formDataProvider):null}setFormPublisherValue(s){const t=this.getFormPublisher();t&&Se(t,this.name).set(s)}getFormPublisherValue(){const s=this.getFormPublisher();return s?Se(s,this.name).get():null}getValueForFormPublisher(){return this.value}setValueFromPublisher(s){this.value=s}setFormValueFromPublisher(s){this.value=s}get value(){return this._value}set value(s){s==null&&(s=""),he.isObject(s)&&Object.prototype.hasOwnProperty.call(s,"__value")&&s._value==null&&(s=""),this._value!=s&&(this._value=s,this.updateDataValue(),this.requestUpdate())}initPublisher(){let s=this.getFormPublisher();const t=this.hasAncestorAttribute("initFromPublisher")&&this._name&&this.getFormPublisherValue()?this.getFormPublisherValue():this.getAttribute("value");this._name&&this.publisher&&Se(this.publisher,this._name).offAssign(this.onValueAssign),this._name&&s&&Se(s,this._name).offAssign(this.onFormValueAssign),super.initPublisher(),this.name||(this._name=this.getAttribute("name")),this.value||(this._value=this.getAttribute("value")),this.publisher&&this._name&&Se(this.publisher,this._name).onAssign(this.onValueAssign),s=this.getFormPublisher(),this._name&&s&&(Se(s,this._name).onAssign(this.onFormValueAssign),s.onFormInvalidate(this.onFormDataInValidate)),this.updateDataValue(),t&&(this.value=t)}handleBlur(){this.touched=!0}handleChange(s){this.value=s.target.value;const t=new Event("change");this.dispatchEvent(t)}addKeyboardNavigation(){const s=this.getAncestorAttributeValue("data-keyboard-nav");if(!s)return;const t=s.split(" "),o=t[0];if(!o)return;for(const a of t){sr.has(a)||sr.set(a,[]);const c=sr.get(a);c?.indexOf(this)==-1&&c.push(this)}const n=sr.get(o);this.addEventListener("keydown",a=>{const c=a;if(!["ArrowDown","ArrowUp"].includes(c.key))return;const p="input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])",b=n?.filter(_=>{const f=_.shadowRoot?.querySelector(p);if(!f)return!1;const m=window.getComputedStyle(f);return m.display!=="none"&&m.display!==""&&m.pointerEvents!="none"&&m.visibility!=="hidden"&&f.getBoundingClientRect().width>0});let d=null;if(c.key=="ArrowDown"&&b){const _=b.indexOf(this);_==b.length-1?d=b[0]:d=b[_+1]}else if(c.key=="ArrowUp"&&b){const _=b.indexOf(this);_==0?d=b[b.length-1]:d=b[_-1]}const x=d?.shadowRoot?.querySelector(p);x&&x.focus&&(x.focus(),a.preventDefault(),a.stopPropagation())})}focus(){this.shadowRoot?.querySelector("[data-form-element], button")?.focus()}connectedCallback(){this.formDataProvider=this.getAncestorAttributeValue("formDataProvider"),super.connectedCallback(),this.addKeyboardNavigation()}unset(){this.value=null}disconnectedCallback(){this.unsetOnDisconnect()&&this.unset(),super.disconnectedCallback(),this._name&&this.publisher&&Se(this.publisher,this._name).offAssign(this.onValueAssign);const s=this.getFormPublisher();this._name&&s&&(Se(s,this._name).offAssign(this.onFormValueAssign),s.offFormInvalidate(this.onFormDataInValidate))}}return Ye([l({type:Boolean,reflect:!0})],e.prototype,"touched",2),Ye([l({type:Boolean})],e.prototype,"error",2),Ye([l({type:Boolean})],e.prototype,"autofocus",2),Ye([l({type:Boolean})],e.prototype,"required",2),Ye([l({type:Boolean})],e.prototype,"forceAutoFill",2),Ye([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),Ye([l({type:String,attribute:"data-aria-label"})],e.prototype,"ariaLabel",2),Ye([l({type:String,attribute:"data-aria-labelledby"})],e.prototype,"ariaLabelledby",2),Ye([l()],e.prototype,"name",1),Ye([l()],e.prototype,"value",1),e};let Ga=class Nt{static areEqual(e,r){return e.length===r.length?e.every((s,t)=>s===r[t]):!1}static from2d(e){return{to1D:()=>{let r=[];return e.forEach(s=>r=r.concat(s)),this.from(r)}}}static from(e){return{get:()=>e||[],everyItem:()=>({has:()=>({same:()=>({value:()=>({forKey:r=>{if(e.length<1)return!0;const s=(e[0]||{})[r];return e.every(t=>(t||{})[r]==s)}})})}),value:()=>({forKey:r=>Nt.from(e.map(s=>s[r]))}),copy:()=>({fromKey:r=>({toKey:s=>{e.forEach(t=>{t[s]=Array.isArray(t[r])?[...t[r]]:typeof t[r]=="object"&&t[r]!=null?{...t[r]}:t[r]})}})})}),map:r=>Nt.from(e.map(r)),filter:r=>Nt.from(e.filter(r)),find:r=>e.find(r),some:r=>e.some(r),every:r=>e.every(r),group:()=>({byKey:r=>{const s=[],t=new Map;for(const o of e){const n=o[r];if(!t.has(n)){const a=s.length;t.set(n,a);const c={items:[]};c[r]=n,s.push(c)}s[t.get(n)].items.push(o)}return Nt.from(s)}}),without:()=>({duplicates:()=>({forKey:r=>{const s=[...new Set(e.map(t=>t[r]))];return Nt.from(s.map(t=>e.find(o=>o[r]==t)))}}),itemsIn:r=>({havingSameValue:()=>({forKey:s=>{const t=(o,n)=>a=>o[n]!=a[n];return Nt.from(e.filter(o=>r.every(t(o,s))))}})})})}}};var Ao=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Za(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var As={exports:{}},Xa=As.exports,So;function Ja(){return So||(So=1,(function(i,e){var r=[].slice;(function(s,t){return e!==null?i.exports=t():s.UrlPattern=t()})(Xa,function(){var s,t,o,n,a,c,p,b,d,x,_,f,m,y,D;return d=function(u){return u.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")},p=function(u,h){var g,v,C;for(C=[],g=-1,v=u.length;++g<v;)C=C.concat(h(u[g]));return C},y=function(u,h){var g,v,C;for(C="",g=-1,v=u.length;++g<v;)C+=h(u[g]);return C},m=function(u){return new RegExp(u.toString()+"|").exec("").length-1},_=function(u,h){var g,v,C,S,I;for(S={},g=-1,C=u.length;++g<C;)v=u[g],I=h[g],I!=null&&(S[v]!=null?(Array.isArray(S[v])||(S[v]=[S[v]]),S[v].push(I)):S[v]=I);return S},s={},s.Result=function(u,h){this.value=u,this.rest=h},s.Tagged=function(u,h){this.tag=u,this.value=h},s.tag=function(u,h){return function(g){var v,C;if(v=h(g),v!=null)return C=new s.Tagged(u,v.value),new s.Result(C,v.rest)}},s.regex=function(u){return function(h){var g,v;if(g=u.exec(h),g!=null)return v=g[0],new s.Result(v,h.slice(v.length))}},s.sequence=function(){var u;return u=1<=arguments.length?r.call(arguments,0):[],function(h){var g,v,C,S,I,$;for(g=-1,v=u.length,$=[],S=h;++g<v;){if(C=u[g],I=C(S),I==null)return;$.push(I.value),S=I.rest}return new s.Result($,S)}},s.pick=function(){var u,h;return u=arguments[0],h=2<=arguments.length?r.call(arguments,1):[],function(g){var v,C;if(C=s.sequence.apply(s,h)(g),C!=null)return v=C.value,C.value=v[u],C}},s.string=function(u){var h;return h=u.length,function(g){if(g.slice(0,h)===u)return new s.Result(u,g.slice(h))}},s.lazy=function(u){var h;return h=null,function(g){return h==null&&(h=u()),h(g)}},s.baseMany=function(u,h,g,v,C){var S,I,$,M;for($=C,M=g?"":[];!(h!=null&&(S=h($),S!=null)||(I=u($),I==null));)g?M+=I.value:M.push(I.value),$=I.rest;if(!(v&&M.length===0))return new s.Result(M,$)},s.many1=function(u){return function(h){return s.baseMany(u,null,!1,!0,h)}},s.concatMany1Till=function(u,h){return function(g){return s.baseMany(u,h,!0,!0,g)}},s.firstChoice=function(){var u;return u=1<=arguments.length?r.call(arguments,0):[],function(h){var g,v,C,S;for(g=-1,v=u.length;++g<v;)if(C=u[g],S=C(h),S!=null)return S}},f=function(u){var h;return h={},h.wildcard=s.tag("wildcard",s.string(u.wildcardChar)),h.optional=s.tag("optional",s.pick(1,s.string(u.optionalSegmentStartChar),s.lazy(function(){return h.pattern}),s.string(u.optionalSegmentEndChar))),h.name=s.regex(new RegExp("^["+u.segmentNameCharset+"]+")),h.named=s.tag("named",s.pick(1,s.string(u.segmentNameStartChar),s.lazy(function(){return h.name}))),h.escapedChar=s.pick(1,s.string(u.escapeChar),s.regex(/^./)),h.static=s.tag("static",s.concatMany1Till(s.firstChoice(s.lazy(function(){return h.escapedChar}),s.regex(/^./)),s.firstChoice(s.string(u.segmentNameStartChar),s.string(u.optionalSegmentStartChar),s.string(u.optionalSegmentEndChar),h.wildcard))),h.token=s.lazy(function(){return s.firstChoice(h.wildcard,h.optional,h.named,h.static)}),h.pattern=s.many1(s.lazy(function(){return h.token})),h},b={escapeChar:"\\",segmentNameStartChar:":",segmentValueCharset:"a-zA-Z0-9-_~ %",segmentNameCharset:"a-zA-Z0-9",optionalSegmentStartChar:"(",optionalSegmentEndChar:")",wildcardChar:"*"},c=function(u,h){if(Array.isArray(u))return y(u,function(g){return c(g,h)});switch(u.tag){case"wildcard":return"(.*?)";case"named":return"(["+h+"]+)";case"static":return d(u.value);case"optional":return"(?:"+c(u.value,h)+")?"}},a=function(u,h){return h==null&&(h=b.segmentValueCharset),"^"+c(u,h)+"$"},n=function(u){if(Array.isArray(u))return p(u,n);switch(u.tag){case"wildcard":return["_"];case"named":return[u.value];case"static":return[];case"optional":return n(u.value)}},x=function(u,h,g,v){var C,S,I,$;if(v==null&&(v=!1),$=u[h],$==null){if(v)throw new Error("no values provided for key `"+h+"`");return}if(C=g[h]||0,S=Array.isArray($)?$.length-1:0,C>S){if(v)throw new Error("too few values provided for key `"+h+"`");return}return I=Array.isArray($)?$[C]:$,v&&(g[h]=C+1),I},o=function(u,h,g){var v,C;if(Array.isArray(u)){for(v=-1,C=u.length;++v<C;)if(o(u[v],h,g))return!0;return!1}switch(u.tag){case"wildcard":return x(h,"_",g,!1)!=null;case"named":return x(h,u.value,g,!1)!=null;case"static":return!1;case"optional":return o(u.value,h,g)}},D=function(u,h,g){if(Array.isArray(u))return y(u,function(v){return D(v,h,g)});switch(u.tag){case"wildcard":return x(h,"_",g,!0);case"named":return x(h,u.value,g,!0);case"static":return u.value;case"optional":return o(u.value,h,g)?D(u.value,h,g):""}},t=function(u,h){var g,v,C,S,I;if(u instanceof t){this.isRegex=u.isRegex,this.regex=u.regex,this.ast=u.ast,this.names=u.names;return}if(this.isRegex=u instanceof RegExp,!(typeof u=="string"||this.isRegex))throw new TypeError("argument must be a regex or a string");if(this.isRegex){if(this.regex=u,h!=null){if(!Array.isArray(h))throw new Error("if first argument is a regex the second argument may be an array of group names but you provided something else");if(g=m(this.regex),h.length!==g)throw new Error("regex contains "+g+" groups but array of group names contains "+h.length);this.names=h}return}if(u==="")throw new Error("argument must not be the empty string");if(I=u.replace(/\s+/g,""),I!==u)throw new Error("argument must not contain whitespace");if(v={escapeChar:h?.escapeChar||b.escapeChar,segmentNameStartChar:h?.segmentNameStartChar||b.segmentNameStartChar,segmentNameCharset:h?.segmentNameCharset||b.segmentNameCharset,segmentValueCharset:h?.segmentValueCharset||b.segmentValueCharset,optionalSegmentStartChar:h?.optionalSegmentStartChar||b.optionalSegmentStartChar,optionalSegmentEndChar:h?.optionalSegmentEndChar||b.optionalSegmentEndChar,wildcardChar:h?.wildcardChar||b.wildcardChar},S=f(v),C=S.pattern(u),C==null)throw new Error("couldn't parse pattern");if(C.rest!=="")throw new Error("could only partially parse pattern");this.ast=C.value,this.regex=new RegExp(a(this.ast,v.segmentValueCharset)),this.names=n(this.ast)},t.prototype.match=function(u){var h,g;return g=this.regex.exec(u),g==null?null:(h=g.slice(1),this.names?_(this.names,h):h)},t.prototype.stringify=function(u){if(u==null&&(u={}),this.isRegex)throw new Error("can't stringify patterns generated from a regex");if(u!==Object(u))throw new Error("argument must be an object or undefined");return D(this.ast,u,{})},t.escapeForRegex=d,t.concatMap=p,t.stringConcatMap=y,t.regexGroupCount=m,t.keysAndValuesToObject=_,t.P=s,t.newParser=f,t.defaultOptions=b,t.astNodeToRegexString=a,t.astNodeToNames=n,t.getParam=x,t.astNodeContainsSegmentsForProvidedParams=o,t.stringify=D,t})})(As,As.exports)),As.exports}var Qa=Ja();const ht=Za(Qa),el=Xn,tl=Ga,sl=Or,rl=lr,xt=oe,un=ce,Xe=he,il=rs,ii=ht;window["concorde-utils"]=window["concorde-utils"]||{};window["concorde-utils"]={Utils:el,Arrays:tl,DataBindObserver:sl,Format:rl,HTML:xt,LocationHandler:un,Objects:Xe,PublisherManager:O,api:il,URLPattern:ii};var ol=Object.defineProperty,nl=Object.getOwnPropertyDescriptor,Ds=(i,e,r,s)=>{for(var t=s>1?void 0:s?nl(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&ol(e,r,t),t};const Ui=i=>{class e extends i{constructor(){super(...arguments),this._value="",this.forceAutoFill=!1,this.unique=null,this.radio=null,this._checked=null,this.updateAllChecked=()=>{const s=this.getAttribute("name"),t=this.getCheckAllPublisher(),o=this.getFormPublisher();if(t?.hasCheckAll.get()&&!this.checksAll()&&t&&o&&s){if(this.getFormPublisherValue()?.length)(this.checked===null||t.checkMode.get()=="noneChecked"||t.checkMode.get()==null)&&t.checkMode.set("someUnchecked");else{t.checkMode.set("noneChecked");return}const n=this.getFormPublisherValue(),a=t.values.get();if(a&&a.length){let c=a.length;for(const p of a)n.indexOf(p)==-1&&(c-=1);c==a.length&&t.checkMode.set("allChecked"),c==0&&t.checkMode.set("noneChecked")}a.indexOf(this.value)==-1&&this.unsetOnDisconnect()&&(this.checked=null)}},this.onChecksAllRequest=s=>{this.removeAttribute("allChecked"),this.removeAttribute("indeterminate"),s=="allChecked"&&(this.checked=!0,this.setAttribute("allChecked","")),s=="noneChecked"&&(this.checked=null),s=="someUnchecked"&&(this.checksAll()&&(this.checked="indeterminate"),this.setAttribute("indeterminate",""))}}get value(){return this._value}set value(s){if(this.value==s||(this.hasAttribute("value")&&!this.forceAutoFill&&(s=this.getAttribute("value")),this._value==s)||s==null||(this._value=s,!this.value))return;if(this.getFormPublisher()&&this.name){let o=this.getFormPublisherValue();(this.radio||this.unique)&&(this.checked=o==s?!0:null),Array.isArray(o)||(o=[]),o.indexOf(s)!=-1&&(this.checked=!0)}this.checked==!0&&this.updateDataValue(),this.requestUpdate()}get checked(){return this._checked}set checked(s){if(this.setCheckedValue(s),this.checksAll()){const t=this.getCheckAllPublisher();t&&(this.checked===!0?t.checkMode.set("allChecked"):this.checked===null&&(t.checkMode.set("noneChecked"),this.getFormPublisher()&&this.setFormPublisherValue([])))}this.requestUpdate()}validateFormElement(){const s=this.shadowRoot?.querySelector("input");if(!s||s.checkValidity())return;const t=this.getFormPublisher();if(t){const o=this.getFormPublisherValue();if((this.unique||this.radio)&&o!==null&&o!==void 0&&o.toString().length>0)return;t.isFormValid=!1,s.reportValidity()}}checksAll(){return this.hasAttribute("checksAll")}setCheckedValue(s){this._checked!=s&&(this._checked=s,this.updateDataValue(),this.requestUpdate(),setTimeout(()=>this.updateAllChecked(),1))}handleChange(){const s=this.checked===!0?this.radio?!0:null:!0;this.checked=s;const t=new Event("change");this.dispatchEvent(t)}getValueForFormPublisher(){let s=this.getFormPublisherValue();if(this.radio)return this.checked===!0&&this.value!=null?this.value:s;if(this.unique)return this.checked===!0&&this.value!=null?this.value:null;Array.isArray(s)||(s=[]);const t=s.slice(0),o=t.indexOf(this.value);return this.checked===!0&&o===-1&&!this.checksAll()&&t.push(this.value),this.checked===null&&o!==-1&&t.splice(o,1),t}setFormValueFromPublisher(s){if(this.unique||this.radio){this.checked=this.value==s?!0:null;return}Array.isArray(s)||(s=[]),!this.checksAll()&&(this.checked=s.indexOf(this.value)!==-1?!0:null)}getCheckAllPublisher(){this.formDataProvider||(this.formDataProvider=this.getAncestorAttributeValue("formDataProvider"));const s=this.formDataProvider,t=this.getAttribute("name");return!s||!t?null:O.get(s+"/"+t+"/_available_values_")}unset(){this.checked=null}disconnectedCallback(){super.disconnectedCallback();const s=this.getCheckAllPublisher();if(s&&(s.checkMode.offAssign(this.onChecksAllRequest),!this.checksAll())){const t=s.values.get().slice(0),o=t.indexOf(this.value);o!=-1&&(t.splice(o,1),s.values.set(t))}setTimeout(()=>this.updateAllChecked(),1)}connectedCallback(){if(super.connectedCallback(),this.getFormPublisher()&&this.name){const o=this.getFormPublisherValue();o&&Array.isArray(o)&&o.indexOf(this.value)!==-1&&(this.checked=!0)}const t=this.getCheckAllPublisher();t&&(t.checkMode.onAssign(this.onChecksAllRequest),this.checksAll()&&t.hasCheckAll.set(!0),t.values.get()||t.values.set([]),this.checksAll()||t.values.set([...t.values.get(),this.value])),this.hasAttribute("checked")&&(!this.publisher||this.publisher.get().checked!==!1)&&setTimeout(()=>this.checked=!0,1)}}return Ds([l()],e.prototype,"value",1),Ds([l()],e.prototype,"forceAutoFill",2),Ds([l({type:Boolean})],e.prototype,"unique",2),Ds([l({type:Boolean})],e.prototype,"radio",2),Ds([l()],e.prototype,"checked",1),e};/**
|
|
73
73
|
* @license
|
|
74
74
|
* Copyright 2018 Google LLC
|
|
75
75
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
76
|
-
*/const
|
|
76
|
+
*/const T=i=>i??E,tt=k`
|
|
77
77
|
/*SIZES*/
|
|
78
78
|
:host {
|
|
79
79
|
--sc-_fs: 1rem;
|
|
@@ -106,15 +106,15 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
106
106
|
:host([size="inherit"]) {
|
|
107
107
|
--sc-_fs: 1em;
|
|
108
108
|
}
|
|
109
|
-
`;var
|
|
109
|
+
`;var al=Object.defineProperty,ll=Object.getOwnPropertyDescriptor,Z=(i,e,r,s)=>{for(var t=s>1?void 0:s?ll(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&al(e,r,t),t};const cl="sonic-button";let V=class extends Ui(ps(Q(A))){constructor(){super(...arguments),this.type="default",this.variant="default",this.shape="default",this.direction="row",this.alignItems="center",this.justify="center",this.minWidth="0",this.icon=!1,this.download=null,this.autoActive="partial",this.loading=!1,this.hasPrefix=!1,this.hasSuffix=!1,this._href="",this.goBack=null,this.pushState=!1,this.active=!1,this.autoRepeat=!1,this.pointerDownTime=0,this.lastRepeatTime=0,this.isRepeating=!1,this.handleRepeatend=()=>{window.removeEventListener("pointerup",this.handleRepeatend),window.removeEventListener("blur",this.handleRepeatend),this.autoRepeat&&(this.isRepeating=!1)},this.location=""}set href(i){this._href=i;const e=this._href.toString();e&&e.indexOf("http")!=0?ce.onChange(this):ce.offChange(this),this.requestUpdate()}get href(){return this._href}handleNavigation(i){i.preventDefault(),ce.changeFromComponent(this)}handleChange(i){if(!(i?.type=="click"&&this.autoRepeat)&&(super.handleChange(),(this.pushState||this.goBack!==null)&&(i?.preventDefault(),i?.stopPropagation(),ce.changeFromComponent(this)),this.hasAttribute("reset"))){const e=this.getAttribute("reset"),r=e?O.get(e):this.getFormPublisher();r&&r.set({})}}handleRepeatStart(i){this.autoRepeat&&(this.handleChange(i),this.pointerDownTime=Date.now(),this.isRepeating=!0,this.repeat()),window.addEventListener("pointerup",this.handleRepeatend),window.addEventListener("blur",this.handleRepeatend)}repeat(){if(this.isRepeating){if(this.hasAttribute("disabled")){this.isRepeating=!1;return}window.requestAnimationFrame(this.repeat.bind(this)),!(Date.now()-this.pointerDownTime<500)&&(Date.now()-this.lastRepeatTime<100||(this.handleChange(),this.lastRepeatTime=Date.now()))}}connectedCallback(){super.connectedCallback()}setCheckedValue(i){if(this.name){if(i?this.setAttribute("active","true"):this.removeAttribute("active"),i==this._checked)return;super.setCheckedValue(i)}}disconnectedCallback(){ce.offChange(this),super.disconnectedCallback()}willUpdate(i){(i.has("href")||i.has("autoActive"))&&ce.updateComponentActiveState(this),i.has("location")&&ce.updateComponentActiveState(this)}render(){const i={flexDirection:this.direction,alignItems:this.alignItems,justifyContent:this.justify,align:this.align,minWidth:this.minWidth},e=w`
|
|
110
110
|
<button
|
|
111
111
|
part="button"
|
|
112
112
|
class=${this.hasPrefix||this.hasSuffix?"has-prefix-or-suffix":""}
|
|
113
113
|
style=${Fe(i)}
|
|
114
|
-
aria-controls=${
|
|
115
|
-
aria-expanded=${
|
|
116
|
-
aria-label=${
|
|
117
|
-
aria-labelledby=${
|
|
114
|
+
aria-controls=${T(this.ariaControls)}
|
|
115
|
+
aria-expanded=${T(this.sonicAriaExpanded)}
|
|
116
|
+
aria-label=${T(this.ariaLabel)}
|
|
117
|
+
aria-labelledby=${T(this.ariaLabelledby)}
|
|
118
118
|
?disabled=${this.disabled}
|
|
119
119
|
@click=${this.handleChange}
|
|
120
120
|
@pointerdown=${this.handleRepeatStart}
|
|
@@ -134,13 +134,13 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
134
134
|
</button>
|
|
135
135
|
`;return this.href?w`<a
|
|
136
136
|
href="${this.href}"
|
|
137
|
-
download=${
|
|
138
|
-
target=${
|
|
139
|
-
aria-label=${
|
|
140
|
-
aria-labelledby=${
|
|
137
|
+
download=${T(this.download)}
|
|
138
|
+
target=${T(this.target)}
|
|
139
|
+
aria-label=${T(this.ariaLabel)}
|
|
140
|
+
aria-labelledby=${T(this.ariaLabelledby)}
|
|
141
141
|
@click=${this.pushState||this.goBack!==null?this.handleNavigation:null}
|
|
142
142
|
>${e}</a
|
|
143
|
-
>`:w`${e}`}onSlotChange(){this.hasPrefix=!!this.prefixes?.length,this.hasSuffix=!!this.suffixes?.length}};V.styles=[
|
|
143
|
+
>`:w`${e}`}onSlotChange(){this.hasPrefix=!!this.prefixes?.length,this.hasSuffix=!!this.suffixes?.length}};V.styles=[tt,k`
|
|
144
144
|
* {
|
|
145
145
|
box-sizing: border-box;
|
|
146
146
|
}
|
|
@@ -506,11 +506,11 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
506
506
|
transform: translate(-50%, -50%) rotate(359deg);
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
|
-
`];Z([l({type:String,reflect:!0})],V.prototype,"type",2);Z([l({type:String,reflect:!0})],V.prototype,"variant",2);Z([l({type:String,reflect:!0})],V.prototype,"size",2);Z([l({type:String,reflect:!0})],V.prototype,"shape",2);Z([l({type:String})],V.prototype,"direction",2);Z([l({type:String,reflect:!0})],V.prototype,"alignItems",2);Z([l({type:String})],V.prototype,"justify",2);Z([l({type:String,reflect:!0})],V.prototype,"align",2);Z([l({type:String})],V.prototype,"minWidth",2);Z([l({type:Boolean,reflect:!0})],V.prototype,"icon",2);Z([l({type:String})],V.prototype,"download",2);Z([l({type:String})],V.prototype,"autoActive",2);Z([l({type:Boolean,reflect:!0})],V.prototype,"loading",2);Z([
|
|
509
|
+
`];Z([l({type:String,reflect:!0})],V.prototype,"type",2);Z([l({type:String,reflect:!0})],V.prototype,"variant",2);Z([l({type:String,reflect:!0})],V.prototype,"size",2);Z([l({type:String,reflect:!0})],V.prototype,"shape",2);Z([l({type:String})],V.prototype,"direction",2);Z([l({type:String,reflect:!0})],V.prototype,"alignItems",2);Z([l({type:String})],V.prototype,"justify",2);Z([l({type:String,reflect:!0})],V.prototype,"align",2);Z([l({type:String})],V.prototype,"minWidth",2);Z([l({type:Boolean,reflect:!0})],V.prototype,"icon",2);Z([l({type:String})],V.prototype,"download",2);Z([l({type:String})],V.prototype,"autoActive",2);Z([l({type:Boolean,reflect:!0})],V.prototype,"loading",2);Z([L()],V.prototype,"hasPrefix",2);Z([L()],V.prototype,"hasSuffix",2);Z([us({flatten:!0,slot:"prefix"})],V.prototype,"prefixes",2);Z([us({flatten:!0,slot:"suffix"})],V.prototype,"suffixes",2);Z([l({type:String})],V.prototype,"target",2);Z([l({type:String})],V.prototype,"href",1);Z([l({type:String})],V.prototype,"goBack",2);Z([l({type:Boolean})],V.prototype,"pushState",2);Z([l({type:Boolean,reflect:!0})],V.prototype,"active",2);Z([l({type:Boolean,reflect:!0})],V.prototype,"autoRepeat",2);Z([l({type:String,attribute:"data-aria-controls"})],V.prototype,"ariaControls",2);Z([l({type:Boolean,attribute:"data-aria-expanded"})],V.prototype,"sonicAriaExpanded",2);Z([L()],V.prototype,"location",2);V=Z([F(cl)],V);/**
|
|
510
510
|
* @license
|
|
511
511
|
* Copyright 2017 Google LLC
|
|
512
512
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
513
|
-
*/const
|
|
513
|
+
*/const Fo=(i,e,r)=>{const s=new Map;for(let t=e;t<=r;t++)s.set(i[t],t);return s},Ir=$t(class extends ds{constructor(i){if(super(i),i.type!==Wt.CHILD)throw Error("repeat() can only be used in text expressions")}dt(i,e,r){let s;r===void 0?r=e:e!==void 0&&(s=e);const t=[],o=[];let n=0;for(const a of i)t[n]=s?s(a,n):n,o[n]=r(a,n),n++;return{values:o,keys:t}}render(i,e,r){return this.dt(i,e,r).values}update(i,[e,r,s]){const t=Ea(i),{values:o,keys:n}=this.dt(e,r,s);if(!Array.isArray(t))return this.ut=n,o;const a=this.ut??=[],c=[];let p,b,d=0,x=t.length-1,_=0,f=o.length-1;for(;d<=x&&_<=f;)if(t[d]===null)d++;else if(t[x]===null)x--;else if(a[d]===n[_])c[_]=Lt(t[d],o[_]),d++,_++;else if(a[x]===n[f])c[f]=Lt(t[x],o[f]),x--,f--;else if(a[d]===n[f])c[f]=Lt(t[d],o[f]),_s(i,c[f+1],t[d]),d++,f--;else if(a[x]===n[_])c[_]=Lt(t[x],o[_]),_s(i,t[d],t[x]),x--,_++;else if(p===void 0&&(p=Fo(n,_,f),b=Fo(a,d,x)),p.has(a[d]))if(p.has(a[x])){const m=b.get(n[_]),y=m!==void 0?t[m]:null;if(y===null){const D=_s(i,t[d]);Lt(D,o[_]),c[_]=D}else c[_]=Lt(y,o[_]),_s(i,t[d],y),t[m]=null;_++}else Kr(t[x]),x--;else Kr(t[d]),d++;for(;_<=f;){const m=_s(i,c[f+1]);Lt(m,o[_]),c[_++]=m}for(;d<=x;){const m=t[d++];m!==null&&Kr(m)}return this.ut=n,ka(i,c),Ie}}),ul=new WeakMap;let Po=0;const Gr=new Map,$o=new WeakSet,ko=()=>new Promise((i=>requestAnimationFrame(i))),Eo=(i,e)=>{const r=i-e;return r===0?void 0:r},Oo=(i,e)=>{const r=i/e;return r===1?void 0:r},Zr={left:(i,e)=>{const r=Eo(i,e);return{value:r,transform:r==null||isNaN(r)?void 0:`translateX(${r}px)`}},top:(i,e)=>{const r=Eo(i,e);return{value:r,transform:r==null||isNaN(r)?void 0:`translateY(${r}px)`}},width:(i,e)=>{let r;e===0&&(e=1,r={width:"1px"});const s=Oo(i,e);return{value:s,overrideFrom:r,transform:s==null||isNaN(s)?void 0:`scaleX(${s})`}},height:(i,e)=>{let r;e===0&&(e=1,r={height:"1px"});const s=Oo(i,e);return{value:s,overrideFrom:r,transform:s==null||isNaN(s)?void 0:`scaleY(${s})`}}},hl={duration:333,easing:"ease-in-out"},dl=["left","top","width","height","opacity","color","background"],To=new WeakMap;class pl extends Ri{constructor(e){if(super(e),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,e.type===Wt.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished()}createFinished(){this.resolveFinished?.(),this.finished=new Promise((e=>{this.l=e}))}async resolveFinished(){this.l?.(),this.l=void 0}render(e){return E}getController(){return ul.get(this.u)}isDisabled(){return this.options.disabled||this.getController()?.disabled}update(e,[r]){const s=this.u===void 0;return s&&(this.u=e.options?.host,this.u.addController(this),this.u.updateComplete.then((t=>this.t=!0)),this.element=e.element,To.set(this.element,this)),this.optionsOrCallback=r,(s||typeof r!="function")&&this.p(r),this.render(r)}p(e){e=e??{};const r=this.getController();r!==void 0&&((e={...r.defaultOptions,...e}).keyframeOptions={...r.defaultOptions.keyframeOptions,...e.keyframeOptions}),e.properties??=dl,this.options=e}m(){const e={},r=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((t=>{const o=r[t]??(Zr[t]?void 0:s[t]),n=Number(o);e[t]=isNaN(n)?o+"":n})),e}v(){let e,r=!0;return this.options.guard&&(e=this.options.guard(),r=((s,t)=>{if(Array.isArray(s)){if(Array.isArray(t)&&t.length===s.length&&s.every(((o,n)=>o===t[n])))return!1}else if(t===s)return!1;return!0})(e,this._)),this.h=this.t&&!this.isDisabled()&&!this.isAnimating()&&r&&this.element.isConnected,this.h&&(this._=Array.isArray(e)?Array.from(e):e),this.h}hostUpdate(){typeof this.optionsOrCallback=="function"&&this.p(this.optionsOrCallback()),this.v()&&(this.A=this.m(),this.i=this.i??this.element.parentNode,this.o=this.element.nextSibling)}async hostUpdated(){if(!this.h||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let e;this.prepare(),await ko;const r=this.O(),s=this.j(this.options.keyframeOptions,r),t=this.m();if(this.A!==void 0){const{from:o,to:n}=this.N(this.A,t,r);this.log("measured",[this.A,t,o,n]),e=this.calculateKeyframes(o,n)}else{const o=Gr.get(this.options.inId);if(o){Gr.delete(this.options.inId);const{from:n,to:a}=this.N(o,t,r);e=this.calculateKeyframes(n,a),e=this.options.in?[{...this.options.in[0],...e[0]},...this.options.in.slice(1),e[1]]:e,Po++,e.forEach((c=>c.zIndex=Po))}else this.options.in&&(e=[...this.options.in,{}])}this.animate(e,s)}resetStyles(){this.P!==void 0&&(this.element.setAttribute("style",this.P??""),this.P=void 0)}commitStyles(){this.P=this.element.getAttribute("style"),this.webAnimation?.commitStyles(),this.webAnimation?.cancel()}reconnected(){}async disconnected(){if(!this.h||(this.options.id!==void 0&&Gr.set(this.options.id,this.A),this.options.out===void 0))return;if(this.prepare(),await ko(),this.i?.isConnected){const r=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,r),this.options.stabilizeOut){const s=this.m();this.log("stabilizing out");const t=this.A.left-s.left,o=this.A.top-s.top;getComputedStyle(this.element).position!=="static"||t===0&&o===0||(this.element.style.position="relative"),t!==0&&(this.element.style.left=t+"px"),o!==0&&(this.element.style.top=o+"px")}}const e=this.j(this.options.keyframeOptions);await this.animate(this.options.out,e),this.element.remove()}prepare(){this.createFinished()}start(){this.options.onStart?.(this)}didFinish(e){e&&this.options.onComplete?.(this),this.A=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}O(){const e=[];for(let r=this.element.parentNode;r;r=r?.parentNode){const s=To.get(r);s&&!s.isDisabled()&&s&&e.push(s)}return e}get isHostRendered(){const e=$o.has(this.u);return e||this.u.updateComplete.then((()=>{$o.add(this.u)})),e}j(e,r=this.O()){const s={...hl};return r.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,e),s}N(e,r,s){e={...e},r={...r};const t=s.map((a=>a.animatingProperties)).filter((a=>a!==void 0));let o=1,n=1;return t.length>0&&(t.forEach((a=>{a.width&&(o/=a.width),a.height&&(n/=a.height)})),e.left!==void 0&&r.left!==void 0&&(e.left=o*e.left,r.left=o*r.left),e.top!==void 0&&r.top!==void 0&&(e.top=n*e.top,r.top=n*r.top)),{from:e,to:r}}calculateKeyframes(e,r,s=!1){const t={},o={};let n=!1;const a={};for(const c in r){const p=e[c],b=r[c];if(c in Zr){const d=Zr[c];if(p===void 0||b===void 0)continue;const x=d(p,b);x.transform!==void 0&&(a[c]=x.value,n=!0,t.transform=`${t.transform??""} ${x.transform}`,x.overrideFrom!==void 0&&Object.assign(t,x.overrideFrom))}else p!==b&&p!==void 0&&b!==void 0&&(n=!0,t[c]=p,o[c]=b)}return t.transformOrigin=o.transformOrigin=s?"center center":"top left",this.animatingProperties=a,n?[t,o]:void 0}async animate(e,r=this.options.keyframeOptions){this.start(),this.frames=e;let s=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=e=this.options.onFrames(this),this.log("modified frames",e)),e!==void 0)){this.log("animate",[e,r]),s=!0,this.webAnimation=this.element.animate(e,r);const t=this.getController();t?.add(this);try{await this.webAnimation.finished}catch{}t?.remove(this)}return this.didFinish(s),s}isAnimating(){return this.webAnimation?.playState==="running"||this.webAnimation?.pending}log(e,r){this.shouldLog&&!this.isDisabled()&&console.log(e,this.options.id,r)}}const oi=$t(pl),ml={cancel:`<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
514
514
|
<path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
515
515
|
</svg>
|
|
516
516
|
`,"check-circled-outline":`<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -546,7 +546,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
546
546
|
<path d="M12 17.01L12.01 16.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
547
547
|
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
548
548
|
</svg>
|
|
549
|
-
`},
|
|
549
|
+
`},fl={core:ml},rr=new Map,Ps={heroicons:{url:"https://cdn.jsdelivr.net/npm/heroicons@2.0.4/24/$prefix/$name.svg",defaultPrefix:"outline"},iconoir:{url:"https://cdnjs.cloudflare.com/ajax/libs/iconoir/5.1.4/icons/$name.svg"},feathers:{url:"https://cdn.jsdelivr.net/npm/feather-icons@4.29.0/dist/icons/$name.svg"},lucide:{url:"https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/$name.svg"},material:{url:"https://cdn.jsdelivr.net/npm/@material-icons/svg@1.0.5/svg/$name/$prefix.svg",defaultPrefix:"regular"},fontAwesome:{url:"https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.1/svgs/$prefix/$name.svg",defaultPrefix:"regular"},custom:{url:"",defaultPrefix:""}};let Lo=!1;function gl(){Lo||(Ps.custom.url=document.querySelector("[customIconLibraryPath]")?.getAttribute("customIconLibraryPath")||"",Ps.custom.defaultPrefix=document.querySelector("[customIconDefaultPrefix]")?.getAttribute("customIconDefaultPrefix")||"",Ps.custom.url&&(Lo=!0))}const Io=sessionStorage.getItem("sonicIconsCache"),ct=Io?JSON.parse(Io):{icons:{},names:[]},bl=100,lo=class lo{};lo.default={get:async e=>{const r=e.library;if(!e.name)return"";const s=e.name,t=fl;if(r=="custom"&&gl(),r&&r in Ps){const o=Ps[r],n=e.prefix||o.defaultPrefix||"",a=t[r]||{};t[r]=a;const c=n+"-"+s;if(a[c])return q(a[c]);const p=(o.url||"").replace("$prefix",n).replace("$name",s);if(ct.icons[p]){const d=ct.icons[p];if(/^\s*<svg[\s>]/i.test(d||""))return a[c]=d,q(d);delete ct.icons[p]}if(!rr.has(p)){const d=new Promise(async x=>{try{const _=await fetch(p);if(!_.ok){x("");return}try{const f=_.headers.get("content-type")||"";if(!f.includes("image/svg+xml")&&!f.includes("svg")){x("");return}const m=await _.text(),y=/^\s*<svg[\s>]/i.test(m);x(y?m:"")}catch{x("")}}catch{Na(),x("")}});rr.set(p,d)}const b=await rr.get(p);if(rr.delete(p),a[c]=b||"",b&&/^\s*<svg[\s>]/i.test(b)&&(ct.icons[p]=b,ct.names.push(p)),ct.names.length>bl){const d=ct.names.shift();delete ct.icons[d]}return sessionStorage.setItem("sonicIconsCache",JSON.stringify(ct)),b?q(b):""}return q(t.core[e.name]||"")}};let ni=lo;var yl=Object.defineProperty,vl=Object.getOwnPropertyDescriptor,Vs=(i,e,r,s)=>{for(var t=s>1?void 0:s?vl(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&yl(e,r,t),t};const wl="sonic-icon";let Rt=class extends A{constructor(){super(...arguments),this.iconText="",this.name="",this.prefix="",this.library=""}async updateIcon(){this.iconText=await ni.default.get({name:this.name,prefix:this.prefix,library:this.library})}connectedCallback(){this.setAttribute("aria-hidden","true"),super.connectedCallback()}willUpdate(i){(i.has("name")||i.has("prefix")||i.has("library"))&&this.updateIcon(),super.willUpdate(i)}render(){return this.iconText?this.iconText:E}};Rt.styles=k`
|
|
550
550
|
:host {
|
|
551
551
|
line-height: 0.1em;
|
|
552
552
|
width: fit-content;
|
|
@@ -596,7 +596,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
596
596
|
:host([size="3xl"]) svg {
|
|
597
597
|
--_sc-icon-size: 2.8em;
|
|
598
598
|
}
|
|
599
|
-
`;
|
|
599
|
+
`;Vs([L()],Rt.prototype,"iconText",2);Vs([l({type:String})],Rt.prototype,"name",2);Vs([l({type:String})],Rt.prototype,"prefix",2);Vs([l({type:String})],Rt.prototype,"library",2);Rt=Vs([F(wl)],Rt);const ms=k`
|
|
600
600
|
.custom-scroll {
|
|
601
601
|
overflow: auto !important;
|
|
602
602
|
overflow-y: overlay !important;
|
|
@@ -618,7 +618,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
618
618
|
border: solid 0.15rem transparent;
|
|
619
619
|
}
|
|
620
620
|
}
|
|
621
|
-
`;var
|
|
621
|
+
`;var xl=Object.defineProperty,_l=Object.getOwnPropertyDescriptor,He=(i,e,r,s)=>{for(var t=s>1?void 0:s?_l(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&xl(e,r,t),t};const Dl={warning:"warning-circled-outline",success:"check-circled-outline",error:"warning-circled-outline",info:"info-empty"},Cl="sonic-toast-item";let Ne=class extends A{constructor(){super(...arguments),this.title="",this.id="",this.text="",this.status="",this.ghost=!1,this.preserve=!1,this.dismissForever=!1,this.maxHeight="10rem",this.visible=!0,this._titleId=""}getAriaRole(){return this.status==="error"?"alert":"status"}getAriaLive(){return this.status==="error"?null:"polite"}getTitleId(){return this._titleId?this._titleId:(this._titleId=this.id?`toast-title-${this.id}`:`toast-title-${Date.now()}-${Math.random().toString(36).slice(2,11)}`,this._titleId)}getCloseButtonLabel(){const i={error:"Fermer le message d'erreur",warning:"Fermer l'avertissement",success:"Fermer le message de succès",info:"Fermer l'information"};return this.status&&i[this.status]||"Fermer la notification"}render(){if(this.dismissForever){const s=localStorage.getItem("sonic-toast-dismissed")||"{}";if(JSON.parse(s)[this.id])return E}if(!this.visible)return E;const i=this.title?this.getTitleId():void 0,e=!this.title&&this.text?this.text.length>100?this.text.substring(0,100).replace(/\s+\S*$/,"")+"...":this.text:void 0,r=this.getAriaLive();return w`<div
|
|
622
622
|
class="sonic-toast ${this.status} ${this.ghost?"ghost":""}"
|
|
623
623
|
role=${this.getAriaRole()}
|
|
624
624
|
aria-live=${r||E}
|
|
@@ -637,7 +637,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
637
637
|
style="max-height: ${this.maxHeight} ;"
|
|
638
638
|
>
|
|
639
639
|
${this.status&&w`<sonic-icon
|
|
640
|
-
name=${
|
|
640
|
+
name=${Dl[this.status]}
|
|
641
641
|
class="sonic-toast-icon"
|
|
642
642
|
size="2xl"
|
|
643
643
|
aria-hidden="true"
|
|
@@ -653,7 +653,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
653
653
|
|
|
654
654
|
${this.preserve?"":this.autoHide()}
|
|
655
655
|
</div>
|
|
656
|
-
</div>`}hide(){if(
|
|
656
|
+
</div>`}hide(){if(xt.getClosestElement(this,"sonic-toast")||(this.visible=!1),this.dismissForever){const i=localStorage.getItem("sonic-toast-dismissed")||"{}",e=JSON.parse(i);e[this.id]=!0,localStorage.setItem("sonic-toast-dismissed",JSON.stringify(e))}this.dispatchEvent(new CustomEvent("hide",{bubbles:!0}))}show(){this.visible=!0}autoHide(){setTimeout(()=>{this.hide()},6e3)}};Ne.styles=[ms,k`
|
|
657
657
|
* {
|
|
658
658
|
box-sizing: border-box;
|
|
659
659
|
}
|
|
@@ -833,7 +833,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
833
833
|
opacity: 0.85;
|
|
834
834
|
pointer-events: none;
|
|
835
835
|
}
|
|
836
|
-
`];He([l({type:String})],Ne.prototype,"title",2);He([l({type:String})],Ne.prototype,"id",2);He([l({type:String})],Ne.prototype,"text",2);He([l({type:String})],Ne.prototype,"status",2);He([l({type:Boolean})],Ne.prototype,"ghost",2);He([l({type:Boolean})],Ne.prototype,"preserve",2);He([l({type:Boolean})],Ne.prototype,"dismissForever",2);He([l({type:String})],Ne.prototype,"maxHeight",2);He([
|
|
836
|
+
`];He([l({type:String})],Ne.prototype,"title",2);He([l({type:String})],Ne.prototype,"id",2);He([l({type:String})],Ne.prototype,"text",2);He([l({type:String})],Ne.prototype,"status",2);He([l({type:Boolean})],Ne.prototype,"ghost",2);He([l({type:Boolean})],Ne.prototype,"preserve",2);He([l({type:Boolean})],Ne.prototype,"dismissForever",2);He([l({type:String})],Ne.prototype,"maxHeight",2);He([L()],Ne.prototype,"visible",2);He([L()],Ne.prototype,"_titleId",2);Ne=He([F(Cl)],Ne);const Al=k`
|
|
837
837
|
:host {
|
|
838
838
|
/* POLICES */
|
|
839
839
|
/*
|
|
@@ -904,7 +904,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
904
904
|
--sc-contrast-content: #fff;
|
|
905
905
|
--sc-contrast: #000000;
|
|
906
906
|
}
|
|
907
|
-
`,
|
|
907
|
+
`,Sl=k`
|
|
908
908
|
:host([theme="light"]) {
|
|
909
909
|
/*Boutons*/
|
|
910
910
|
--sc-primary: var(--sc-base-800);
|
|
@@ -933,7 +933,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
933
933
|
--sc-base-900: #0f172a;
|
|
934
934
|
--sc-base-content: var(--sc-base-700);
|
|
935
935
|
}
|
|
936
|
-
`,
|
|
936
|
+
`,No=k`
|
|
937
937
|
--sc-primary: var(--sc-dark-primary, var(--sc-base-700));
|
|
938
938
|
--sc-info: var(--sc-dark-info, #3abff8);
|
|
939
939
|
--sc-danger: var(--sc-dark-danger, #f87272);
|
|
@@ -958,17 +958,17 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
958
958
|
--sc-base-800: var(--sc-dark-base-800, #d9dce0);
|
|
959
959
|
--sc-base-900: var(--sc-dark-base-900, #e5e7eb);
|
|
960
960
|
--sc-base-content: var(--sc-dark-base-content, #e5e7eb);
|
|
961
|
-
`,
|
|
961
|
+
`,Fl=k`
|
|
962
962
|
:host([theme="dark"]) {
|
|
963
|
-
${
|
|
963
|
+
${No}
|
|
964
964
|
}
|
|
965
965
|
|
|
966
966
|
@media (prefers-color-scheme: dark) {
|
|
967
967
|
:host([theme="auto"]) {
|
|
968
|
-
${
|
|
968
|
+
${No}
|
|
969
969
|
}
|
|
970
970
|
}
|
|
971
|
-
`;var
|
|
971
|
+
`;var Pl=Object.defineProperty,$l=Object.getOwnPropertyDescriptor,Hs=(i,e,r,s)=>{for(var t=s>1?void 0:s?$l(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Pl(e,r,t),t};const kl="sonic-theme";let Le=class extends A{constructor(){super(),this.background=!1,this.color=!1,this.font=!1,Le.instance=this}static getPopContainer(){return Le.instance||document.body}connectedCallback(){super.connectedCallback(),window.addEventListener("message",i=>this.receiveMessage(i),!1),window.dispatchEvent(new CustomEvent("SonicThemeReady")),this.postCSSVars()}postCSSVars(){const i=document.styleSheets,e=i.length,r=[];for(let t=0;t<e;t++){const o=i[t];o.href&&(o.href.includes("googleapis")||o.href.includes("typekit.net"))&&r.push(o.href)}const s={variables:this.getCssVariables(),fonts:r};O.get("sonic-theme")?.set(s),document.querySelectorAll("iframe").forEach(t=>t.contentWindow?.postMessage({type:"SonicTheme",...s},"*"))}receiveMessage(i){const e=i.data;!e.type||e.type!="GetSonicTheme"||this.postCSSVars()}getCssVariables(){const i=[],e=[...Le.styles.map(t=>t.styleSheet),...Array.from(document.styleSheets)];for(const t of e)try{if(!t)continue;const o=t.cssRules;for(const n of o){if(!("style"in n))continue;const a=n.style;for(const c of a)i.includes(c)||c.indexOf("--sc")!==0||i.push(c)}}catch{console.warn("Erreur lors de la récupération des variables CSS")}const r=window.getComputedStyle(this),s={};return i.forEach(t=>s[t]=r.getPropertyValue(t)),s}render(){return w`<slot></slot>`}};Le.styles=[Sl,Fl,Al,k`
|
|
972
972
|
:host([color]) {
|
|
973
973
|
color: var(--sc-base-content, #000);
|
|
974
974
|
}
|
|
@@ -1000,39 +1000,39 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1000
1000
|
transition-property: scale, opacity;
|
|
1001
1001
|
transition-timing-function: cubic-bezier(0.25, 0.25, 0.42, 1.225);
|
|
1002
1002
|
}
|
|
1003
|
-
`];
|
|
1004
|
-
${
|
|
1003
|
+
`];Hs([l({type:String,reflect:!0})],Le.prototype,"theme",2);Hs([l({type:Boolean,reflect:!0})],Le.prototype,"background",2);Hs([l({type:Boolean,reflect:!0})],Le.prototype,"color",2);Hs([l({type:Boolean,reflect:!0})],Le.prototype,"font",2);Le=Hs([F(kl)],Le);var El=Object.defineProperty,Ol=Object.getOwnPropertyDescriptor,hn=(i,e,r,s)=>{for(var t=s>1?void 0:s?Ol(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&El(e,r,t),t};const Tl="sonic-toast";let z=class extends A{constructor(){super(...arguments),this.toasts=[]}createRenderRoot(){return this}render(){const e=window.parent!=window;let r={pointerEvents:"none",gap:"1rem",display:"flex",margin:this.toasts.length?"1rem":"0"};return e||(r={...r,margin:"0",width:"calc(100% - 2.5rem)",position:"fixed",bottom:"1.25rem",right:"1.25rem",zIndex:"10000",maxWidth:"64ch",flexDirection:"column-reverse"}),z.handleExistingToastDelegation(),this.toasts?w`<div style=${Fe(r)}>
|
|
1004
|
+
${Ir(this.toasts,s=>s.id,s=>w`
|
|
1005
1005
|
<sonic-toast-item
|
|
1006
1006
|
maxHeight=${e?"none":"10rem"}
|
|
1007
|
-
status=${
|
|
1008
|
-
title=${
|
|
1007
|
+
status=${T(s.status)}
|
|
1008
|
+
title=${T(s.title)}
|
|
1009
1009
|
?ghost=${s.ghost}
|
|
1010
1010
|
?dismissForever=${s.dismissForever}
|
|
1011
1011
|
?preserve=${s.preserve}
|
|
1012
|
-
id=${
|
|
1012
|
+
id=${T(s.id)}
|
|
1013
1013
|
@hide=${()=>this.removeItem(s)}
|
|
1014
|
-
${
|
|
1014
|
+
${oi({keyframeOptions:{duration:250,easing:"cubic-bezier(0.250, 0.250, 0.420, 1.225)"},in:[{transform:"translateY(0) scale(1.25)",boxShadow:"0 0 0 rgba(0,0,0,0)",opacity:0}],out:[{transform:"scale(.90) ",opacity:0,duration:3e3,easing:"ease-in-out"}],stabilizeOut:!0})}
|
|
1015
1015
|
>
|
|
1016
1016
|
<!-- Le texte est passé dans le slot et non pas en propriété pour contrer des problèmatiques de shadow-dom et d'appel exterieur (exemple: fancybox) -->
|
|
1017
1017
|
${s.text?q(s.text):""}
|
|
1018
1018
|
</sonic-toast-item>
|
|
1019
1019
|
`)}
|
|
1020
|
-
</div>`:E}static removeAll(){if(z.delegateToasts){z.handleExistingToastDelegation(),window.parent.postMessage({type:"removeAllToasts"},"*");return}const e=z.getInstance();e&&(e.toasts=e.toasts.filter(r=>r.ghost))}static removeItemsByStatus(e){if(z.delegateToasts){z.handleExistingToastDelegation(),window.parent.postMessage({type:"removeItemsByStatus",status:e},"*");return}const r=z.getInstance();r&&(r.toasts=r.toasts.filter(s=>s.status!==e))}static removeTemporaryItems(){if(z.delegateToasts){z.handleExistingToastDelegation(),window.parent.postMessage({type:"removeTemporaryItems"},"*");return}const e=z.getInstance();e&&(e.toasts=e.toasts.filter(r=>r.preserve))}static getInstance(){return z.instance||(z.instance=document.createElement("sonic-toast"),
|
|
1020
|
+
</div>`:E}static removeAll(){if(z.delegateToasts){z.handleExistingToastDelegation(),window.parent.postMessage({type:"removeAllToasts"},"*");return}const e=z.getInstance();e&&(e.toasts=e.toasts.filter(r=>r.ghost))}static removeItemsByStatus(e){if(z.delegateToasts){z.handleExistingToastDelegation(),window.parent.postMessage({type:"removeItemsByStatus",status:e},"*");return}const r=z.getInstance();r&&(r.toasts=r.toasts.filter(s=>s.status!==e))}static removeTemporaryItems(){if(z.delegateToasts){z.handleExistingToastDelegation(),window.parent.postMessage({type:"removeTemporaryItems"},"*");return}const e=z.getInstance();e&&(e.toasts=e.toasts.filter(r=>r.preserve))}static getInstance(){return z.instance||(z.instance=document.createElement("sonic-toast"),Le.getPopContainer().prepend(z.instance)),z.instance}static add(e){if(z.delegateToasts){z.handleExistingToastDelegation(),window.parent.postMessage({type:"addToast",toast:e},"*");return}const r=z.getInstance(),s=e.id??new Date().valueOf(),o=new RegExp("</a>|</.*?button>|</.*?input>|</.*?textarea>|</.*?select>").test(e.text),n={id:s,text:e.text,title:e.title,status:e.status,preserve:o?!0:e.preserve,ghost:e.ghost,dismissForever:e.dismissForever};if(e.dismissForever&&e.id){const a=localStorage.getItem("sonic-toast-dismissed")||"{}";if(JSON.parse(a)[e.id])return null}if(r?.toasts.length){const a={...n};for(const c of r.toasts){const p={...c};if(a.id=p.id=0,he.shallowEqual(a,p))return null}}return r&&(r.toasts=[...r.toasts,n]),n}static handleExistingToastDelegation(){if(!this.delegateToasts)return;const e=z.getInstance();window.parent.postMessage({type:"addToasts",toasts:e.toasts},"*"),e.toasts=[]}static removeItem(e){if(z.delegateToasts){z.handleExistingToastDelegation(),window.parent.postMessage({type:"removeToast",toast:e},"*");return}const r=z.getInstance();r&&r.removeItem(e)}removeItem(e){e&&(this.toasts=this.toasts.filter(r=>(r={...r},delete r.id,!he.shallowEqual(r,e,!1))))}};z.delegateToasts=!1;hn([l({type:Array})],z.prototype,"toasts",2);z=hn([F(Tl)],z);typeof window<"u"&&(window[cr+"Toast"]=window[cr+"Toast"]||z);function Ll(){const i=r=>{r.data.type=="querySonicToastAvailability"&&r.source.postMessage({type:"sonicToastAvailable"},"*"),r.data.type=="removeItemsByStatus"&&z.removeItemsByStatus(r.data.status),r.data.type=="removeTemporaryItems"&&z.removeTemporaryItems(),r.data.type=="sonicToastAvailable"&&(z.delegateToasts=!0,z.handleExistingToastDelegation()),r.data.type=="addToasts"&&(z.getInstance().toasts=[...z.getInstance().toasts,...r.data.toasts]),r.data.type=="removeAllToasts"&&z.removeAll(),r.data.type=="removeToast"&&z.removeItem(r.data.toast),r.data.type=="addToast"&&z.add(r.data.toast)},e=window.parent!=window;if(window.addEventListener("message",i,!1),e&&window.parent.postMessage({type:"querySonicToastAvailability"},"*"),!e)for(const r of document.querySelectorAll("iframe"))r.contentWindow?.postMessage({type:"sonicToastAvailable"},"*")}Ll();var Il=Object.defineProperty,Nl=Object.getOwnPropertyDescriptor,Cs=(i,e,r,s)=>{for(var t=s>1?void 0:s?Nl(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Il(e,r,t),t};const Ml=new Set,zl=new Set,Bl=i=>{for(const e of zl)e(i)},ai=new Set;let Xr=0;Oi(async()=>{Xr++;const i=Xr,e=Array.from(ai);for(;e.length>0;){if(i!=Xr)return;const r=e.splice(0,4);await Promise.all(r.map(s=>s._fetchData()))}});const qi=(i,e)=>{class r extends i{constructor(...t){super(),this.api=null,this.key="",this.isFirstLoad=!0,this.isLoading=!1,this.iObserver=null,this.isFetchEnabled=!0,this.fetchedData=null,this._endPoint="",this.noErrorsRecordings=!1,this.requestId=0,this.refetchEveryMs=0,this._isFetching=!1,this._mustRefetch=!1,this.dataProvider=""}get props(){return super.props}set props(t){super.props=t}set endPoint(t){this._endPoint=t,this.isConnected&&this._fetchData()}get endPoint(){return this._endPoint}handleStartFetching(){return this._isFetching?(this._mustRefetch=!0,"fetching"):(this._isFetching=!0,"okToFetch")}handleEndFetching(){this._isFetching=!1,this._mustRefetch&&(this._mustRefetch=!1,this._fetchData())}async _fetchData(){if(this.requestUpdate(),!this.isFetchEnabled||(this.api=new rs(this.getApiConfiguration()),!this.api)||(this.dispatchEvent(new CustomEvent("loading",{detail:this})),this.getAttribute("localStorage")==="enabled"&&await O.getInstance().isLocalStrorageReady,!this.isConnected))return;const t=O.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();if(this.isLoading=!0,he.isObject(this.props)&&Object.keys(this.props||{}).length>0&&this.isFirstLoad&&window.requestAnimationFrame(()=>{this.dispatchEvent(new CustomEvent("load",{detail:this})),this.isFirstLoad=!1,this.isLoading=!1}),this.handleStartFetching()==="fetching")return;let n=null;try{n=await this.api.get(this.endPoint||this.dataProvider||"",t)}catch{}if(this.handleEndFetching(),this.fetchedData=n,this.api.lastResult&&!this.api.lastResult.ok&&(this.noErrorsRecordings||Ml.add(this),Bl(this.api.lastResult)),!!this.isConnected){if(n)n._sonic_http_response_&&!n._sonic_http_response_.ok&&Object.keys(n).length===1&&z.add({text:"Network Error",status:"error"});else{this.isLoading=!1,this.refetchEveryMs&&this.isConnected&&(this.refetchTimeOutId=setTimeout(()=>this._fetchData(),this.refetchEveryMs));return}if(this.key){const a=n._sonic_http_response_,c=this.key.split(".");n=he.traverse(n,c,this.hasAttribute("preserveOtherKeys")),n&&he.isObject(n)&&a&&(n._sonic_http_response_=a)}this.props=n,this.dispatchEvent(new CustomEvent("load",{detail:this})),this.isFirstLoad=!1,this.isLoading=!1,this.refetchEveryMs&&this.isConnected&&(this.refetchTimeOutId=setTimeout(()=>this._fetchData(),this.refetchEveryMs))}}disconnectedCallback(){super.disconnectedCallback(),ai.delete(this),this.publisher?.offInvalidate(this.onInvalidate),clearTimeout(this.refetchTimeOutId),this.isFirstLoad=!1}connectedCallback(){this.lazyLoad=this.lazyLoad!==void 0?this.lazyLoad:this.hasAttribute("lazyload"),ai.add(this),super.connectedCallback(),this.isFetchEnabled&&(this.key=this.key!=""?this.key:this.getAttribute("key"),this.props&&this.publisher.set(this.props),this.onInvalidate=()=>this._fetchData(),this.publisher?.onInvalidate(this.onInvalidate),this.lazyLoad?this.handleLazyLoad():this._fetchData())}handleLazyLoad(){if(!this.lazyLoad)return;const t=parseFloat(this.getAttribute("lazyBoundsRatio")||"1"),o={root:null,rootMargin:Math.max(window.innerWidth*t,window.innerHeight*t)+"px",threshold:.9};this.iObserver=new IntersectionObserver(c=>this.onIntersection(c),o);let a=[...(this.shadowRoot?this.shadowRoot:this).children].filter(c=>c.nodeName.toLowerCase()!="style")[0];if(a?.nodeName.toLocaleLowerCase()=="slot"&&(a=[...a.children].filter(c=>c.nodeName.toLowerCase()!="style")[0]),!a||a.nodeName.toLocaleLowerCase()=="template"){a=document.createElement("div");const c=a.style;c.pointerEvents="none",c.width="1px",c.height="1px",this.lazyLoadPlaceHolder=a,this.appendChild(a)}a?this.iObserver.observe(a):this.isFirstLoad&&this._fetchData()}onIntersection(t){for(const o of t)if(o.isIntersecting&&this.isFirstLoad){this._fetchData(),this.lazyLoadPlaceHolder?.remove(),this.lazyLoadPlaceHolder=void 0,this.iObserver?.disconnect();break}}}return Cs([l()],r.prototype,"noErrorsRecordings",2),Cs([l()],r.prototype,"props",1),Cs([l({type:String})],r.prototype,"endPoint",1),Cs([l()],r.prototype,"requestId",2),Cs([l({type:Number})],r.prototype,"refetchEveryMs",2),r};var Rl=Object.defineProperty,jl=Object.getOwnPropertyDescriptor,It=(i,e,r,s)=>{for(var t=s>1?void 0:s?jl(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Rl(e,r,t),t};const Nr=i=>{class e extends i{constructor(...s){super(),this.forceAutoFill=!1,this._type="text",this.status="default"}validateFormElement(){const s=this.shadowRoot?.querySelector("input");if(!s||s.checkValidity())return;const t=this.getFormPublisher();t&&(t.isFormValid=!1),s.reportValidity()}set type(s){this.hasAttribute("type")&&!this.forceAutoFill&&(s=this.getAttribute("type")),this._type=s,this.requestUpdate()}get type(){return this._type}get description(){return this._description}set description(s){this.hasAttribute("description")&&!this.forceAutoFill&&(s=this.getAttribute("description")),this._description=s,this.requestUpdate()}get label(){return this._label}set label(s){this.hasAttribute("label")&&!this.forceAutoFill&&(s=this.getAttribute("label")),this._label=s,this.requestUpdate()}}return It([l()],e.prototype,"forceAutoFill",2),It([l({type:String})],e.prototype,"type",1),It([l()],e.prototype,"description",1),It([l()],e.prototype,"label",1),It([l({type:String,reflect:!0})],e.prototype,"status",2),It([l({type:Number})],e.prototype,"tabindex",2),It([l({type:String})],e.prototype,"autocomplete",2),e},dn=qi,Ul=Ui,pn=ps,mn=Nr,st=Q,Vi=qs;window["concorde-mixins"]=window["concorde-mixins"]||{};window["concorde-mixins"]={Fetcher:dn,FormCheckable:Ul,FormElement:pn,FormInput:mn,Subscriber:st,TemplatesContainer:Vi};/**
|
|
1021
1021
|
* @license
|
|
1022
1022
|
* Copyright 2020 Google LLC
|
|
1023
1023
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1024
|
-
*/const Ze
|
|
1024
|
+
*/const Ze=$t(class extends ds{constructor(i){if(super(i),i.type!==Wt.CHILD)throw Error("templateContent can only be used in child bindings")}render(i){return this.vt===i?Ie:(this.vt=i,document.importNode(i.content,!0))}});var ql=Object.defineProperty,Vl=Object.getOwnPropertyDescriptor,fn=(i,e,r,s)=>{for(var t=s>1?void 0:s?Vl(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&ql(e,r,t),t};const Hl="sonic-fetch";let pr=class extends qi(Q(Vi(A))){renderLoader(){if(!(this.isLoading&&this.loader!==void 0))return E;const i=this.loader===!0||this.loader===""?"fixed":this.loader;return w`<sonic-loader mode=${i}></sonic-loader>`}renderSkeleton(){const i=this.templateParts.skeleton;return this.isLoading&&i?Ze(i):E}render(){return w`
|
|
1025
1025
|
${this.renderSkeleton()} ${this.renderLoader()}
|
|
1026
1026
|
${this.isLoading?E:w`<slot></slot>`}
|
|
1027
|
-
`}};
|
|
1027
|
+
`}};pr.styles=[k`
|
|
1028
1028
|
:host {
|
|
1029
1029
|
display: contents;
|
|
1030
1030
|
}
|
|
1031
|
-
`];
|
|
1031
|
+
`];fn([l()],pr.prototype,"loader",2);pr=fn([F(Hl)],pr);var Wl=Object.defineProperty,Kl=Object.getOwnPropertyDescriptor,gn=(i,e,r,s)=>{for(var t=s>1?void 0:s?Kl(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Wl(e,r,t),t};const Yl="sonic-if";let mr=class extends A{constructor(){super(...arguments),this.condition=!1}render(){return this.condition?w` <slot></slot> `:E}};mr.styles=k`
|
|
1032
1032
|
:host {
|
|
1033
1033
|
display: contents;
|
|
1034
1034
|
}
|
|
1035
|
-
`;
|
|
1035
|
+
`;gn([l({type:Boolean})],mr.prototype,"condition",2);mr=gn([F(Yl)],mr);const Gl=k`
|
|
1036
1036
|
:host([align="left"]) .sonic-loader--inline {
|
|
1037
1037
|
margin-left: 0;
|
|
1038
1038
|
}
|
|
@@ -1099,7 +1099,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1099
1099
|
transform: translate(24px, 0);
|
|
1100
1100
|
}
|
|
1101
1101
|
}
|
|
1102
|
-
`,
|
|
1102
|
+
`,Zl=k`
|
|
1103
1103
|
@keyframes sonic-loader--fixed {
|
|
1104
1104
|
0% {
|
|
1105
1105
|
transform: scale(0);
|
|
@@ -1152,14 +1152,14 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1152
1152
|
height: 5rem;
|
|
1153
1153
|
animation: sonic-loader--fixed 1s 0s linear infinite;
|
|
1154
1154
|
}
|
|
1155
|
-
`;var
|
|
1155
|
+
`;var Xl=Object.defineProperty,Jl=Object.getOwnPropertyDescriptor,Hi=(i,e,r,s)=>{for(var t=s>1?void 0:s?Jl(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Xl(e,r,t),t};const Ql="sonic-loader";let ye=class extends A{constructor(){super(...arguments),this.mode="fixed",this.noDelay=!1}static show(i){ye.loader||(ye.loader=document.createElement("sonic-loader"));const e=ye.loader;i||(i={}),i.mode&&e.setAttribute("mode",i.mode),i.noDelay&&e.setAttribute("noDelay",""),i.container||(i.container=Le.getPopContainer(),i.mode="fixed"),i.container.appendChild(e),ye.callCounter++}static hide(){ye.callCounter--,!(ye.callCounter>0)&&ye.loader&&ye.loader.remove()}render(){return w`<div
|
|
1156
1156
|
class="sonic-loader sonic-loader--${this.mode} ${this.noDelay?"sonic-loader--nodelay":""} "
|
|
1157
1157
|
>
|
|
1158
1158
|
<div></div>
|
|
1159
1159
|
<div></div>
|
|
1160
1160
|
<div></div>
|
|
1161
1161
|
<div></div>
|
|
1162
|
-
</div>`}};
|
|
1162
|
+
</div>`}};ye.styles=[Gl,Zl,k`
|
|
1163
1163
|
:host {
|
|
1164
1164
|
--sc-_loader-bg: var(--sc-primary, currentColor);
|
|
1165
1165
|
pointer-events: none;
|
|
@@ -1187,7 +1187,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1187
1187
|
opacity: 1;
|
|
1188
1188
|
}
|
|
1189
1189
|
}
|
|
1190
|
-
`];
|
|
1190
|
+
`];ye.callCounter=0;Hi([l({type:String})],ye.prototype,"mode",2);Hi([l({type:Boolean})],ye.prototype,"noDelay",2);ye=Hi([F(Ql)],ye);var ec=Object.getOwnPropertyDescriptor,tc=(i,e,r,s)=>{for(var t=s>1?void 0:s?ec(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const sc="sonic-subscriber";let Mo=class extends Q(A){constructor(){super(...arguments),this.noAutofill=!0}connectedCallback(){this.noShadowDom="",super.connectedCallback()}updated(i){super.updated(i),this.children.length==0?this.style.display="none":this.style.display="contents"}render(){return w`<slot></slot> `}};Mo=tc([F(sc)],Mo);var rc=Object.defineProperty,ic=Object.getOwnPropertyDescriptor,We=(i,e,r,s)=>{for(var t=s>1?void 0:s?ic(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&rc(e,r,t),t};const oc="sonic-list";let Re=class extends qi(Q(qs(A))){constructor(){super(...arguments),this.templateKey="template",this.idKey="id",this.limit=Number.POSITIVE_INFINITY,this.offset=0,this.loadingSize={width:0,height:0}}get items(){return this._items}set items(i){typeof i!="function"&&i!==void 0||(this._items=i,this.requestUpdate())}connectedCallback(){this.noShadowDom="",this.defferedDebug=this.hasAttribute("debug")||null,this.isFetchEnabled=this.hasAttribute("fetch"),this.isFetchEnabled&&(this.isLoading=!0),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}renderLoader(){if(!(this.isLoading&&this.loader!==void 0)||this.templateParts.skeleton)return E;const e=this.loader===!0||this.loader===""?"fixed":this.loader;return w`<sonic-loader mode=${e}></sonic-loader>`}renderSkeleton(){if(this.skeleton)return this.skeleton();const i=this.templateParts.skeleton;return this.isLoading&&i?Ze(i):E}renderSeparator(){if(this.separator)return this.separator();const i=this.templateParts.separator;return i?Ze(i):E}renderLoadingState(){return w`${this.renderSkeleton()} ${this.renderLoader()} `}renderNoResultState(){return w` <div
|
|
1191
1191
|
style="color: var(--sc-base-400);
|
|
1192
1192
|
font-size: 1.5em;
|
|
1193
1193
|
margin: 4rem 0;
|
|
@@ -1211,10 +1211,10 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1211
1211
|
>
|
|
1212
1212
|
${this.items(i,e)}
|
|
1213
1213
|
</sonic-subscriber>`:null}renderContent(){if(this.isLoading&&!Array.isArray(this.props))return this.renderLoadingState();if(typeof this.props=="string")return this.renderNoResultState();if(!he.isObject(this.props))return w`<div></div>`;const s=this.formatProps();if((s?.length||0)==0){if(this.noItems)return this.noItems();if(this.templateParts["no-items"]=this.templateParts["no-items"]||this.templateParts["no-item"],this.templateParts["no-items"])return Ze(this.templateParts["no-items"])}const t=this.templateList.length;let o=-1;const n=this.hasAttribute("extractValues"),a=this.renderSeparator(),c=s?.length||0,p=s?.slice(this.offset,this.offset+this.limit);return w`
|
|
1214
|
-
${p?.map((b,d)=>{if(b==null)return E;let x=d,_=null;if(typeof b=="object"&&!Array.isArray(b)){n&&(x=b?.key);const h=b[this.templateKey];h&&typeof h=="string"&&(_=this.templateParts[h])}if(x=="_sonic_http_response_"||typeof x!="string"&&typeof x!="number")return E;const f=d>=c-1,m=d%2,
|
|
1214
|
+
${p?.map((b,d)=>{if(b==null)return E;let x=d,_=null;if(typeof b=="object"&&!Array.isArray(b)){n&&(x=b?.key);const h=b[this.templateKey];h&&typeof h=="string"&&(_=this.templateParts[h])}if(x=="_sonic_http_response_"||typeof x!="string"&&typeof x!="number")return E;const f=d>=c-1,m=d%2,y=this.publisher[x],D={key:x,even:m==0,odd:m==1,onlyChild:c==1,firstChild:d==0,lastChild:f};y._key_=x+"",y._metadata_={...y._metadata_.get(),...D};const u=this.handleProgrammaticTemplates(b,D,x);return u?w`${u}${f?E:a}`:(o++,_&&(o=-1),w`
|
|
1215
1215
|
<sonic-subscriber
|
|
1216
1216
|
?debug=${this.defferedDebug===!0}
|
|
1217
|
-
.bindPublisher=${function(){return
|
|
1217
|
+
.bindPublisher=${function(){return y}}
|
|
1218
1218
|
.propertyMap?=${this.itemPropertyMap}
|
|
1219
1219
|
dataProvider="${this.dataProvider}/list-item/${x}"
|
|
1220
1220
|
>
|
|
@@ -1222,12 +1222,12 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1222
1222
|
</sonic-subscriber>
|
|
1223
1223
|
${f?E:a}
|
|
1224
1224
|
`)})}
|
|
1225
|
-
`}};We([l({type:Object})],Re.prototype,"itemPropertyMap",2);We([l({type:String})],Re.prototype,"templateKey",2);We([l({type:String})],Re.prototype,"idKey",2);We([l()],Re.prototype,"loader",2);We([l()],Re.prototype,"limit",2);We([l()],Re.prototype,"offset",2);We([l({type:Function})],Re.prototype,"items",1);We([l({type:Function})],Re.prototype,"noItems",2);We([l({type:Function})],Re.prototype,"skeleton",2);We([l({type:Function})],Re.prototype,"separator",2);Re=We([F(
|
|
1225
|
+
`}};We([l({type:Object})],Re.prototype,"itemPropertyMap",2);We([l({type:String})],Re.prototype,"templateKey",2);We([l({type:String})],Re.prototype,"idKey",2);We([l()],Re.prototype,"loader",2);We([l()],Re.prototype,"limit",2);We([l()],Re.prototype,"offset",2);We([l({type:Function})],Re.prototype,"items",1);We([l({type:Function})],Re.prototype,"noItems",2);We([l({type:Function})],Re.prototype,"skeleton",2);We([l({type:Function})],Re.prototype,"separator",2);Re=We([F(oc)],Re);/**
|
|
1226
1226
|
* @license
|
|
1227
1227
|
* Copyright 2021 Google LLC
|
|
1228
1228
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1229
|
-
*/function*
|
|
1230
|
-
${
|
|
1229
|
+
*/function*bn(i,e){if(i!==void 0){let r=0;for(const s of i)yield e(s,r++)}}var nc=Object.defineProperty,ac=Object.getOwnPropertyDescriptor,pe=(i,e,r,s)=>{for(var t=s>1?void 0:s?ac(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&nc(e,r,t),t};const lc="sonic-queue";let ne=class extends Q(A){constructor(){super(...arguments),this.templates=null,this.items=null,this.noItems=null,this.skeleton=null,this.lastRequestTime=0,this.key="",this.itemPropertyMap=null,this.cache="default",this.targetRequestDuration=500,this.limit=5,this.lazyBoundsRatio=1,this.offset=0,this.resultCount=0,this.noLazyload=!1,this.loader="inline",this.filteredFields="",this.instanceId=0,this.localStorage="disabled",this.filterPublisher=null,this.filterTimeoutMs=400,this.searchHash="",this.requestId=0,this.isFirstRequest=!0,this.updateFilteredContent=()=>{const e=this.dataProviderExpression.split("?");e.shift();const r=new URLSearchParams(e.join("?")),s=this.filterPublisher?.get(),t=this.filteredFields.split(" ");for(const n in s){let a=s[n];Array.isArray(a)&&(a=a.filter(c=>c!==null)),!(this.filteredFields&&!t.includes(n)||a==null||a.toString()==="")&&r.set(n,s[n].toString())}const o=r.toString();if(!(o==this.searchHash&&!this.isFirstRequest)){this.searchHash=o;for(const n of this.listDataProviders)O.delete(n);this.listDataProviders=[],clearTimeout(this.filterTimeoutId),this.filterTimeoutId=setTimeout(async()=>{const n=this.resultCount;this.props=null,this.requestId++,this.resultCount=n,await O.getInstance().isLocalStrorageReady,window.requestAnimationFrame(()=>this.next())},this.isFirstRequest?0:this.filterTimeoutMs),this.isFirstRequest=!1}},this.dataProviderExpression="",this.invalidateOnPageShow=!1,this.idKey="id",this.listDataProviders=[],this.nextHadEvent=!1,this.storedScrollY=0,this.storedScrollX=0}disconnectedCallback(){for(const i of this.listDataProviders)O.delete(i),this.listDataProviders=[];this.filterPublisher?.offInternalMutation(this.updateFilteredContent),this.props=null,this.limit=5,this.offset=0,this.resultCount=0,this.searchHash="",this.requestId=0,this.isFirstRequest=!0,this.nextHadEvent=!1,this.publisher.set({}),super.disconnectedCallback()}async connectedCallback(){this.instanceId=ne.instanceCounter++,this.localStorage=this.getAttribute("localStorage")||this.localStorage,this.filterTimeoutMs=parseInt(this.getAttribute("filterTimeoutMs")||"400"),this.removeAttribute("localStorage"),this.noShadowDom="",this.defferedDebug=this.hasAttribute("debug")||null,this.dataProvider||(this.dataProvider=this.dataProviderExpression||"sonic-queue-"+this.instanceId+"-"+Math.random().toString(36).substring(7)),this.dataProviderExpression||(this.dataProviderExpression=xt.getAncestorAttributeValue(this.parentElement,"dataProvider")||""),this.storeScrollPosition(),super.connectedCallback(),this.publisher.set({}),this.key=this.getAttribute("key"),await O.getInstance().isLocalStrorageReady,this.templates||(this.templates=Array.from(this.querySelectorAll("template"))),this.lastRequestTime=new Date().getTime(),this.configFilter()}configFilter(){const i=this.getAncestorAttributeValue("dataFilterProvider");if(!i){this.next();return}this.filterPublisher=O.getInstance().get(i),this.filterPublisher?.onInternalMutation(this.updateFilteredContent)}storeScrollPosition(){this.isSafari()&&(this.storedScrollX=window.scrollX,this.storedScrollY=window.scrollY)}isSafari(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}updated(i){this.isSafari()&&((Math.abs(this.storedScrollX-window.scrollX)>10||Math.abs(this.storedScrollY-window.scrollY)>10)&&window.scrollTo(this.storedScrollX,this.storedScrollY),window.requestAnimationFrame(()=>{(Math.abs(this.storedScrollX-window.scrollX)>10||Math.abs(this.storedScrollY-window.scrollY)>10)&&window.scrollTo(this.storedScrollX,this.storedScrollY)})),super.updated(i)}resetDuration(){this.lastRequestTime=new Date().getTime()}next(i){let e=this.offset;const s=new Date().getTime()-this.lastRequestTime;if(!this.nextHadEvent&&i&&(this.publisher.resultCount=0,this.resultCount=0),this.nextHadEvent=!!i,i){if(this.publisher.lastFetchedData=i.detail.fetchedData,i.detail.requestId<this.requestId)return;if(this.resultCount+=i.detail.props?.length||0,!i.detail.isFirstLoad||!i.detail.props?.length||this.dataProviderExpression.indexOf("$offset")==-1){this.publisher.resultCount=this.resultCount;return}}if(Array.isArray(this.props)){const d=this.props,x=d[d.length-1];e=parseInt(x.offset.toString())+parseInt(x.limit.toString())}else{const d=[];d.resultCount=this.resultCount,d.lastFetchedData=i?.detail.fetchedData||{},this.props=d}s>0&&i&&!this.localStorage&&(this.limit=Math.round(this.limit/s*this.targetRequestDuration)),this.limit<1&&(this.limit=1),this.limit>15&&(this.limit=15);let t=this.dataProviderExpression.replace("$offset",e+"").replace("$limit",this.limit+"");const o=t.split("?");let n=o.shift();const a=new URLSearchParams(o.join("?")),c=this.filterPublisher?.get(),p=this.filteredFields.split(" ");for(const d in c)this.filteredFields&&p.includes(d)||c[d]==null||c[d]==""||a.set(d,c[d]);this.searchHash||(this.searchHash=a.toString()),n=n+"?"+a.toString(),t=t+"_item_from_queue_"+this.instanceId,this.listDataProviders.push(t);const b=[...this.props,{id:a.toString()+"/"+this.props.length,dataProvider:t,endPoint:n,offset:e,limit:this.limit}];b.resultCount=this.resultCount,b.lastFetchedData=i?.detail.fetchedData||{},this.props=b,this.lastRequestTime=new Date().getTime()}render(){if(this.storeScrollPosition(),!Array.isArray(this.props))return E;let i=!this.noLazyload;return this.props.length==1&&(i=!1),this.style.display="block",w`
|
|
1230
|
+
${bn(this.props,(e,r)=>{const s=r==0?this.templates:this.templates?.filter(t=>t.getAttribute("data-value")!="no-item");return w`
|
|
1231
1231
|
<sonic-list
|
|
1232
1232
|
fetch
|
|
1233
1233
|
loader="${this.loader}"
|
|
@@ -1253,32 +1253,32 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1253
1253
|
>
|
|
1254
1254
|
</sonic-list>
|
|
1255
1255
|
`})}
|
|
1256
|
-
`}};ne.instanceCounter=0;pe([l({type:Array})],ne.prototype,"templates",2);pe([l({type:Function})],ne.prototype,"items",2);pe([l({type:Function})],ne.prototype,"noItems",2);pe([l({type:Function})],ne.prototype,"skeleton",2);pe([l({type:Object})],ne.prototype,"itemPropertyMap",2);pe([l()],ne.prototype,"cache",2);pe([l()],ne.prototype,"targetRequestDuration",2);pe([l()],ne.prototype,"limit",2);pe([l()],ne.prototype,"lazyBoundsRatio",2);pe([l()],ne.prototype,"offset",2);pe([l()],ne.prototype,"resultCount",2);pe([l({type:Boolean})],ne.prototype,"noLazyload",2);pe([l({type:String})],ne.prototype,"loader",2);pe([l()],ne.prototype,"filteredFields",2);pe([l({type:String})],ne.prototype,"dataProviderExpression",2);pe([l({type:Boolean})],ne.prototype,"invalidateOnPageShow",2);pe([l({type:String})],ne.prototype,"idKey",2);ne=pe([F(
|
|
1256
|
+
`}};ne.instanceCounter=0;pe([l({type:Array})],ne.prototype,"templates",2);pe([l({type:Function})],ne.prototype,"items",2);pe([l({type:Function})],ne.prototype,"noItems",2);pe([l({type:Function})],ne.prototype,"skeleton",2);pe([l({type:Object})],ne.prototype,"itemPropertyMap",2);pe([l()],ne.prototype,"cache",2);pe([l()],ne.prototype,"targetRequestDuration",2);pe([l()],ne.prototype,"limit",2);pe([l()],ne.prototype,"lazyBoundsRatio",2);pe([l()],ne.prototype,"offset",2);pe([l()],ne.prototype,"resultCount",2);pe([l({type:Boolean})],ne.prototype,"noLazyload",2);pe([l({type:String})],ne.prototype,"loader",2);pe([l()],ne.prototype,"filteredFields",2);pe([l({type:String})],ne.prototype,"dataProviderExpression",2);pe([l({type:Boolean})],ne.prototype,"invalidateOnPageShow",2);pe([l({type:String})],ne.prototype,"idKey",2);ne=pe([F(lc)],ne);var cc=Object.defineProperty,uc=Object.getOwnPropertyDescriptor,fs=(i,e,r,s)=>{for(var t=s>1?void 0:s?uc(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&cc(e,r,t),t};const hc="sonic-submit";let _t=class extends Q(A){constructor(){super(...arguments),this.submitResultKey=null,this.disabled=!1,this.endPoint=null,this.name="",this.value="",this.api=null,this.clickTimeStamp=0,this.submit=async i=>{if(this.disabled||i instanceof KeyboardEvent&&i.key!=="Enter")return;i instanceof MouseEvent&&i.stopPropagation();const e=O.getInstance().get(this.getAncestorAttributeValue("formDataProvider"));if(e.isFormValid.set(!0),e.invalidateForm(),!e.isFormValid.get())return;if(this.disabled=!0,ye.show(),e.isFormValid,this.hasAttribute("native")){this.submitNativeForm();return}const s=this.getAttribute("method")?.toLocaleLowerCase()||"post",t=this.hasAttribute("sendAsFormData"),o=e.get();delete o.isFormValid;const n=this.getAncestorAttributeValue("headersDataProvider"),a=n?O.getInstance().get(n):null;let c={};a&&(c=a.get());let p=null;const b=this.getAncestorAttributeValue("dataProvider"),d=this.endPoint||b,x=async()=>{const f={...o};if(delete f.needsCaptchaValidation,delete c.needsCaptchaValidation,t)p=await this.api?.submitFormData(d,f,s,c);else switch(s){case"put":p=await this.api?.put(d,f,c);break;case"patch":p=await this.api?.patch(d,f,c);break;case"delete":p=await this.api?.delete(d,f,c);break;case"get":const h=new URLSearchParams;if(f)for(const v in f)h.append(v,f[v]);const g="?"+h.toString();p=await this.api?.get(d+g,c);break;default:p=await this.api?.post(d,f,c);break}ye.hide(),p?p._sonic_http_response_&&!p._sonic_http_response_.ok&&Object.keys(p).length===1&&(p.messages=[{content:"Network Error",status:"error"}]):p={messages:[{content:"Network Error",status:"error"}]};const m=this.getAncestorAttributeValue("clearedDataOnSuccess");m&&m.split(" ").forEach(h=>O.get(h).set({}));const y=this.hasAttribute("usernameKey")?this.getAttribute("usernameKey"):"username",D=this.hasAttribute("passwordKey")?this.getAttribute("passwordKey"):"password";this.api?.lastResult?.ok&&f[y]&&f[D]&&this.saveCredentials(f[y],f[D]),this.submitResultKey&&(p=he.traverse(p,this.submitResultKey.split("."),!0));const u=this.getAncestorAttributeValue("submitResultDataProvider");u&&O.get(u).set(p),this.disabled=!1,this.dispatchEvent(new CustomEvent("submit",{detail:p,bubbles:!0,composed:!0}))},_=a?.needsCaptchaValidation.get()?a:e.needsCaptchaValidation.get()?e:null;if(_){_.captchaToken.set("request_token");const f=m=>{m!="request_token"?(x(),_.captchaToken.offAssign(f)):(ye.hide(),this.disabled=!1)};_.captchaToken.onAssign(f)}else x()}}connectedCallback(){this.hasAttribute("onClick")&&this.addEventListener("click",this.submit),this.hasAttribute("onEnterKey")&&this.addEventListener("keydown",this.submit),super.connectedCallback(),this.api=new rs(this.getApiConfiguration())}submitNativeForm(){const i=xt.getClosestForm(this);if(!i)return;const e=this.getAncestorAttributeValue("formDataProvider"),r={...O.get(e).get()};delete r.needsCaptchaValidation;for(const t in r){if(t=="isFormValid")continue;let o=i.querySelector('input[name="'+t+'"], select[name="'+t+'"], textarea[name="'+t+'"]');o||(o=document.createElement("input"),o.type="hidden",o.name=t,i.appendChild(o));let n=r[t];Array.isArray(n)&&(n=n.join(",")),o.type==="checkbox"||o.type==="radio"?n&&(o.checked=!0):o.value=n}const s=document.createElement("input");s.name=this.name,s.style.display="none",s.value=this.value,s.type="submit",i.appendChild(s),s&&s.click()}async saveCredentials(i,e){if("PasswordCredential"in window){const r=new window.PasswordCredential({id:i,password:e});await navigator.credentials.store(r)}}render(){return w`<div ?data-disabled=${this.disabled}><slot></slot></div>`}};_t.styles=k`
|
|
1257
1257
|
[data-disabled] {
|
|
1258
1258
|
opacity: 0.3;
|
|
1259
1259
|
pointer-events: none;
|
|
1260
1260
|
user-select: none;
|
|
1261
1261
|
}
|
|
1262
|
-
`;
|
|
1262
|
+
`;fs([l({type:String})],_t.prototype,"submitResultKey",2);fs([l({type:Boolean})],_t.prototype,"disabled",2);fs([l({type:String})],_t.prototype,"endPoint",2);fs([l()],_t.prototype,"name",2);fs([l()],_t.prototype,"value",2);_t=fs([F(hc)],_t);var dc=Object.defineProperty,pc=Object.getOwnPropertyDescriptor,Ws=(i,e,r,s)=>{for(var t=s>1?void 0:s?pc(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&dc(e,r,t),t};const mc="sonic-router";let is=class extends qs(A){constructor(){super(...arguments),this.templateValueAttribute="data-route",this._location=document.location.href.replace(document.location.origin,"")}createRenderRoot(){return this}connectedCallback(){ce.onChange(this),super.connectedCallback()}disconnectedCallback(){ce.offChange(this),super.disconnectedCallback()}set location(i){this._location=i,this.requestUpdate()}get location(){return this._location}get cleanLocation(){const i=new URL(this.location,document.location.origin);return i.pathname+i.hash}get patternBasePath(){return this.basePath!==void 0?this.basePath:"(/)*"}get regExpBasePath(){return this.basePath!==void 0?"^"+this.basePath:""}handleroutes(){if(!this.routes)return[];const i=[];for(let[e,r]of Object.entries(this.routes)){if(e==="fallback"||!r)continue;const s=new RegExp(this.regExpBasePath+e);if(s.test(this.cleanLocation)){const t=s.exec(this.cleanLocation)||[e];t.shift(),i.push(r([...t]))}else try{const o=new ht(this.patternBasePath+e).match(this.cleanLocation);if(o){const n=o||{};i.push(r(n))}}catch{this.cleanLocation.indexOf((this.basePath||"")+e.replace(document.location.origin,""))!=-1&&i.push(r({}))}}return i.length==0&&this.routes?.fallback&&this.isConnected&&i.push(this.routes.fallback()),i}render(){const i=this.handleroutes();if(i.length>0)return w`${i}`;const e=[];for(const r of this.templatePartsList){const s=r.getAttribute(this.templateValueAttribute)||"";if(new RegExp(this.regExpBasePath+s).test(this.cleanLocation))e.push(r);else try{new ht(this.patternBasePath+s+"(/*)").match(this.cleanLocation)&&(r.setAttribute("mode","patternMatching"),e.push(r))}catch{this.cleanLocation.indexOf((this.basePath||"")+s.replace(document.location.origin,""))!=-1&&e.push(r)}}if(e.length==0){this.fallBackRoute&&this.isConnected&&(document.location.href=this.fallBackRoute);const r=this.templateList.find(s=>s.hasAttribute("data-fallback"));r&&e.push(r)}return w`${Ir(e,(r,s)=>s+new Date().getTime(),r=>{if(r.title&&(document.title=r.title),r.hasAttribute("dataProviderExpression")){let s="";const t=r.getAttribute("dataProviderExpression")||"";if(r.getAttribute("mode")=="patternMatching"){const o=new ht("(/)*"+(r.getAttribute(this.templateValueAttribute)||"")+"*");s=new ht(t).stringify(o.match(this.cleanLocation))}else{const o=new RegExp(r.getAttribute(this.templateValueAttribute)||""),n=(this.cleanLocation+"").match(o);n&&(s=n.shift()?.replace(o,t)||"")}return w`<div
|
|
1263
1263
|
style="display:contents"
|
|
1264
1264
|
dataProvider="${s}"
|
|
1265
1265
|
>
|
|
1266
1266
|
${Ze(r)}
|
|
1267
|
-
</div>`}return Ze(r)})}`}};
|
|
1267
|
+
</div>`}return Ze(r)})}`}};Ws([l({type:String})],is.prototype,"fallBackRoute",2);Ws([l({type:Object})],is.prototype,"routes",2);Ws([l({type:String})],is.prototype,"basePath",2);Ws([l()],is.prototype,"location",1);is=Ws([F(mc)],is);var fc=Object.getOwnPropertyDescriptor,gc=(i,e,r,s)=>{for(var t=s>1?void 0:s?fc(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const bc="sonic-redirect";let zo=class extends Q(A){connectedCallback(){this.noShadowDom="",this.style.display="none",super.connectedCallback(),this.udpateCallBack=()=>this.update(),this.publisher&&this.publisher.onInternalMutation(this.udpateCallBack)}disconnectedCallback(){this.publisher&&this.publisher.offInternalMutation(this.udpateCallBack),super.disconnectedCallback()}update(){if(this.hasAttribute("onAdded")){ce.changeFromComponent(this);return}if(!this.props)return;const i=this.getAttribute("onData").split("."),e=he.traverse(this.props,i);e&&!(he.isObject(e)&&e)&&ce.changeFromComponent(this)}};zo=gc([F(bc)],zo);var yc=Object.defineProperty,vc=Object.getOwnPropertyDescriptor,Mr=(i,e,r,s)=>{for(var t=s>1?void 0:s?vc(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&yc(e,r,t),t};const wc="sonic-states";let Os=class extends Q(qs(A)){constructor(){super(...arguments),this.state="",this.inverted=!1,this.statePath="",this.onStateAssign=i=>{this.state=i,this.requestUpdate()}}connectedCallback(){if(this.noShadowDom="",super.connectedCallback(),this.hasAttribute("data-path")&&(this.statePath=this.getAttribute("data-path")),this.statePath){this.statePublisher=this.publisher;const i=this.statePath.split(".");for(const e of i)this.statePublisher=this.statePublisher[e];this.statePublisher.onAssign(this.onStateAssign)}}disconnectedCallback(){this.statePath&&this.statePublisher?.offAssign(this.onStateAssign),super.disconnectedCallback()}handleStates(i){if(!this.states)return[];const e=[];for(const[r,s]of Object.entries(this.states)){if(r==="fallback"||!s)continue;const t=new RegExp(r);if(t.test(i)){const o=t.exec(i)||[r];o.shift(),e.push(s([...o]))}else try{const o=new ht("(/)*"+r+"*");if(o.match(i)){const n=o.match(i)||{};e.push(s(n))}}catch{i.indexOf(r.replace(document.location.origin,""))!=-1&&e.push(s({}))}}return e.length==0&&this.states?.fallback&&this.isConnected&&e.push(this.states.fallback()),e}render(){let i=this.state;(!Array.isArray(i)&&he.isObject(i)||i===void 0)&&(i="");const e=this.handleStates(i);if(e.length>0)return w`${e}`;const r=[];for(const s of this.templatePartsList){let t=s.getAttribute(this.templateValueAttribute),o=i;if(this.inverted&&(o=t,t=i),t==""&&(t=this.inverted?".*?":"^$"),new RegExp(t).test(o+""))r.push(s),s.removeAttribute("mode");else{const a=new ht(t);a.names.length>0&&a.match(o)&&(s.setAttribute("mode","patternMatching"),r.push(s))}}return w`${Ir(r,(s,t)=>t+new Date().getTime(),s=>{if(s?.hasAttribute("dataProviderExpression")){const t=s.getAttribute("dataProviderExpression");let o="",n=i,a=s.getAttribute(this.templateValueAttribute);if(this.inverted&&(n=a,a=i),a==""&&(a=this.inverted?"*":"^$"),s.getAttribute("mode")=="patternMatching"){const c=new ht(a);o=new ht(t).stringify(c.match(n))}else{const c=new RegExp(a),p=(n+"").match(c);p&&(o=p.shift()?.replace(c,t))}return w`<div
|
|
1268
1268
|
style="display:contents"
|
|
1269
1269
|
dataProvider="${o}"
|
|
1270
1270
|
>
|
|
1271
1271
|
${Ze(s)}
|
|
1272
|
-
</div>`}return Ze(s)})}`}};Lr([l()],Os.prototype,"state",2);Lr([l({type:Boolean,reflect:!0})],Os.prototype,"inverted",2);Lr([l({type:Object})],Os.prototype,"states",2);Os=Lr([F(uc)],Os);var hc=Object.getOwnPropertyDescriptor,dc=(i,e,r,s)=>{for(var t=s>1?void 0:s?hc(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const pc="sonic-scope";let Lo=class extends S{createRenderRoot(){return this}render(){return w`<slot></slot>`}};Lo=dc([F(pc)],Lo);var mc=Object.defineProperty,fc=Object.getOwnPropertyDescriptor,hn=(i,e,r,s)=>{for(var t=s>1?void 0:s?fc(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&mc(e,r,t),t};const gc="sonic-example";let oi=class extends Q(S){constructor(){super(...arguments),this.text="Example"}render(){return w`<div>${this.text}</div>`}};hn([l()],oi.prototype,"text",2);oi=hn([F(gc)],oi);const bc={tagName:"sonic-checkbox"},vc={tagName:"sonic-input",attributes:{type:"date"}},yc={tagName:"sonic-fieldset",nodes:[{libraryKey:"formLayout"}],contentElementSelector:"sonic-form-layout"},wc={tagName:"sonic-input",attributes:{variant:"ghost",type:"file"}},xc={tagName:"sonic-input",attributes:{type:"password"}},_c={tagName:"sonic-radio"},Dc={tagName:"sonic-select"},Cc={tagName:"sonic-textarea"},Ac={tagName:"sonic-input",attributes:{type:"text"}},Sc={tagName:"sonic-input",attributes:{type:"hidden"}},Fc={tagName:"sonic-button"},Pc={tagName:"sonic-submit",attributes:{onEnterKey:!0}},$c={tagName:"sonic-submit",attributes:{onClick:!0},contentElementSelector:"sonic-button",nodes:[{libraryKey:"button",attributes:{type:"success"},nodes:[{tagName:"sonic-icon",attributes:{name:"check",slot:"prefix"}}]}]},kc={tagName:"sonic-input",attributes:{type:"email"}},Ec={tagName:"div",attributes:{class:"form-item-container"}},Oc={tagName:"sonic-form-layout"},Lc={tagName:"sonic-form-actions"},Tc={tagName:"sonic-password-helper"},Ic={tagName:"sonic-same-value-helper"},Nc={tagName:"sonic-divider"},Mc={checkbox:bc,date:vc,fieldset:yc,managed_file:wc,password:xc,radio:_c,select:Dc,textarea:Cc,textfield:Ac,hidden:Sc,button:Fc,form:Pc,submit:$c,email:kc,formItemContainer:Ec,formLayout:Oc,formActions:Lc,passwordHelper:Tc,sameValueHelper:Ic,divider:Nc};class zc{async transform(e,r){if(this.sduiDescriptor=e,this.sduiDescriptor.library)for(const s in r.library)this.sduiDescriptor.library[s]=r.library[s];for(const s of r.transforms)this.transformAction(s)}transformAction(e){const r=this.getNodesMatchingPatterns(e.patterns,this.sduiDescriptor);this[e.action](e,r)}getNodesMatchingPatterns(e,r){if(!e)return[];if(!r)return[];const s=r.nodes;if(!s)return[];let t=[],o=0;for(const n of e)for(const a of s)this.nodeMatchesPattern(n,a)&&t.push({parent:r,child:a,index:o}),t=t.concat(this.getNodesMatchingPatterns([n],a)),o++;return t}stringMatchesExpression(e,r){return!r||e&&e.match(r)}nodeMatchesPattern(e,r){const s=e,t=r,o=["libraryKey","innerHTML","prefix","suffix","markup"];for(const c of o)if(!this.stringMatchesExpression(t[c],s[c]))return!1;const n=e.attributes,a=r.attributes;if(n&&!a)return!1;if(n){for(const c in n)if(!a||!this.stringMatchesExpression(a[c],n[c]))return!1}return!0}unwrap(e,r){for(const s of r)s.parent.nodes?.splice(s.parent.nodes.indexOf(s.child),1),s.child.nodes&&s.parent.nodes?.splice(s.parent.nodes.indexOf(s.child),0,...s.child.nodes)}wrap(e,r){const s={...e.ui};s.nodes||(s.nodes=[]);let t=0;for(const n of r)s.nodes?.push(n.child),t>0&&n.parent.nodes?.splice(n.parent.nodes.indexOf(n.child),1),t++;const o=r[0]?.parent.nodes?.indexOf(r[0].child);o&&(r[0].parent.nodes?.splice(o,1),r[0].parent.nodes?.splice(o,0,s))}move(e,r){for(const s of r){s.parent.nodes?.splice(s.parent.nodes.indexOf(s.child),1);let t=[];e.after&&(t=this.getNodesMatchingPatterns([e.after],this.sduiDescriptor)),e.before&&(t=this.getNodesMatchingPatterns([e.before],this.sduiDescriptor));const o=t[0];o&&o.parent.nodes?.splice(o.parent.nodes.indexOf(o.child)+(e.after?1:0),0,s.child)}}remap(e,r){for(const s of r){const t={...e.ui};t.attributes||(t.attributes={});const o=s.child.attributes;if(o)for(const d in o)Object.prototype.hasOwnProperty.call(t.attributes,"key")||(t.attributes[d]=o[d]);const n=["libraryKey","innerHTML","prefix","suffix","markup"],a=s.child,c=t;for(const d of n)!Object.prototype.hasOwnProperty.call(t,d)&&a[d]&&(c[d]=a[d]);t.nodes||(t.nodes=[]);const p=s.child.nodes;if(p)for(const d of p)t.nodes.push(d);const b=s.parent.nodes?.indexOf(s.child)||-1;b!=-1&&(s.parent.nodes?.splice(b,1),s.parent.nodes?.splice(b,0,t))}}delete(e,r){for(const s of r)s.parent.nodes?.splice(s.parent.nodes.indexOf(s.child),1)}insert(e,r){const s=e.after?"after":e.before?"before":"in";r=[],e.after?r=this.getNodesMatchingPatterns([e.after],this.sduiDescriptor):e.before?r=this.getNodesMatchingPatterns([e.before],this.sduiDescriptor):e.in&&(r=this.getNodesMatchingPatterns([e.in],this.sduiDescriptor));const t=r[0];t&&(s=="in"?(t.child.nodes||(t.child.nodes=[]),t.child.nodes.push({...e.ui})):t.parent.nodes?.splice(t.parent.nodes.indexOf(t.child)+(s=="after"?1:0),0,{...e.ui}))}}var Bc=Object.defineProperty,Rc=Object.getOwnPropertyDescriptor,qi=(i,e,r,s)=>{for(var t=s>1?void 0:s?Rc(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Bc(e,r,t),t};const jc="sonic-sdui";let pr=class extends on(tt(S)){constructor(){super(...arguments),this.sduiDescriptor={}}connectedCallback(){this.noShadowDom="",this.displayContents=!0,this.isFetchEnabled=this.hasAttribute("fetch"),super.connectedCallback()}willUpdate(i){this.props==null&&(this.sduiDescriptor={});{const e=this.sduiKey?this.props[this.sduiKey]:this.props;if(this.sduiDescriptor==e)return;this.sduiDescriptor=e,this.updateContents()}super.willUpdate(i)}async updateContents(){if(!this.sduiDescriptor)return;const i={};Object.assign(i,Mc,this.sduiDescriptor.library),this.sduiDescriptor.library=i,this.loadAssets(),await this.loadLibrary(),await this.transformSDUIDescriptor(),this.parseRootNodes()}removeChildren(){for(;[...this.children].filter(i=>i.nodeName!="SLOT").length>0;)this.removeChild(this.children[0])}loadAssets(){if(this.sduiDescriptor){if(this.sduiDescriptor.js)for(const i of this.sduiDescriptor.js)wt.loadJS(i);if(this.sduiDescriptor.css)for(const i of this.sduiDescriptor.css)wt.loadCSS(i)}}async transformSDUIDescriptor(){if(!this.hasAttribute("transformation"))return;const e=await(await fetch(this.getAttribute("transformation"))).json();await new zc().transform(this.sduiDescriptor,e)}async loadLibrary(){if(!this.hasAttribute("library"))return;const e=await(await fetch(this.getAttribute("library"))).json();this.sduiDescriptor.library=e}parseRootNodes(){if(this.removeChildren(),!this.sduiDescriptor)return;let i=this.sduiDescriptor.nodes;i||(i=[]);const e={tagName:"sonic-toast-message-subscriber",attributes:{}};this.messagesKey&&(e.attributes={subDataProvider:this.messagesKey}),i.push(e),i.forEach(r=>this.appendChild(this.parseChild(r)))}parseChild(i){const e=i.tagName||"div";let{element:r,contentElement:s}=this.handleLibrary(i,e);return this.handleAttributes(i,r),r=this.handleMarkup(i,r),s||(s=r),this.handleChildNodes(i,s,r),this.handleInnerHTML(i,s),i.prefix||i.suffix?this.handlePrefixSuffix(i,r):r}handlePrefixSuffix(i,e){const r=document.createElement("div");return r.innerHTML=(i.prefix||"")+e.outerHTML+(i.suffix||""),r.style.display="contents",r}handleChildNodes(i,e,r){if(i.nodes){const s=i.nodes;for(const t of s){const o=this.parseChild(t);let n=e;t.parentElementSelector&&(n=r.querySelector(t.parentElementSelector)||e),n.shadowRoot?n.shadowRoot.appendChild(o):n.tagName.toLocaleLowerCase()=="template"?n.content.appendChild(o):n.appendChild(o)}}}handleLibrary(i,e){let r,s;if(i.libraryKey&&this.sduiDescriptor.library){r=this.parseChild(this.sduiDescriptor.library[i.libraryKey]||{tagName:"div"});const t=(this.sduiDescriptor.library[i.libraryKey]||{}).contentElementSelector;t&&(s=r.querySelector(t))}else r=document.createElement(e);return{element:r,contentElement:s}}handleAttributes(i,e){const r=i.attributes;for(const s in r){const t=r[s],o=ht.isObject(t)?JSON.stringify(t):t;e.setAttribute(s,o)}}handleMarkup(i,e){return i.markup&&(e=document.createElement("div"),e.style.display="contents",e.innerHTML=i.markup),e}handleInnerHTML(i,e){if(i.innerHTML)if(i.innerHTML.indexOf("wording_")!=-1){const r=this.getAncestorAttributeValue("wordingProvider");this.api?.post(r,{labels:[i.innerHTML.substring(8)]}).then(s=>{e&&(e.innerHTML+=s)})}else e&&(e.innerHTML+=i.innerHTML)}};qi([l()],pr.prototype,"sduiKey",2);qi([l()],pr.prototype,"messagesKey",2);pr=qi([F(jc)],pr);var Uc=Object.defineProperty,qc=Object.getOwnPropertyDescriptor,dn=(i,e,r,s)=>{for(var t=s>1?void 0:s?qc(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Uc(e,r,t),t};let mr=class extends tt(S){constructor(){super(...arguments),this._composition={},this.listeners=[]}get composition(){return this._composition}set composition(i){this._composition=i,this.updateComposition()}connectedCallback(){super.connectedCallback(),this.updateComposition()}disconnectedCallback(){this.removePublisherListeners(),super.disconnectedCallback()}updateComposition(){this.removePublisherListeners(),this.publisher&&(this.publisher.set({}),this.parseComposition(this.composition,this.publisher))}removePublisherListeners(){const i=this.listeners;this.listeners=[],i.forEach(e=>{this.publisher.offAssign(e.subscriber)})}parseComposition(i,e){if(i)for(const r in i){const s=i[r];if(typeof s=="string"){const t=s.split("."),o=t.shift();if(!o)continue;let n=O.get(o);n=ht.traverse(n,t);const a={publisher:n,subscriber:c=>{e[r]=c}};this.listeners.push(a),n.onAssign(a.subscriber),e._proxies_.set(r,n)}else{this.publisher[r]={};const t=new $s({},e);e._proxies_.set(r,t);const o={publisher:t,subscriber:n=>{e[r]=n}};this.listeners.push(o),t.onAssign(o.subscriber),this.parseComposition(s,t)}}}render(){return w`<slot></slot>`}};mr.styles=[k`
|
|
1272
|
+
</div>`}return Ze(s)})}`}};Mr([l()],Os.prototype,"state",2);Mr([l({type:Boolean,reflect:!0})],Os.prototype,"inverted",2);Mr([l({type:Object})],Os.prototype,"states",2);Os=Mr([F(wc)],Os);var xc=Object.getOwnPropertyDescriptor,_c=(i,e,r,s)=>{for(var t=s>1?void 0:s?xc(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const Dc="sonic-scope";let Bo=class extends A{createRenderRoot(){return this}render(){return w`<slot></slot>`}};Bo=_c([F(Dc)],Bo);function Cc(i){this.__connectedCallbackCalls__||(this.__connectedCallbackCalls__=new Set),this.__connectedCallbackCalls__.add(i)}function Ac(i){this.__disconnectedCallbackCalls__||(this.__disconnectedCallbackCalls__=new Set),this.__disconnectedCallbackCalls__.add(i)}function Ks(i){if(i.__is__setSubscribable__)return;i.__is__setSubscribable__=!0,i.__onConnected__=Cc,i.__onDisconnected__=Ac;const e=i.connectedCallback;i.connectedCallback=function(){e?.call(this),this.__connectedCallbackCalls__&&this.__connectedCallbackCalls__.forEach(s=>s(this))};const r=i.disconnectedCallback;i.disconnectedCallback=function(){r?.call(this),this.__disconnectedCallbackCalls__&&this.__disconnectedCallbackCalls__.forEach(s=>s(this))}}const or=Symbol("__bindDynamicWatcherStore__"),Ro=Symbol("__bindDynamicWillUpdateHooked__");function Sc(i,e,r){const s=String(e);Fc(i),i[or]||Object.defineProperty(i,or,{value:new Map,enumerable:!1,configurable:!1,writable:!1});const t=i[or];t.has(s)||t.set(s,new Set);const o=t.get(s);return o.add(r),()=>{o.delete(r),o.size===0&&t.delete(s)}}function Fc(i){const e=Object.getPrototypeOf(i);if(!e||e[Ro])return;const r=Object.prototype.hasOwnProperty.call(e,"willUpdate")?e.willUpdate:Object.getPrototypeOf(e)?.willUpdate;e.willUpdate=function(s){const t=this[or];t&&t.size>0&&(s&&s.size>0?s.forEach((o,n)=>{const a=t.get(String(n));a&&a.forEach(c=>c())}):t.forEach(o=>o.forEach(n=>n()))),r?.call(this,s)},e[Ro]=!0}function Pc(i){const e=[/\$\{([^}]+)\}/g,/\{\$([^}]+)\}/g],r=new Set;for(const s of e){let t;for(;(t=s.exec(i))!==null;){const o=yn(t[1]);if(!o)continue;const[n]=o.split(".");n&&r.add(n)}}return Array.from(r)}function yn(i){return i.trim().replace(/^this\./,"")}function $c(i,e){let r=!1;const s=(n,a)=>{const c=yn(a),p=kc(i,c);return p==null?(r=!0,""):`${p}`},t=e.replace(/\$\{([^}]+)\}/g,s).replace(/\{\$([^}]+)\}/g,s).trim();if(r||!t.length)return{ready:!1,path:null};const o=t.split(".").filter(Boolean);return o.length===0||!o[0]?{ready:!1,path:null}:{ready:!0,path:t}}function kc(i,e){if(!e)return;const r=e.split(".").filter(Boolean);if(r.length===0)return;let s=i;for(const t of r){if(s==null||typeof s!="object")return;s=s[t]}return s}function Ec(i){const e=i.split(".").filter(t=>t.length>0);if(e.length===0)return null;const r=e.shift()||"";if(!r)return null;let s=O.get(r);return s?(s=Xe.traverse(s,e),s):null}function Wi(i,e){const r=e?.reflect??!1,s=Pc(i),t=s.length>0;return function(o,n){if(!o)return;Ks(o);const a=`__bind_state_${n}`,c=`__bind_${n}_publisher__`,p=r?`__bind_${n}_updating_from_publisher__`:null;if(r){const b=Object.getOwnPropertyDescriptor(o,n),d=`__bind_${n}_value__`,x=`__bind_${n}_updating_from_publisher__`,_=b&&!b.get&&!b.set?b.value:void 0;Object.defineProperty(o,n,{get(){return b?.get?b.get.call(this):(!Object.prototype.hasOwnProperty.call(this,d)&&_!==void 0&&(this[d]=_),this[d])},set(f){b?.set?b.set.call(this,f):this[d]=f,!this[x]&&this[c]&&this[c].set(f)},enumerable:b?.enumerable??!0,configurable:b?.configurable??!0})}o.__onConnected__(b=>{const d=b[a]||(b[a]={cleanupWatchers:[],unsubscribePublisher:null,currentPath:null});d.unsubscribePublisher&&(d.unsubscribePublisher(),d.unsubscribePublisher=null),d.cleanupWatchers.forEach(f=>f()),d.cleanupWatchers=[],d.currentPath=null;const x=f=>{if(!f){d.unsubscribePublisher&&(d.unsubscribePublisher(),d.unsubscribePublisher=null),d.currentPath=null,b[c]=null;return}if(f===d.currentPath)return;d.unsubscribePublisher&&(d.unsubscribePublisher(),d.unsubscribePublisher=null);const m=Ec(f);if(!m){d.currentPath=null,b[c]=null;return}const y=D=>{r&&p&&(b[p]=!0),b[n]=D,r&&p&&(b[p]=!1)};m.onAssign(y),d.unsubscribePublisher=()=>{m.offAssign(y),b[c]===m&&(b[c]=null)},d.currentPath=f,b[c]=m},_=()=>{if(t){const f=$c(b,i);if(!f.ready){x(null);return}x(f.path);return}x(i)};if(t)for(const f of s){const m=Sc(b,f,()=>_());d.cleanupWatchers.push(m)}_()}),o.__onDisconnected__(b=>{const d=b[a];d&&(d.unsubscribePublisher&&(d.unsubscribePublisher(),d.unsubscribePublisher=null),d.cleanupWatchers.forEach(x=>x()),d.cleanupWatchers=[],d.currentPath=null,b[c]=null)})}}function Oc(i){const e=i.split(".").filter(t=>t.length>0);if(e.length===0)return null;const r=e.shift()||"";if(!r)return null;let s=O.get(r);return s?(s=Xe.traverse(s,e),s):null}function vn(i){const e=i.path;return function(r,s){Ks(r);const t=`__publish_${s}_publisher__`,o=`__publish_${s}_value__`,n=Object.getOwnPropertyDescriptor(r,s),a=n&&!n.get&&!n.set?n.value:void 0;Object.defineProperty(r,s,{get(){return n?.get?n.get.call(this):(!Object.prototype.hasOwnProperty.call(this,o)&&a!==void 0&&(this[o]=a),this[o])},set(c){n?.set?n.set.call(this,c):this[o]=c;const p=this[t];p&&p.set(c)},enumerable:n?.enumerable??!0,configurable:n?.configurable??!0}),r.__onConnected__(c=>{const p=Oc(e);if(c[t]=p??null,p&&s in c){const b=c[s];b!==void 0&&p.set(b)}}),r.__onDisconnected__(c=>{c[t]=null})}}function wn(i){return function(e,r){Wi(i.path)(e,r)}}const nr=Symbol("__onAssignDynamicWatcherStore__"),jo=Symbol("__onAssignDynamicWillUpdateHooked__");function Tc(i,e,r){const s=String(e);Lc(i),i[nr]||Object.defineProperty(i,nr,{value:new Map,enumerable:!1,configurable:!1,writable:!1});const t=i[nr];t.has(s)||t.set(s,new Set);const o=t.get(s);return o.add(r),()=>{o.delete(r),o.size===0&&t.delete(s)}}function Lc(i){const e=Object.getPrototypeOf(i);if(!e||e[jo])return;const r=Object.prototype.hasOwnProperty.call(e,"willUpdate")?e.willUpdate:Object.getPrototypeOf(e)?.willUpdate;e.willUpdate=function(s){const t=this[nr];t&&t.size>0&&(s&&s.size>0?s.forEach((o,n)=>{const a=t.get(String(n));a&&a.forEach(c=>c())}):t.forEach(o=>o.forEach(n=>n()))),r?.call(this,s)},e[jo]=!0}function Ic(i){const e=[/\$\{([^}]+)\}/g,/\{\$([^}]+)\}/g],r=new Set;for(const s of e){let t;for(;(t=s.exec(i))!==null;){const o=xn(t[1]);if(!o)continue;const[n]=o.split(".");n&&r.add(n)}}return Array.from(r)}function xn(i){return i.trim().replace(/^this\./,"")}function Nc(i,e){let r=!1;const s=(n,a)=>{const c=xn(a),p=Mc(i,c);return p==null?(r=!0,""):`${p}`},t=e.replace(/\$\{([^}]+)\}/g,s).replace(/\{\$([^}]+)\}/g,s).trim();if(r||!t.length)return{ready:!1,path:null};const o=t.split(".").filter(Boolean);return o.length===0||!o[0]?{ready:!1,path:null}:{ready:!0,path:t}}function Mc(i,e){if(!e)return;const r=e.split(".").filter(Boolean);if(r.length===0)return;let s=i;for(const t of r){if(s==null||typeof s!="object")return;s=s[t]}return s}function zc(i){const e=i.split(".").filter(t=>t.length>0);if(e.length===0)return null;const r=e.shift()||"";if(!r)return null;let s=O.get(r);return s?(s=Xe.traverse(s,e),s):null}function _n(...i){const e=i.map(r=>{const s=Ic(r);return{originalPath:r,dynamicDependencies:s,isDynamic:s.length>0}});return function(r,s,t){Ks(r);const o=`__onAssign_state_${s}__`;let n;r.__onConnected__(a=>{const c=a[o]||(a[o]={cleanupWatchers:[],configurations:[]});c.cleanupWatchers.forEach(_=>_()),c.cleanupWatchers=[],c.configurations.forEach(_=>{_.unsubscribePublisher&&_.unsubscribePublisher()}),c.configurations=[];const p=[],b=[];for(let _=0;_<i.length;_++){const f=e[_],m=new Set,y=D=>{p[_]=D,p.filter(u=>u!=null).length===i.length&&m.forEach(u=>u(...p))};b.push({publisher:null,onAssign:y,callbacks:m,unsubscribePublisher:null,pathConfig:f,index:_})}const d=(_,f)=>{if(_.unsubscribePublisher&&(_.unsubscribePublisher(),_.unsubscribePublisher=null),p[_.index]=null,_.publisher=null,!f)return;const m=zc(f);m&&(m.onAssign(_.onAssign),_.unsubscribePublisher=()=>{m.offAssign(_.onAssign),_.publisher===m&&(_.publisher=null)},_.publisher=m)},x=()=>{for(const _ of b)if(_.pathConfig.isDynamic){const f=Nc(a,_.pathConfig.originalPath);if(!f.ready){d(_,null);continue}d(_,f.path)}else d(_,_.pathConfig.originalPath)};for(const _ of b)if(_.pathConfig.isDynamic)for(const f of _.pathConfig.dynamicDependencies){const m=Tc(a,f,()=>x());c.cleanupWatchers.push(m)}n=t.value.bind(a);for(const _ of b)_.callbacks.add(n);x(),c.configurations=b}),r.__onDisconnected__(a=>{const c=a[o];c&&(c.cleanupWatchers.forEach(p=>p()),c.cleanupWatchers=[],c.configurations.forEach(p=>{p.unsubscribePublisher&&p.unsubscribePublisher(),p.callbacks.delete(n)}),c.configurations=[])})}}function Dn(){return function(i,e,r){let s=0;const t=r.value,o=i.constructor.prototype.disconnectedCallback;i.constructor.prototype.disconnectedCallback=function(){o?.apply(this),this.__removeAutoSubscribe__()};const n=i.connectedCallback;i.connectedCallback=function(){n?.call(this),this[e]()},r.value=function(...a){let c=new Set;const p=()=>{s++;const d=s;window.queueMicrotask(()=>{d===s&&this[e]()})};c.forEach(d=>{d.offAssign(p)}),O.collectModifiedPublisher();const b=t.apply(this,a);return c=O.getModifiedPublishers()||new Set,c.forEach(d=>{d.onAssign(p,!1)}),this.__removeAutoSubscribe__=()=>{c.forEach(d=>{d.offAssign(p)})},b}}}function Bc(i){return function(e){Ks(e);for(const r of i){const s=r.split(".");if(s.length===0)continue;const t=s.shift()||"";let o=O.get(t);o=Xe.traverse(o,s),e.__onConnected__(n=>{o.startTemplateFilling(n)}),e.__onDisconnected__(()=>{})}}}function Cn(i){return function(e,r){e&&(Ks(e),e.__onConnected__(s=>{const t=oe.getAncestorAttributeValue(s,i);s[r]=t}))}}const ar="sonic-connected",Rc=5e3,li=Symbol.for("sonic-connected");function An(i){return i.tagName.includes("-")}function jc(i,e=Rc){return!An(i)||i[li]?Promise.resolve():new Promise(r=>{const s=()=>{i[li]=!0,i.removeEventListener(ar,s),r()};i.addEventListener(ar,s),setTimeout(()=>{i.removeEventListener(ar,s),r()},e)})}function Uc(...i){return function(e){if(!i.length)return e;const r=e.prototype.connectedCallback;return e.prototype.connectedCallback=function(){const s=oe.getAncestorsBySelectors(this,i),t=s.filter(An),o=[...new Set(t.map(a=>a.tagName.toLowerCase()))].map(a=>customElements.whenDefined(a)),n=s.map(a=>jc(a));Promise.all([...o,...n]).then(()=>{r?.call(this)})},e}}function qc(){return function(i){const e=i.prototype.connectedCallback;return i.prototype.connectedCallback=function(){e?.call(this),this[li]=!0,this.dispatchEvent(new CustomEvent(ar,{bubbles:!0}))},i}}const gs=Wi,Ki=vn,Vc=wn,Sn=_n,Ys=Cn,Hc=Dn,Yi=Uc,zr=qc;window["concorde-decorator-subscriber"]=window["concorde-decorator-subscriber"]||{};window["concorde-decorator-subscriber"]={bind:Wi,publish:vn,subscribe:wn,onAssing:_n,ancestorAttribute:Cn,autoSubscribe:Dn,autoFill:Bc};class Fn{constructor(e){this.path=e}toString(){return this.path}}function Pn(i){return new Proxy(i,{get(e,r){if(r==="path")return e.path;if(r==="toString")return e.toString.bind(e);if(r===Symbol.toStringTag)return"Key";if(typeof r=="symbol")return e[r];const s=e.path?`${e.path}.${String(r)}`:String(r);return Pn(new Fn(s))}})}const fr=function(i){return this instanceof fr?Pn(new Fn(i)):new fr(i)};var Wc=Object.defineProperty,Kc=Object.getOwnPropertyDescriptor,Gi=(i,e,r,s)=>{for(var t=s>1?void 0:s?Kc(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Wc(e,r,t),t};const Uo=new fr("exampleProps"),Yc="sonic-example";let gr=class extends Q(A){constructor(){super(...arguments),this.text="Example",this.boundText=""}render(){return w`${this.boundText}`}};Gi([l()],gr.prototype,"text",2);Gi([Vc(Uo.text),Ki(Uo.text),L()],gr.prototype,"boundText",2);gr=Gi([F(Yc)],gr);const Gc={tagName:"sonic-checkbox"},Zc={tagName:"sonic-input",attributes:{type:"date"}},Xc={tagName:"sonic-fieldset",nodes:[{libraryKey:"formLayout"}],contentElementSelector:"sonic-form-layout"},Jc={tagName:"sonic-input",attributes:{variant:"ghost",type:"file"}},Qc={tagName:"sonic-input",attributes:{type:"password"}},eu={tagName:"sonic-radio"},tu={tagName:"sonic-select"},su={tagName:"sonic-textarea"},ru={tagName:"sonic-input",attributes:{type:"text"}},iu={tagName:"sonic-input",attributes:{type:"hidden"}},ou={tagName:"sonic-button"},nu={tagName:"sonic-submit",attributes:{onEnterKey:!0}},au={tagName:"sonic-submit",attributes:{onClick:!0},contentElementSelector:"sonic-button",nodes:[{libraryKey:"button",attributes:{type:"success"},nodes:[{tagName:"sonic-icon",attributes:{name:"check",slot:"prefix"}}]}]},lu={tagName:"sonic-input",attributes:{type:"email"}},cu={tagName:"div",attributes:{class:"form-item-container"}},uu={tagName:"sonic-form-layout"},hu={tagName:"sonic-form-actions"},du={tagName:"sonic-password-helper"},pu={tagName:"sonic-same-value-helper"},mu={tagName:"sonic-divider"},fu={checkbox:Gc,date:Zc,fieldset:Xc,managed_file:Jc,password:Qc,radio:eu,select:tu,textarea:su,textfield:ru,hidden:iu,button:ou,form:nu,submit:au,email:lu,formItemContainer:cu,formLayout:uu,formActions:hu,passwordHelper:du,sameValueHelper:pu,divider:mu};class gu{async transform(e,r){if(this.sduiDescriptor=e,this.sduiDescriptor.library)for(const s in r.library)this.sduiDescriptor.library[s]=r.library[s];for(const s of r.transforms)this.transformAction(s)}transformAction(e){const r=this.getNodesMatchingPatterns(e.patterns,this.sduiDescriptor);this[e.action](e,r)}getNodesMatchingPatterns(e,r){if(!e)return[];if(!r)return[];const s=r.nodes;if(!s)return[];let t=[],o=0;for(const n of e)for(const a of s)this.nodeMatchesPattern(n,a)&&t.push({parent:r,child:a,index:o}),t=t.concat(this.getNodesMatchingPatterns([n],a)),o++;return t}stringMatchesExpression(e,r){return!r||e&&e.match(r)}nodeMatchesPattern(e,r){const s=e,t=r,o=["libraryKey","innerHTML","prefix","suffix","markup"];for(const c of o)if(!this.stringMatchesExpression(t[c],s[c]))return!1;const n=e.attributes,a=r.attributes;if(n&&!a)return!1;if(n){for(const c in n)if(!a||!this.stringMatchesExpression(a[c],n[c]))return!1}return!0}unwrap(e,r){for(const s of r)s.parent.nodes?.splice(s.parent.nodes.indexOf(s.child),1),s.child.nodes&&s.parent.nodes?.splice(s.parent.nodes.indexOf(s.child),0,...s.child.nodes)}wrap(e,r){const s={...e.ui};s.nodes||(s.nodes=[]);let t=0;for(const n of r)s.nodes?.push(n.child),t>0&&n.parent.nodes?.splice(n.parent.nodes.indexOf(n.child),1),t++;const o=r[0]?.parent.nodes?.indexOf(r[0].child);o&&(r[0].parent.nodes?.splice(o,1),r[0].parent.nodes?.splice(o,0,s))}move(e,r){for(const s of r){s.parent.nodes?.splice(s.parent.nodes.indexOf(s.child),1);let t=[];e.after&&(t=this.getNodesMatchingPatterns([e.after],this.sduiDescriptor)),e.before&&(t=this.getNodesMatchingPatterns([e.before],this.sduiDescriptor));const o=t[0];o&&o.parent.nodes?.splice(o.parent.nodes.indexOf(o.child)+(e.after?1:0),0,s.child)}}remap(e,r){for(const s of r){const t={...e.ui};t.attributes||(t.attributes={});const o=s.child.attributes;if(o)for(const d in o)Object.prototype.hasOwnProperty.call(t.attributes,"key")||(t.attributes[d]=o[d]);const n=["libraryKey","innerHTML","prefix","suffix","markup"],a=s.child,c=t;for(const d of n)!Object.prototype.hasOwnProperty.call(t,d)&&a[d]&&(c[d]=a[d]);t.nodes||(t.nodes=[]);const p=s.child.nodes;if(p)for(const d of p)t.nodes.push(d);const b=s.parent.nodes?.indexOf(s.child)||-1;b!=-1&&(s.parent.nodes?.splice(b,1),s.parent.nodes?.splice(b,0,t))}}delete(e,r){for(const s of r)s.parent.nodes?.splice(s.parent.nodes.indexOf(s.child),1)}insert(e,r){const s=e.after?"after":e.before?"before":"in";r=[],e.after?r=this.getNodesMatchingPatterns([e.after],this.sduiDescriptor):e.before?r=this.getNodesMatchingPatterns([e.before],this.sduiDescriptor):e.in&&(r=this.getNodesMatchingPatterns([e.in],this.sduiDescriptor));const t=r[0];t&&(s=="in"?(t.child.nodes||(t.child.nodes=[]),t.child.nodes.push({...e.ui})):t.parent.nodes?.splice(t.parent.nodes.indexOf(t.child)+(s=="after"?1:0),0,{...e.ui}))}}var bu=Object.defineProperty,yu=Object.getOwnPropertyDescriptor,Zi=(i,e,r,s)=>{for(var t=s>1?void 0:s?yu(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&bu(e,r,t),t};const vu="sonic-sdui";let br=class extends dn(st(A)){constructor(){super(...arguments),this.sduiDescriptor={}}connectedCallback(){this.noShadowDom="",this.displayContents=!0,this.isFetchEnabled=this.hasAttribute("fetch"),super.connectedCallback()}willUpdate(i){this.props==null&&(this.sduiDescriptor={});{const e=this.sduiKey?this.props[this.sduiKey]:this.props;if(this.sduiDescriptor==e)return;this.sduiDescriptor=e,this.updateContents()}super.willUpdate(i)}async updateContents(){if(!this.sduiDescriptor)return;const i={};Object.assign(i,fu,this.sduiDescriptor.library),this.sduiDescriptor.library=i,this.loadAssets(),await this.loadLibrary(),await this.transformSDUIDescriptor(),this.parseRootNodes()}removeChildren(){for(;[...this.children].filter(i=>i.nodeName!="SLOT").length>0;)this.removeChild(this.children[0])}loadAssets(){if(this.sduiDescriptor){if(this.sduiDescriptor.js)for(const i of this.sduiDescriptor.js)xt.loadJS(i);if(this.sduiDescriptor.css)for(const i of this.sduiDescriptor.css)xt.loadCSS(i)}}async transformSDUIDescriptor(){if(!this.hasAttribute("transformation"))return;const e=await(await fetch(this.getAttribute("transformation"))).json();await new gu().transform(this.sduiDescriptor,e)}async loadLibrary(){if(!this.hasAttribute("library"))return;const e=await(await fetch(this.getAttribute("library"))).json();this.sduiDescriptor.library=e}parseRootNodes(){if(this.removeChildren(),!this.sduiDescriptor)return;let i=this.sduiDescriptor.nodes;i||(i=[]);const e={tagName:"sonic-toast-message-subscriber",attributes:{}};this.messagesKey&&(e.attributes={subDataProvider:this.messagesKey}),i.push(e),i.forEach(r=>this.appendChild(this.parseChild(r)))}parseChild(i){const e=i.tagName||"div";let{element:r,contentElement:s}=this.handleLibrary(i,e);return this.handleAttributes(i,r),r=this.handleMarkup(i,r),s||(s=r),this.handleChildNodes(i,s,r),this.handleInnerHTML(i,s),i.prefix||i.suffix?this.handlePrefixSuffix(i,r):r}handlePrefixSuffix(i,e){const r=document.createElement("div");return r.innerHTML=(i.prefix||"")+e.outerHTML+(i.suffix||""),r.style.display="contents",r}handleChildNodes(i,e,r){if(i.nodes){const s=i.nodes;for(const t of s){const o=this.parseChild(t);let n=e;t.parentElementSelector&&(n=r.querySelector(t.parentElementSelector)||e),n.shadowRoot?n.shadowRoot.appendChild(o):n.tagName.toLocaleLowerCase()=="template"?n.content.appendChild(o):n.appendChild(o)}}}handleLibrary(i,e){let r,s;if(i.libraryKey&&this.sduiDescriptor.library){r=this.parseChild(this.sduiDescriptor.library[i.libraryKey]||{tagName:"div"});const t=(this.sduiDescriptor.library[i.libraryKey]||{}).contentElementSelector;t&&(s=r.querySelector(t))}else r=document.createElement(e);return{element:r,contentElement:s}}handleAttributes(i,e){const r=i.attributes;for(const s in r){const t=r[s],o=Xe.isObject(t)?JSON.stringify(t):t;e.setAttribute(s,o)}}handleMarkup(i,e){return i.markup&&(e=document.createElement("div"),e.style.display="contents",e.innerHTML=i.markup),e}handleInnerHTML(i,e){if(i.innerHTML)if(i.innerHTML.indexOf("wording_")!=-1){const r=this.getAncestorAttributeValue("wordingProvider");this.api?.post(r,{labels:[i.innerHTML.substring(8)]}).then(s=>{e&&(e.innerHTML+=s)})}else e&&(e.innerHTML+=i.innerHTML)}};Zi([l()],br.prototype,"sduiKey",2);Zi([l()],br.prototype,"messagesKey",2);br=Zi([F(vu)],br);var wu=Object.defineProperty,xu=Object.getOwnPropertyDescriptor,$n=(i,e,r,s)=>{for(var t=s>1?void 0:s?xu(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&wu(e,r,t),t};let yr=class extends st(A){constructor(){super(...arguments),this._composition={},this.listeners=[]}get composition(){return this._composition}set composition(i){this._composition=i,this.updateComposition()}connectedCallback(){super.connectedCallback(),this.updateComposition()}disconnectedCallback(){this.removePublisherListeners(),super.disconnectedCallback()}updateComposition(){this.removePublisherListeners(),this.publisher&&(this.publisher.set({}),this.parseComposition(this.composition,this.publisher))}removePublisherListeners(){const i=this.listeners;this.listeners=[],i.forEach(e=>{this.publisher.offAssign(e.subscriber)})}parseComposition(i,e){if(i)for(const r in i){const s=i[r];if(typeof s=="string"){const t=s.split("."),o=t.shift();if(!o)continue;let n=O.get(o);n=Xe.traverse(n,t);const a={publisher:n,subscriber:c=>{e[r]=c}};this.listeners.push(a),n.onAssign(a.subscriber),e._proxies_.set(r,n)}else{this.publisher[r]={};const t=new $s({},e);e._proxies_.set(r,t);const o={publisher:t,subscriber:n=>{e[r]=n}};this.listeners.push(o),t.onAssign(o.subscriber),this.parseComposition(s,t)}}}render(){return w`<slot></slot>`}};yr.styles=[k`
|
|
1273
1273
|
:host {
|
|
1274
1274
|
display: contents;
|
|
1275
1275
|
}
|
|
1276
|
-
`]
|
|
1277
|
-
><slot name="suffix"></slot>`}};
|
|
1276
|
+
`];$n([l({type:Object})],yr.prototype,"composition",1);yr=$n([F("sonic-mix")],yr);var _u=Object.getOwnPropertyDescriptor,Du=(i,e,r,s)=>{for(var t=s>1?void 0:s?_u(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const Cu="sonic-value";let qo=class extends st(A){connectedCallback(){this.setAttribute("subDataProvider",this.getAttribute("key")),super.connectedCallback()}render(){return typeof this.props=="object"||this.props===void 0?w`<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>`:w`${q(this.props.toString())}<slot name="prefix"></slot><slot></slot
|
|
1277
|
+
><slot name="suffix"></slot>`}};qo=Du([F(Cu)],qo);var Au=Object.defineProperty,Su=Object.getOwnPropertyDescriptor,Xi=(i,e,r,s)=>{for(var t=s>1?void 0:s?Su(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Au(e,r,t),t};const Fu="sonic-t";let vr=class extends A{render(){return this.key?w`${za(this.key,this.unsafeHTML)}`:E}};Xi([l({type:String})],vr.prototype,"key",2);Xi([l({type:Boolean})],vr.prototype,"unsafeHTML",2);vr=Xi([F(Fu)],vr);var Pu=Object.defineProperty,$u=Object.getOwnPropertyDescriptor,Gs=(i,e,r,s)=>{for(var t=s>1?void 0:s?$u(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Pu(e,r,t),t};const ku="sonic-badge";let jt=class extends A{constructor(){super(...arguments),this.type="default",this.variant="default",this.ellipsis=!1}render(){return w`
|
|
1278
1278
|
<slot name="prefix"></slot>
|
|
1279
1279
|
<slot></slot>
|
|
1280
1280
|
<slot name="suffix"></slot>
|
|
1281
|
-
`}};
|
|
1281
|
+
`}};jt.styles=[tt,k`
|
|
1282
1282
|
:host {
|
|
1283
1283
|
--sc-badge-gap: 0.3em;
|
|
1284
1284
|
--sc-badge-py: 0.35em;
|
|
@@ -1418,28 +1418,28 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1418
1418
|
slot[name="prefix"] {
|
|
1419
1419
|
flex-shrink: 0;
|
|
1420
1420
|
}
|
|
1421
|
-
`];
|
|
1421
|
+
`];Gs([l({type:String,reflect:!0})],jt.prototype,"type",2);Gs([l({type:String,reflect:!0})],jt.prototype,"variant",2);Gs([l({type:String,reflect:!0})],jt.prototype,"size",2);Gs([l({type:Boolean,reflect:!0})],jt.prototype,"ellipsis",2);jt=Gs([F(ku)],jt);class Eu{static fixBlankLink(e){const s=typeof require>"u"||typeof process!="object"?null:require("electron");e.target=="_blank"&&e.addEventListener("click",()=>{s?.shell.openExternal(e.href)})}}var Ou=Object.defineProperty,Tu=Object.getOwnPropertyDescriptor,bs=(i,e,r,s)=>{for(var t=s>1?void 0:s?Tu(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Ou(e,r,t),t};const Lu="sonic-link";let Dt=class extends A{constructor(){super(...arguments),this.href="",this._location="",this.ariaLabel=null,this.autoActive="partial",this._target=null,this.pushState=null}get location(){return this._location}set location(i){this._location=i,ce.updateComponentActiveState(this)}connectedCallback(){this.href&&this.href.indexOf("http")!=0&&(ce.onChange(this),this.location=document.location.href.replace(document.location.origin,"")),this.addEventListener("keypress",i=>{i.key==="Enter"&&this.shadowRoot?.querySelector("a")?.click()}),this.setFocusable(),super.connectedCallback()}setFocusable(){this.href?this.setAttribute("tabIndex","0"):this.removeAttribute("tabIndex")}disconnectedCallback(){ce.offChange(this),super.disconnectedCallback()}set target(i){this._target=i,Eu.fixBlankLink(this),this.requestUpdate()}get target(){return this._target}handlePushState(i){i.preventDefault(),ce.changeFromComponent(this)}updated(i){i.has("href")&&this.setFocusable()}render(){return this.href?w`
|
|
1422
1422
|
<a
|
|
1423
1423
|
href="${this.href}"
|
|
1424
1424
|
aria-label=${this.ariaLabel||E}
|
|
1425
|
-
target=${
|
|
1425
|
+
target=${T(this.target)}
|
|
1426
1426
|
@click=${this.pushState?this.handlePushState:null}
|
|
1427
1427
|
>
|
|
1428
1428
|
<slot></slot>
|
|
1429
1429
|
</a>
|
|
1430
|
-
`:w`<slot></slot>`}};
|
|
1430
|
+
`:w`<slot></slot>`}};Dt.styles=[k`
|
|
1431
1431
|
a {
|
|
1432
1432
|
color: inherit;
|
|
1433
1433
|
text-decoration: none;
|
|
1434
1434
|
display: contents;
|
|
1435
1435
|
}
|
|
1436
|
-
`];
|
|
1437
|
-
<progress value=${
|
|
1436
|
+
`];bs([l({type:String})],Dt.prototype,"href",2);bs([l({type:String,attribute:"data-aria-label"})],Dt.prototype,"ariaLabel",2);bs([l({type:String})],Dt.prototype,"autoActive",2);bs([l({type:String})],Dt.prototype,"target",1);bs([l({type:Boolean})],Dt.prototype,"pushState",2);Dt=bs([F(Lu)],Dt);var Iu=Object.defineProperty,Nu=Object.getOwnPropertyDescriptor,ys=(i,e,r,s)=>{for(var t=s>1?void 0:s?Nu(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Iu(e,r,t),t};const Mu="sonic-progress";let Ct=class extends A{constructor(){super(...arguments),this.max=100,this.invert=!1,this.type="default"}render(){return w`
|
|
1437
|
+
<progress value=${T(this.value)} max=${this.max}></progress>
|
|
1438
1438
|
<div class="slot-container">
|
|
1439
1439
|
<slot></slot>
|
|
1440
1440
|
<slot name="remaining"></slot>
|
|
1441
1441
|
</div>
|
|
1442
|
-
`}};
|
|
1442
|
+
`}};Ct.styles=[tt,k`
|
|
1443
1443
|
:host {
|
|
1444
1444
|
--sc-progress-bg: var(
|
|
1445
1445
|
--sc-input-bg,
|
|
@@ -1551,7 +1551,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1551
1551
|
gap: 0.5em;
|
|
1552
1552
|
margin-top: 0.15em;
|
|
1553
1553
|
}
|
|
1554
|
-
`];
|
|
1554
|
+
`];ys([l({type:Number})],Ct.prototype,"value",2);ys([l({type:Number})],Ct.prototype,"max",2);ys([l({type:Boolean})],Ct.prototype,"invert",2);ys([l({type:String,reflect:!0})],Ct.prototype,"type",2);ys([l({type:String,reflect:!0})],Ct.prototype,"size",2);Ct=ys([F(Mu)],Ct);const zu=k`
|
|
1555
1555
|
.password-toggle {
|
|
1556
1556
|
color: var(--sc-input-c);
|
|
1557
1557
|
font-size: var(--sc-input-fs);
|
|
@@ -1562,7 +1562,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1562
1562
|
:host([inlineContent]) .has-suffix .password-toggle {
|
|
1563
1563
|
margin-right: 0;
|
|
1564
1564
|
}
|
|
1565
|
-
`,
|
|
1565
|
+
`,Br=k`
|
|
1566
1566
|
:host {
|
|
1567
1567
|
--sc-label-fs: var(--sc-_fs, 1rem);
|
|
1568
1568
|
--sc-label-fw: var(--sc-label-font-weight, 500);
|
|
@@ -1576,14 +1576,14 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1576
1576
|
margin-bottom: 0.22em;
|
|
1577
1577
|
display: block;
|
|
1578
1578
|
}
|
|
1579
|
-
`,
|
|
1579
|
+
`,Rr=k`
|
|
1580
1580
|
.form-description {
|
|
1581
1581
|
color: var(--sc-base-400, var(--sc-base-content, #000));
|
|
1582
1582
|
font-size: 0.85em;
|
|
1583
1583
|
margin-top: 0.2em;
|
|
1584
1584
|
display: block;
|
|
1585
1585
|
}
|
|
1586
|
-
`,
|
|
1586
|
+
`,Ji=k`
|
|
1587
1587
|
* {
|
|
1588
1588
|
box-sizing: border-box;
|
|
1589
1589
|
}
|
|
@@ -1942,7 +1942,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1942
1942
|
* @license
|
|
1943
1943
|
* Copyright 2018 Google LLC
|
|
1944
1944
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1945
|
-
*/const
|
|
1945
|
+
*/const Qi=$t(class extends ds{constructor(i){if(super(i),i.type!==Wt.ATTRIBUTE||i.name!=="class"||i.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter((e=>i[e])).join(" ")+" "}update(i,[e]){if(this.st===void 0){this.st=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((s=>s!==""))));for(const s in e)e[s]&&!this.nt?.has(s)&&this.st.add(s);return this.render(e)}const r=i.element.classList;for(const s of this.st)s in e||(r.remove(s),this.st.delete(s));for(const s in e){const t=!!e[s];t===this.st.has(s)||this.nt?.has(s)||(t?(r.add(s),this.st.add(s)):(r.remove(s),this.st.delete(s)))}return Ie}});var Bu=Object.defineProperty,Ru=Object.getOwnPropertyDescriptor,Y=(i,e,r,s)=>{for(var t=s>1?void 0:s?Ru(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Bu(e,r,t),t};const ju="sonic-input";let H=class extends Nr(ps(Q(A))){constructor(){super(...arguments),this.readonly=!1,this.inlineContent=!1,this.disableInlineContentFocus=!1,this.showPasswordToggle=!1,this.autoActive=!1,this.active=!1,this.hasDescription=!1,this.hasLabel=!1,this.hasSuffix=!1,this.hasPrefix=!1,this.isPassword=!1}connectedCallback(){if(super.connectedCallback(),this.hasSlotOrProps(),this.hasAttribute("sameValueAs")){this.sameValueAsName=this.getAttribute("sameValueAs"),this.sameValueAsHandle=e=>this.pattern=this.escapeRegExp(e);const i=this.getFormPublisher();if(!i)return;i[this.sameValueAsName].onAssign(this.sameValueAsHandle)}this.type=="password"&&(this.isPassword=!0,this.showPasswordToggle=!0,this.inlineContent=!0)}disconnectedCallback(){if(super.disconnectedCallback(),this.hasAttribute("sameValueAs")&&this.sameValueAsName){const i=this.getFormPublisher();if(!i)return;i[this.sameValueAsName].offAssign(this.sameValueAsHandle)}}escapeRegExp(i){return i.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}willUpdate(i){this.hasSlotOrProps(),this.autoActive&&i.has("value")&&(this.active=!!this.value),super.willUpdate(i)}setSelectionRange(i,e){this.input.setSelectionRange(i,e)}hasSlotOrProps(){this.hasLabel=!!(this.label||this.slotLabelNodes?.length),this.hasDescription=!!(this.description||this.slotDescriptionNodes?.length),this.hasSuffix=!!this.slotSuffixNodes?.length,this.hasPrefix=!!this.slotPrefixNodes?.length}inlineContentFocus(){!this.inlineContent||this.disableInlineContentFocus||this.input?.focus()}handleChange(i){if(!this.hasAttribute("inputDelayMs")){super.handleChange(i);return}this.changeTimeoutId&&clearTimeout(this.changeTimeoutId),this.changeTimeoutId=setTimeout(()=>super.handleChange(i),parseInt(this.getAttribute("inputDelayMs")))}togglePasswordVisibility(i){i.preventDefault(),i.stopPropagation(),this.isPassword=!this.isPassword,this._type=this.isPassword?"password":"text"}render(){const i={"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"no-suffix":!this.hasSuffix,"no-prefix":!this.hasPrefix};return w`
|
|
1946
1946
|
<label for="${this.id||"form-element"}" class="${this.hasLabel?"form-label":"hidden"}"
|
|
1947
1947
|
>${this.label?q(this.label):""}<slot
|
|
1948
1948
|
name="label"
|
|
@@ -1950,13 +1950,13 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1950
1950
|
></slot
|
|
1951
1951
|
></label>
|
|
1952
1952
|
|
|
1953
|
-
<div @click=${this.inlineContentFocus} class="form-control ${
|
|
1953
|
+
<div @click=${this.inlineContentFocus} class="form-control ${Qi(i)}">
|
|
1954
1954
|
<div part="content" class="${this.inlineContent?"form-element form-element-wrapper":"contents"}">
|
|
1955
1955
|
<slot name="prefix" @slotchange=${this.hasSlotOrProps}></slot>
|
|
1956
1956
|
<input
|
|
1957
1957
|
data-form-element
|
|
1958
1958
|
part="input"
|
|
1959
|
-
id=${
|
|
1959
|
+
id=${T(this.id||"form-element")}
|
|
1960
1960
|
part="input"
|
|
1961
1961
|
class="form-element input"
|
|
1962
1962
|
@input=${this.handleChange}
|
|
@@ -1965,21 +1965,21 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
1965
1965
|
?disabled=${this.disabled}
|
|
1966
1966
|
?readonly=${this.readonly}
|
|
1967
1967
|
?autofocus=${this.autofocus}
|
|
1968
|
-
list=${
|
|
1969
|
-
tabindex=${
|
|
1970
|
-
pattern=${
|
|
1971
|
-
min=${
|
|
1972
|
-
max=${
|
|
1973
|
-
step=${
|
|
1974
|
-
inputmode=${
|
|
1975
|
-
src=${
|
|
1976
|
-
minlength=${
|
|
1977
|
-
maxlength=${
|
|
1978
|
-
placeholder=${
|
|
1968
|
+
list=${T(this.list)}
|
|
1969
|
+
tabindex=${T(this.tabindex)}
|
|
1970
|
+
pattern=${T(this.pattern)}
|
|
1971
|
+
min=${T(this.min)}
|
|
1972
|
+
max=${T(this.max)}
|
|
1973
|
+
step=${T(this.step)}
|
|
1974
|
+
inputmode=${T(this.inputmode)}
|
|
1975
|
+
src=${T(this.src)}
|
|
1976
|
+
minlength=${T(this.minlength)}
|
|
1977
|
+
maxlength=${T(this.maxlength)}
|
|
1978
|
+
placeholder=${T(this.placeholder)}
|
|
1979
1979
|
?required=${this.required}
|
|
1980
|
-
autocomplete=${
|
|
1981
|
-
aria-label=${
|
|
1982
|
-
aria-labelledby=${
|
|
1980
|
+
autocomplete=${T(this.autocomplete)}
|
|
1981
|
+
aria-label=${T(this.ariaLabel)}
|
|
1982
|
+
aria-labelledby=${T(this.ariaLabelledby)}
|
|
1983
1983
|
.name=${this.name}
|
|
1984
1984
|
.value=${this.value}
|
|
1985
1985
|
/>
|
|
@@ -2007,7 +2007,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2007
2007
|
>${this.description?w`${q(this.description)}`:E}</slot>
|
|
2008
2008
|
<slot name="list"></slot>
|
|
2009
2009
|
</div>
|
|
2010
|
-
`}};H.styles=[
|
|
2010
|
+
`}};H.styles=[tt,Ji,Br,Rr,zu,k`
|
|
2011
2011
|
:host([type="hidden"]) {
|
|
2012
2012
|
appearance: none !important;
|
|
2013
2013
|
display: none !important;
|
|
@@ -2015,7 +2015,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2015
2015
|
:host > .form-control {
|
|
2016
2016
|
position: relative;
|
|
2017
2017
|
}
|
|
2018
|
-
`];
|
|
2018
|
+
`];Y([l({type:String,reflect:!0})],H.prototype,"size",2);Y([l({type:String})],H.prototype,"inputmode",2);Y([l({type:String})],H.prototype,"list",2);Y([l({type:String})],H.prototype,"placeholder",2);Y([l({type:String})],H.prototype,"pattern",2);Y([l({type:String})],H.prototype,"min",2);Y([l({type:String})],H.prototype,"max",2);Y([l({type:Boolean,reflect:!0})],H.prototype,"readonly",2);Y([l({type:Number})],H.prototype,"step",2);Y([l({type:Number})],H.prototype,"minlength",2);Y([l({type:Number})],H.prototype,"maxlength",2);Y([l({type:String})],H.prototype,"src",2);Y([l({type:Boolean,reflect:!0})],H.prototype,"inlineContent",2);Y([l({type:Boolean})],H.prototype,"disableInlineContentFocus",2);Y([l({type:Boolean})],H.prototype,"showPasswordToggle",2);Y([l({type:Boolean})],H.prototype,"autoActive",2);Y([l({type:Boolean,reflect:!0})],H.prototype,"active",2);Y([De({slot:"label",flatten:!0})],H.prototype,"slotLabelNodes",2);Y([De({slot:"description",flatten:!0})],H.prototype,"slotDescriptionNodes",2);Y([De({slot:"suffix",flatten:!0})],H.prototype,"slotSuffixNodes",2);Y([De({slot:"prefix",flatten:!0})],H.prototype,"slotPrefixNodes",2);Y([et("input")],H.prototype,"input",2);Y([L()],H.prototype,"hasDescription",2);Y([L()],H.prototype,"hasLabel",2);Y([L()],H.prototype,"hasSuffix",2);Y([L()],H.prototype,"hasPrefix",2);Y([L()],H.prototype,"isPassword",2);H=Y([F(ju)],H);const kn=k`
|
|
2019
2019
|
/*OMBRE*/
|
|
2020
2020
|
:host([shadow]) .shadowable,
|
|
2021
2021
|
:host([shadow="md"]) .shadowable,
|
|
@@ -2034,7 +2034,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2034
2034
|
:host([shadow="none"]) .shadowable {
|
|
2035
2035
|
box-shadow: none;
|
|
2036
2036
|
}
|
|
2037
|
-
`;var
|
|
2037
|
+
`;var Uu=Object.defineProperty,qu=Object.getOwnPropertyDescriptor,rt=(i,e,r,s)=>{for(var t=s>1?void 0:s?qu(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Uu(e,r,t),t};const Vu="sonic-pop";let ue=class extends A{constructor(){super(...arguments),this.open=!1,this.noToggle=!1,this.inline=!1,this.manual=!1,this.shadow="lg",this.placement="bottom",this.positioningRuns=!1,this.lastContentX=0,this.lastContentY=0,this.resizeObserver=new ResizeObserver(()=>this.computePosition(this.placement)),this.triggerElement=null,this.ancestorsHavingZIndex=new Set,this._handleKeyDown=i=>{i.key==="Escape"&&this.open&&(i.stopPropagation(),this.hide())}}runPositioningLoop(){this.positioningRuns&&(this.positioningRuns=!0,this.computePosition(this.placement),window.requestAnimationFrame(()=>this.runPositioningLoop()))}toggle(i){if(this.open&&this.noToggle)return;const e=i;i.type=="keydown"&&(e.key!="ArrowDown"||this.open)||(this.open||(this.triggerElement=i.target),this.open=!this.open,this.open?this.show():this.hide())}show(){this.setMaxZindex(),this.popContent?.style?.removeProperty("display"),this.open=!0,this.popContent.setAttribute("tabindex","0"),this.popBtn&&this.popContent&&!this.positioningRuns&&(this.positioningRuns=!0,this.lastContentX=0,this.lastContentY=0,this.runPositioningLoop()),this.dispatchEvent(new CustomEvent("show"))}hide(){this.resetZindexes(),this.open=!1,this.popContent.setAttribute("tabindex","-1"),this.positioningRuns=!1,this.triggerElement&&(this.triggerElement.focus(),this.triggerElement=null),Object.assign(this.popContent.style,{left:`${this.lastContentX}px`,top:`${this.lastContentY}px`}),this.dispatchEvent(new CustomEvent("hide"))}setMaxZindex(){oe.everyAncestors(this,i=>{const e=i;if(!e.className)return!0;if([...e.classList].includes("@container")){const r=e.style;r.zIndex="999999999";const s=getComputedStyle(e);return s.position!=="relative"&&s.position!=="absolute"&&(r.position="relative"),this.ancestorsHavingZIndex.add(i),!1}return!0})}resetZindexes(){this.ancestorsHavingZIndex.forEach(i=>{i.style.removeProperty("position"),i.style.removeProperty("z-index")}),this.ancestorsHavingZIndex.clear()}_handleClosePop(i){const e=i.composedPath(),r=e[0];ue.pops.forEach(s=>{const t=e.includes(s),o=e.includes(s.querySelector('[slot="content"]')),n=oe.getAncestorAttributeValue(r,"data-on-select")==="keep";i.type=="pointerdown"&&t||i.type=="click"&&(t&&n||!o)||s.hide()})}connectedCallback(){super.connectedCallback(),ue.pops.size==0&&(document.addEventListener("pointerdown",this._handleClosePop),document.addEventListener("click",this._handleClosePop),document.addEventListener("keydown",this._handleKeyDown)),ue.pops.add(this)}firstUpdated(i){super.firstUpdated(i),this.resizeObserver.observe(this.popContent)}disconnectedCallback(){this.popContent&&this.resizeObserver.unobserve(this.popContent),super.disconnectedCallback(),ue.pops.delete(this),ue.pops.size==0&&(document.removeEventListener("pointerdown",this._handleClosePop),document.removeEventListener("click",this._handleClosePop),document.removeEventListener("keydown",this._handleKeyDown))}computePosition(i){const e=i.split(" "),r=e[0];let s=e[1];const t=5,o=this.getBoundingClientRect(),a=oe.getScrollableAncestor(this.popContent)?.getBoundingClientRect(),c=Math.max(0,a?.left||0)+t,p=Math.max(0,a?.top||0)+t,b=Math.min(window.innerWidth,a?.right||window.innerWidth)-t,d=Math.min(window.innerHeight,a?.bottom||window.innerHeight)-t,x=o.left,_=o.top;let f=x,m=_,y=this.popContent?.getBoundingClientRect();const D=_-y.height,u=x-y.width,h=x+o.width,g=_+o.height,v=x+(o.width-y.width)*.5,C=_+(o.height-y.height)*.5;switch(r){case"bottom":m=g,s=="center"&&(f=v);break;case"top":m=D,s=="center"&&(f=v);break;case"left":f=u,s=="center"&&(m=C);break;case"right":f=h,s=="center"&&(m=C);break}this.lastContentX+=f-y.x,this.lastContentY+=m-y.y,Object.assign(this.popContent.style,{left:`${this.lastContentX}px`,top:`${this.lastContentY}px`}),y=this.popContent?.getBoundingClientRect(),y.x<c&&r=="left"&&(f=h),y.y<p&&r=="top"&&(m=g),y.x+y.width>b&&r=="right"&&(f=u),y.y+y.height>d&&r=="bottom"&&(m=D),this.lastContentX+=f-y.x,this.lastContentY+=m-y.y,Object.assign(this.popContent.style,{left:`${this.lastContentX}px`,top:`${this.lastContentY}px`}),y=this.popContent?.getBoundingClientRect(),y.x<c&&(this.lastContentX+=c-y.x),y.y<p&&(this.lastContentY+=p-y.y),Object.assign(this.popContent.style,{left:`${this.lastContentX}px`,top:`${this.lastContentY}px`}),y=this.popContent?.getBoundingClientRect(),y.x+y.width>b&&(this.lastContentX+=b-(y.x+y.width)),y.y+y.height>d&&(this.lastContentY+=d-(y.y+y.height)),Object.assign(this.popContent.style,{left:`${this.lastContentX}px`,top:`${this.lastContentY}px`})}render(){return w`
|
|
2038
2038
|
<slot
|
|
2039
2039
|
@click=${this.manual?()=>{}:this.toggle}
|
|
2040
2040
|
@keydown=${this.manual?()=>{}:this.toggle}
|
|
@@ -2080,11 +2080,11 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2080
2080
|
:host([inline]) {
|
|
2081
2081
|
vertical-align: baseline;
|
|
2082
2082
|
}
|
|
2083
|
-
`,
|
|
2083
|
+
`,kn];rt([L()],ue.prototype,"open",2);rt([et("slot:not([name=content])")],ue.prototype,"popBtn",2);rt([et("slot[name=content]")],ue.prototype,"popContent",2);rt([l({type:Boolean})],ue.prototype,"noToggle",2);rt([l({type:Boolean,reflect:!0})],ue.prototype,"inline",2);rt([l({type:Boolean})],ue.prototype,"manual",2);rt([l({type:String,reflect:!0})],ue.prototype,"shadow",2);rt([l({type:String})],ue.prototype,"placement",2);rt([L()],ue.prototype,"triggerElement",2);ue=rt([F(Vu)],ue);var Hu=Object.getOwnPropertyDescriptor,Wu=(i,e,r,s)=>{for(var t=s>1?void 0:s?Hu(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const Ku="sonic-menu-item";let Vo=class extends V{constructor(){super()}connectedCallback(){this.hasAttribute("variant")||(this.variant="ghost"),this.hasAttribute("type")||(this.type="default"),this.hasAttribute("shape")||(this.shape="block");const i=this.shape==="square"||this.shape==="circle";!this.hasAttribute("align")&&!i&&(this.align="left"),super.connectedCallback()}};Vo=Wu([F(Ku)],Vo);/**
|
|
2084
2084
|
* @license
|
|
2085
2085
|
* Copyright 2021 Google LLC
|
|
2086
2086
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2087
|
-
*/class
|
|
2087
|
+
*/class En{constructor(e,{target:r,config:s,callback:t,skipInitial:o}){this.t=new Set,this.o=!1,this.i=!1,this.h=e,r!==null&&this.t.add(r??e),this.l=s,this.o=o??this.o,this.callback=t,window.ResizeObserver?(this.u=new ResizeObserver((n=>{this.handleChanges(n),this.h.requestUpdate()})),e.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(e){this.value=this.callback?.(e,this.u)}hostConnected(){for(const e of this.t)this.observe(e)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(e){this.t.add(e),this.u.observe(e,this.l),this.i=!0,this.h.requestUpdate()}unobserve(e){this.t.delete(e),this.u.unobserve(e)}disconnect(){this.u.disconnect()}}var Yu=Object.defineProperty,Gu=Object.getOwnPropertyDescriptor,Ce=(i,e,r,s)=>{for(var t=s>1?void 0:s?Gu(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Yu(e,r,t),t};let de=class extends Vi(mn(pn(st(A)))){constructor(){super(...arguments),this.size="md",this.placeholder="",this.filteredFields="",this.readonly=null,this.dataProviderExpression="",this.minSearchLength=0,this.key="",this.searchParameter="",this.propertyName="",this.hasInputPrefix=!1,this._resizeController=new En(this,{}),this.isPopVisible=!1,this.searchDataProvider="",this.initSearchDataProvider="",this.queueDataProvider="",this.initQueueDataProvider="",this.lastValidSearch="",this.updateSearchParameter=i=>{if(i==""&&this.isSearchParameter()){this.lastValidSearch="";return}this.queryQueueListItem(this.queueDataProvider,this.findSelection,this.setSearchFromSelection)===!1&&this.isSearchParameter()&&(this.lastValidSearch=i,this.searchPublisher?.set(this.lastValidSearch))},this.updatePopContentVisibility=i=>{this.isPopVisible=(i?.length||0)>=this.minSearchLength},this.initSearchParameter=()=>{this.queryQueueListItem(this.initQueueDataProvider,this.findSelection,this.setSearchFromSelection)},this.selectListItem=i=>{const e=this.propertyName==="_self"?i:i[this.propertyName||this.name];this.formValuePublisher?.set(e)},this.findSearchedItem=i=>(this.propertyName==="_self"?i:i[this.propertyName||this.searchParameter||this.name])==this.searchPublisher?.get(),this.findSelection=i=>(this.propertyName==="_self"?i:i[this.propertyName||this.name])==this.value,this.setSearchFromSelection=i=>{this.lastValidSearch=this.propertyName==="_self"?i:i[this.searchParameter||this.propertyName||this.name],this.isSearchParameter()&&this.searchPublisher?.set(this.lastValidSearch)},this.updateActiveSelection=()=>{this.queryQueueListItem(this.queueDataProvider,this.findSearchedItem,this.selectListItem),!this.select&&this.lastValidSearch&&this.lastValidSearch!=this.searchPublisher?.get()&&this.formValuePublisher?.get()&&this.formValuePublisher?.set("")},this.handleFocusOut=i=>{setTimeout(()=>{const e=document.activeElement;if(!e){this.popElement.hide();return}const r=this.popElement.contains(e)||this.popElement.shadowRoot?.contains(e),s=this.contains(e)||this.shadowRoot?.contains(e);!r&&!s&&this.popElement.hide()},0)}}hasSlotOrProps(){this.hasInputPrefix=!!this.slotInputPrefixNodes?.length}isSearchParameter(){return!this.searchParameter||this.searchParameter===this.name}connectedCallback(){super.connectedCallback();const i=this.searchParameter||this.name,e=this.getAncestorAttributeValue("formDataProvider"),r=e+"__"+this.name+"__autocomplete";this.initSearchDataProvider=`${r}_init_search__`,this.initQueueDataProvider=`${r}_init_queue__`,this.searchDataProvider=`${r}_search__`,this.queueDataProvider=`${r}_queue__`;const s=O.get;this.searchPublisher=s(this.searchDataProvider)[i],this.formValuePublisher=Se(s(e),this.name),this.countPublisher=s(this.queueDataProvider).resultCount,this.initCountPublisher=s(this.initQueueDataProvider).resultCount,this.value&&O.get(this.initSearchDataProvider)[this.name].set(this.value),this.initCountPublisher?.onAssign(this.initSearchParameter),this.formValuePublisher?.onAssign(this.updateSearchParameter),this.countPublisher?.onAssign(this.updateActiveSelection),this.searchPublisher?.onAssign(this.updatePopContentVisibility)}firstUpdated(i){super.firstUpdated(i),this.popElement.addEventListener("focusout",this.handleFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.initCountPublisher?.offAssign(this.initSearchParameter),this.formValuePublisher?.offAssign(this.updateSearchParameter),this.countPublisher?.offAssign(this.updateActiveSelection);const i=O.get;i(this.initSearchDataProvider).delete(),i(this.initQueueDataProvider).delete(),i(this.searchDataProvider).delete(),i(this.queueDataProvider).delete(),this.searchPublisher?.offAssign(this.updatePopContentVisibility),this.popElement.removeEventListener("focusout",this.handleFocusOut)}queryQueueListItem(i,e,r){const s=O.get(i);let t,o=s.get();if(!o||!Array.isArray(o)||!o.length)return!1;for(const n of o){let a=O.get(n.dataProvider).get();if(Array.isArray(a)&&(t=a.find(e),t))break}return t?(r(t),!0):!1}setSelectionRange(i,e){this.querySelector("sonic-input")?.setSelectionRange(i,e)}handleHide(){if(this.select){if(this.searchPublisher?.get()==""){this.lastValidSearch="",this.formValuePublisher?.set("");return}this.searchPublisher?.set(this.lastValidSearch)}}getInputValue(){return this.isSearchParameter()?this.searchPublisher?.get():this.lastValidSearch}handleFocus(){this.popElement.show()}render(){return w`
|
|
2088
2088
|
<sonic-pop manual style="display:block;" @hide=${this.handleHide}>
|
|
2089
2089
|
<sonic-input
|
|
2090
2090
|
class="form-element"
|
|
@@ -2093,18 +2093,18 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2093
2093
|
formDataProvider="${this.searchDataProvider}"
|
|
2094
2094
|
type="search"
|
|
2095
2095
|
data-keyboard-nav="${this.getAttribute("data-keyboard-nav")||""}"
|
|
2096
|
-
label="${
|
|
2097
|
-
description="${
|
|
2098
|
-
name="${
|
|
2096
|
+
label="${T(this.label)}"
|
|
2097
|
+
description="${T(this.description)}"
|
|
2098
|
+
name="${T(this.searchParameter||this.name)}"
|
|
2099
2099
|
?required=${this.required}
|
|
2100
|
-
placeholder="${
|
|
2100
|
+
placeholder="${T(this.placeholder)}"
|
|
2101
2101
|
?readonly="${this.readonly}"
|
|
2102
2102
|
autocomplete="off"
|
|
2103
2103
|
clearable
|
|
2104
2104
|
inlineContent
|
|
2105
2105
|
size=${this.size}
|
|
2106
2106
|
@focus=${this.handleFocus}
|
|
2107
|
-
value=${
|
|
2107
|
+
value=${T(this.getInputValue())}
|
|
2108
2108
|
>
|
|
2109
2109
|
<slot
|
|
2110
2110
|
name="prefix"
|
|
@@ -2149,7 +2149,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2149
2149
|
</sonic-queue>
|
|
2150
2150
|
</sonic-menu>
|
|
2151
2151
|
</sonic-pop>
|
|
2152
|
-
`}};de.styles=[
|
|
2152
|
+
`}};de.styles=[ms,k`
|
|
2153
2153
|
:host {
|
|
2154
2154
|
display: block;
|
|
2155
2155
|
}
|
|
@@ -2170,7 +2170,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2170
2170
|
min-width: 14rem;
|
|
2171
2171
|
width: 100%;
|
|
2172
2172
|
}
|
|
2173
|
-
`];Ce([l({type:String})],de.prototype,"size",2);Ce([l({type:String})],de.prototype,"placeholder",2);Ce([l()],de.prototype,"filteredFields",2);Ce([l({type:Boolean,reflect:!0})],de.prototype,"readonly",2);Ce([l({type:String})],de.prototype,"dataProviderExpression",2);Ce([l({type:Number})],de.prototype,"minSearchLength",2);Ce([l({type:Boolean})],de.prototype,"select",2);Ce([l({type:String})],de.prototype,"key",2);Ce([l({type:String})],de.prototype,"searchParameter",2);Ce([l({type:String})],de.prototype,"propertyName",2);Ce([De({slot:"prefix",flatten:!0})],de.prototype,"slotInputPrefixNodes",2);Ce([
|
|
2173
|
+
`];Ce([l({type:String})],de.prototype,"size",2);Ce([l({type:String})],de.prototype,"placeholder",2);Ce([l()],de.prototype,"filteredFields",2);Ce([l({type:Boolean,reflect:!0})],de.prototype,"readonly",2);Ce([l({type:String})],de.prototype,"dataProviderExpression",2);Ce([l({type:Number})],de.prototype,"minSearchLength",2);Ce([l({type:Boolean})],de.prototype,"select",2);Ce([l({type:String})],de.prototype,"key",2);Ce([l({type:String})],de.prototype,"searchParameter",2);Ce([l({type:String})],de.prototype,"propertyName",2);Ce([De({slot:"prefix",flatten:!0})],de.prototype,"slotInputPrefixNodes",2);Ce([L()],de.prototype,"hasInputPrefix",2);Ce([et("sonic-pop")],de.prototype,"popElement",2);Ce([L()],de.prototype,"isPopVisible",2);Ce([L()],de.prototype,"lastValidSearch",2);de=Ce([F("sonic-input-autocomplete")],de);var Zu=Object.defineProperty,Xu=Object.getOwnPropertyDescriptor,$e=(i,e,r,s)=>{for(var t=s>1?void 0:s?Xu(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Zu(e,r,t),t};const Ju="sonic-password-helper";let ve=class extends st(A){constructor(){super(...arguments),this.minChars=8,this.hasNoChar=!0,this.hasEnoughChars=!1,this.hasMinuscule=!1,this.hasMajuscule=!1,this.hasNumber=!1,this.hasSpecialChar=!1,this.wording_password_helper_decription="Le mot de passe doit contenir au moins :",this.wording_password_helper_min_length="8 caractères",this.wording_password_helper_lower_case="1 minuscule",this.wording_password_helper_upper_case="1 majuscule",this.wording_password_helper_number="1 chiffre",this.wording_password_helper_special_char="1 caractère spécial"}connectedCallback(){super.connectedCallback(),this.name&&(this.checkValue=e=>{e?(this.hasNoChar=e.length==0,this.hasEnoughChars=e.length>this.minChars):(this.hasNoChar=!0,this.hasEnoughChars=!1),this.hasMinuscule=/[a-z]/.test(e),this.hasMajuscule=/[A-Z]/.test(e),this.hasNumber=/[0-9]/.test(e),this.hasSpecialChar=/[!"#$%&'()*+,\-./:;<=>?@[\]^_`{|}~]/.test(e)},O.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].onAssign(this.checkValue))}disconnectedCallback(){this.checkValue&&this.name&&O.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].offAssign(this.checkValue),super.disconnectedCallback()}getIcon(e){return e?w`<sonic-icon library="heroicons" name="face-smile"></sonic-icon>`:w`<sonic-icon library="heroicons" name="x-mark"></sonic-icon>`}render(){return this.hasNoChar?E:w`
|
|
2174
2174
|
<div>${this.wording_password_helper_decription}</div>
|
|
2175
2175
|
<div>
|
|
2176
2176
|
${this.getIcon(this.hasEnoughChars)}
|
|
@@ -2191,11 +2191,11 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2191
2191
|
${this.getIcon(this.hasSpecialChar)}
|
|
2192
2192
|
${this.wording_password_helper_special_char}
|
|
2193
2193
|
</div>
|
|
2194
|
-
`}};$e([l()],
|
|
2194
|
+
`}};$e([l()],ve.prototype,"name",2);$e([l()],ve.prototype,"minChars",2);$e([L()],ve.prototype,"hasNoChar",2);$e([L()],ve.prototype,"hasEnoughChars",2);$e([L()],ve.prototype,"hasMinuscule",2);$e([L()],ve.prototype,"hasMajuscule",2);$e([L()],ve.prototype,"hasNumber",2);$e([L()],ve.prototype,"hasSpecialChar",2);$e([l()],ve.prototype,"wording_password_helper_decription",2);$e([l()],ve.prototype,"wording_password_helper_min_length",2);$e([l()],ve.prototype,"wording_password_helper_lower_case",2);$e([l()],ve.prototype,"wording_password_helper_upper_case",2);$e([l()],ve.prototype,"wording_password_helper_number",2);$e([l()],ve.prototype,"wording_password_helper_special_char",2);ve=$e([F(Ju)],ve);var Qu=Object.defineProperty,eh=Object.getOwnPropertyDescriptor,Kt=(i,e,r,s)=>{for(var t=s>1?void 0:s?eh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Qu(e,r,t),t};const th="sonic-same-value-helper";let At=class extends st(A){constructor(){super(...arguments),this.descriptionWhenEqual="Correspondance : oui",this.descriptionWhenNotEqual="Correspondance : non",this.areEqual=!1,this.hasNoChar=!0}connectedCallback(){super.connectedCallback();const e=O.get(this.getAncestorAttributeValue("formDataProvider"));this.name&&this.sameValueAs&&(this.checkValue=r=>{r?this.hasNoChar=r.length==0:this.hasNoChar=!0,this.name&&this.sameValueAs&&(this.areEqual=Se(e,this.name).get()==Se(e,this.sameValueAs).get())},Se(e,this.name).onAssign(this.checkValue),Se(e,this.sameValueAs).onAssign(this.checkValue))}disconnectedCallback(){if(this.checkValue&&this.name&&this.sameValueAs){const e=O.get(this.getAncestorAttributeValue("formDataProvider"));Se(e,this.name).offAssign(this.checkValue),Se(e,this.sameValueAs).offAssign(this.checkValue)}super.disconnectedCallback()}render(){return this.hasNoChar?E:w`
|
|
2195
2195
|
<span>
|
|
2196
2196
|
${this.areEqual?q(this.descriptionWhenEqual):q(this.descriptionWhenNotEqual)}
|
|
2197
2197
|
</span>
|
|
2198
|
-
`}};
|
|
2198
|
+
`}};Kt([l()],At.prototype,"name",2);Kt([l()],At.prototype,"sameValueAs",2);Kt([l()],At.prototype,"descriptionWhenEqual",2);Kt([l()],At.prototype,"descriptionWhenNotEqual",2);Kt([L()],At.prototype,"areEqual",2);Kt([L()],At.prototype,"hasNoChar",2);At=Kt([F(th)],At);var sh=Object.defineProperty,rh=Object.getOwnPropertyDescriptor,mt=(i,e,r,s)=>{for(var t=s>1?void 0:s?rh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&sh(e,r,t),t};const ih="sonic-checkbox";let Pe=class extends Ui(Nr(ps(Q(A)))){constructor(){super(...arguments),this.touched=!1,this.iconName="check",this.indeterminateIconName="minus-small",this.showAsIndeterminate=!1,this.hasDescription=!1,this.hasLabel=!1}connectedCallback(){this.type="checkbox",this.hasSlotOrProps(),super.connectedCallback()}willUpdate(i){this.hasSlotOrProps(),super.willUpdate(i),i.has("type")&&(this.type="checkbox")}hasSlotOrProps(){this.hasLabel=!!(this.label||this.slotLabelNodes?.length),this.hasDescription=!!(this.description||this.slotDescriptionNodes?.length)}render(){return w`
|
|
2199
2199
|
<label class="checkbox-container ${this.disabled?"disabled":""}">
|
|
2200
2200
|
|
|
2201
2201
|
<span class="icon-container">
|
|
@@ -2206,12 +2206,12 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2206
2206
|
?required=${this.required}
|
|
2207
2207
|
?data-indeterminate=${this.showAsIndeterminate}
|
|
2208
2208
|
?disabled=${this.disabled}
|
|
2209
|
-
.checked=${
|
|
2209
|
+
.checked=${T(this.checked)}
|
|
2210
2210
|
.name=${this.name}
|
|
2211
2211
|
.value=${this.value}
|
|
2212
2212
|
?autofocus=${this.autofocus}
|
|
2213
|
-
aria-label=${
|
|
2214
|
-
aria-labelledby=${
|
|
2213
|
+
aria-label=${T(this.ariaLabel)}
|
|
2214
|
+
aria-labelledby=${T(this.ariaLabelledby)}
|
|
2215
2215
|
/>
|
|
2216
2216
|
<sonic-icon name="${this.checked=="indeterminate"||this.showAsIndeterminate?this.indeterminateIconName:this.iconName}" class="sc-input-icon"></sonic-icon>
|
|
2217
2217
|
</span>
|
|
@@ -2223,7 +2223,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2223
2223
|
</div>
|
|
2224
2224
|
</label>
|
|
2225
2225
|
</label>
|
|
2226
|
-
`}};Pe.styles=[
|
|
2226
|
+
`}};Pe.styles=[tt,k`
|
|
2227
2227
|
:host {
|
|
2228
2228
|
--sc-checkbox-border-width: var(--sc-form-border-width);
|
|
2229
2229
|
--sc-checkbox-border-color: var(
|
|
@@ -2345,7 +2345,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2345
2345
|
.hidden {
|
|
2346
2346
|
display: none;
|
|
2347
2347
|
}
|
|
2348
|
-
`];mt([l({type:Boolean,reflect:!0})],Pe.prototype,"touched",2);mt([l({type:String})],Pe.prototype,"iconName",2);mt([l({type:String})],Pe.prototype,"indeterminateIconName",2);mt([l({type:Boolean})],Pe.prototype,"showAsIndeterminate",2);mt([l({type:Boolean})],Pe.prototype,"hasDescription",2);mt([l({type:Boolean})],Pe.prototype,"hasLabel",2);mt([De({flatten:!0})],Pe.prototype,"slotLabelNodes",2);mt([De({slot:"description",flatten:!0})],Pe.prototype,"slotDescriptionNodes",2);Pe=mt([F(
|
|
2348
|
+
`];mt([l({type:Boolean,reflect:!0})],Pe.prototype,"touched",2);mt([l({type:String})],Pe.prototype,"iconName",2);mt([l({type:String})],Pe.prototype,"indeterminateIconName",2);mt([l({type:Boolean})],Pe.prototype,"showAsIndeterminate",2);mt([l({type:Boolean})],Pe.prototype,"hasDescription",2);mt([l({type:Boolean})],Pe.prototype,"hasLabel",2);mt([De({flatten:!0})],Pe.prototype,"slotLabelNodes",2);mt([De({slot:"description",flatten:!0})],Pe.prototype,"slotDescriptionNodes",2);Pe=mt([F(ih)],Pe);var oh=Object.getOwnPropertyDescriptor,nh=(i,e,r,s)=>{for(var t=s>1?void 0:s?oh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const ah="sonic-radio";let ci=class extends Pe{constructor(){super(),this.radio=!0}willUpdate(i){const e=i.has("type");super.willUpdate(i),e&&(this.type="radio")}connectedCallback(){super.connectedCallback(),this.type="radio"}};ci.styles=[Pe.styles,k`
|
|
2349
2349
|
:host input {
|
|
2350
2350
|
border-radius: 50%;
|
|
2351
2351
|
}
|
|
@@ -2361,7 +2361,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2361
2361
|
width: 0.6em;
|
|
2362
2362
|
width: round(0.6em, 1px);
|
|
2363
2363
|
}
|
|
2364
|
-
`];
|
|
2364
|
+
`];ci=nh([F(ah)],ci);var lh=Object.getOwnPropertyDescriptor,ch=(i,e,r,s)=>{for(var t=s>1?void 0:s?lh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const uh="sonic-switch";let ui=class extends Pe{constructor(){super(),this.unique=!0}};ui.styles=[Pe.styles,k`
|
|
2365
2365
|
sonic-icon {
|
|
2366
2366
|
display: none;
|
|
2367
2367
|
}
|
|
@@ -2426,7 +2426,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2426
2426
|
input + sonic-icon {
|
|
2427
2427
|
display: none;
|
|
2428
2428
|
}
|
|
2429
|
-
`];
|
|
2429
|
+
`];ui=ch([F(uh)],ui);var hh=Object.defineProperty,dh=Object.getOwnPropertyDescriptor,ae=(i,e,r,s)=>{for(var t=s>1?void 0:s?dh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&hh(e,r,t),t};const ph="sonic-select";let se=class extends ps(Q(A)){constructor(){super(...arguments),this.valueKey="value",this.wordingKey="wording",this.multiple=!1,this.status="default",this._options=[],this.hasDoneFirstUpdate=!1,this._value="",this.updateOptions=()=>{const i=this.querySelectorAll("option");i.length>0&&(this.options=Array.from(i).map(e=>({value:e.value,wording:e.text,selected:e.hasAttribute("selected")})))},this.forceAutoFill=!1,this.hasDescription=!1,this.hasLabel=!1,this.hasSuffix=!1,this.hasPrefix=!1}set options(i){this._options=i;for(const r of i)r.selected&&(this.value=r[this.valueKey]||"");!(this.value||this.getAttribute("value"))&&this._options.length>0&&(this.value=this._options[0][this.valueKey]),this.requestUpdate()}get options(){return this._options}firstUpdated(i){this.hasDoneFirstUpdate=!0,super.firstUpdated(i)}set value(i){i==null&&!this.hasDoneFirstUpdate||(i||(i=""),this._value!=i&&(this._value=i,this.updateFormPublisherValue(),this.requestUpdate()))}get value(){return this._value}updateFormPublisherValue(){this.setFormPublisherValue(this.value)}connectedCallback(){super.connectedCallback(),this.hasSlotOrProps(),this.updateOptions()}get description(){return this._description}set description(i){this.hasAttribute("description")&&!this.forceAutoFill&&(i=this.getAttribute("description")),this._description=i,this.requestUpdate()}get label(){return this._label}set label(i){this.hasAttribute("label")&&!this.forceAutoFill&&(i=this.getAttribute("label")),this._label=i,this.requestUpdate()}willUpdate(i){this.hasSlotOrProps(),super.willUpdate(i)}hasSlotOrProps(){this.hasLabel=!!(this.label||this.slotLabelNodes?.length),this.hasDescription=!!(this.description||this.slotDescriptionNodes?.length),this.hasSuffix=!!this.slotSuffixNodes?.length,this.hasPrefix=!!this.slotPrefixNodes?.length}validateFormElement(){const i=this.shadowRoot?.querySelector("select");if(!i||i.checkValidity())return;const e=this.getFormPublisher();e&&(e.isFormValid=!1),i.reportValidity()}render(){const i={"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix};return w`
|
|
2430
2430
|
<label
|
|
2431
2431
|
for="form-element"
|
|
2432
2432
|
class="${this.hasLabel?"form-label":"hidden"}"
|
|
@@ -2436,7 +2436,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2436
2436
|
></slot
|
|
2437
2437
|
></label>
|
|
2438
2438
|
|
|
2439
|
-
<div class="form-control ${
|
|
2439
|
+
<div class="form-control ${Qi(i)}">
|
|
2440
2440
|
<slot name="prefix" @slotchange=${this.hasSlotOrProps}></slot>
|
|
2441
2441
|
<div class="form-select-wrapper">
|
|
2442
2442
|
<select
|
|
@@ -2447,14 +2447,14 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2447
2447
|
?disabled=${this.disabled}
|
|
2448
2448
|
?required=${this.required}
|
|
2449
2449
|
?multiple=${this.multiple}
|
|
2450
|
-
size=${
|
|
2450
|
+
size=${T(this.selectSize)}
|
|
2451
2451
|
?autofocus=${this.autofocus}
|
|
2452
2452
|
.value="${this.value}"
|
|
2453
2453
|
class="form-element"
|
|
2454
|
-
aria-label=${
|
|
2455
|
-
aria-labelledby=${
|
|
2454
|
+
aria-label=${T(this.ariaLabel)}
|
|
2455
|
+
aria-labelledby=${T(this.ariaLabelledby)}
|
|
2456
2456
|
>
|
|
2457
|
-
${
|
|
2457
|
+
${Ir(this.options,e=>e[this.valueKey],e=>{const r=this.value==e[this.valueKey];return w`<option
|
|
2458
2458
|
?selected=${r}
|
|
2459
2459
|
value="${e[this.valueKey]}"
|
|
2460
2460
|
>
|
|
@@ -2477,7 +2477,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2477
2477
|
class="${this.hasDescription?"form-description":"hidden"}"
|
|
2478
2478
|
>${this.description?w`${q(this.description)}`:""}</slot
|
|
2479
2479
|
>
|
|
2480
|
-
`}};se.styles=[
|
|
2480
|
+
`}};se.styles=[tt,Ji,Br,Rr,k`
|
|
2481
2481
|
.form-element {
|
|
2482
2482
|
appearance: none;
|
|
2483
2483
|
white-space: nowrap;
|
|
@@ -2530,7 +2530,7 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2530
2530
|
:host([multiple]) sonic-icon {
|
|
2531
2531
|
display: none !important;
|
|
2532
2532
|
}
|
|
2533
|
-
`];ae([l({type:String})],se.prototype,"valueKey",2);ae([l({type:String})],se.prototype,"wordingKey",2);ae([l({type:Boolean})],se.prototype,"multiple",2);ae([l({type:String,reflect:!0})],se.prototype,"size",2);ae([l({type:Number})],se.prototype,"selectSize",2);ae([l({type:String,reflect:!0})],se.prototype,"status",2);ae([l({type:Array})],se.prototype,"options",1);ae([l({reflect:!0})],se.prototype,"value",1);ae([l({type:Boolean})],se.prototype,"forceAutoFill",2);ae([l()],se.prototype,"description",1);ae([l()],se.prototype,"label",1);ae([De({slot:"label",flatten:!0})],se.prototype,"slotLabelNodes",2);ae([De({slot:"description",flatten:!0})],se.prototype,"slotDescriptionNodes",2);ae([De({slot:"suffix",flatten:!0})],se.prototype,"slotSuffixNodes",2);ae([De({slot:"prefix",flatten:!0})],se.prototype,"slotPrefixNodes",2);ae([
|
|
2533
|
+
`];ae([l({type:String})],se.prototype,"valueKey",2);ae([l({type:String})],se.prototype,"wordingKey",2);ae([l({type:Boolean})],se.prototype,"multiple",2);ae([l({type:String,reflect:!0})],se.prototype,"size",2);ae([l({type:Number})],se.prototype,"selectSize",2);ae([l({type:String,reflect:!0})],se.prototype,"status",2);ae([l({type:Array})],se.prototype,"options",1);ae([l({reflect:!0})],se.prototype,"value",1);ae([l({type:Boolean})],se.prototype,"forceAutoFill",2);ae([l()],se.prototype,"description",1);ae([l()],se.prototype,"label",1);ae([De({slot:"label",flatten:!0})],se.prototype,"slotLabelNodes",2);ae([De({slot:"description",flatten:!0})],se.prototype,"slotDescriptionNodes",2);ae([De({slot:"suffix",flatten:!0})],se.prototype,"slotSuffixNodes",2);ae([De({slot:"prefix",flatten:!0})],se.prototype,"slotPrefixNodes",2);ae([L()],se.prototype,"hasDescription",2);ae([L()],se.prototype,"hasLabel",2);ae([L()],se.prototype,"hasSuffix",2);ae([L()],se.prototype,"hasPrefix",2);se=ae([F(ph)],se);var mh=Object.defineProperty,fh=Object.getOwnPropertyDescriptor,Ee=(i,e,r,s)=>{for(var t=s>1?void 0:s?fh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&mh(e,r,t),t};const gh="sonic-textarea";let we=class extends Nr(ps(Q(A))){constructor(){super(...arguments),this.size="md",this.readonly=!1,this.resize="vertical",this.hasDescription=!1,this.hasLabel=!1}connectedCallback(){super.connectedCallback(),this.hasSlotOrProps()}willUpdate(i){this.hasSlotOrProps(),super.willUpdate(i)}hasSlotOrProps(){this.hasLabel=!!(this.label||this.slotLabelNodes?.length),this.hasDescription=!!(this.description||this.slotDescriptionNodes?.length)}validateFormElement(){const i=this.shadowRoot?.querySelector("textarea");if(!i||i.checkValidity())return;const e=this.getFormPublisher();e&&(e.isFormValid=!1),i.reportValidity()}render(){const i={resize:this.resize};return w`
|
|
2534
2534
|
<label
|
|
2535
2535
|
for="${this.id||"form-element"}"
|
|
2536
2536
|
class="${this.hasLabel?"form-label":"hidden"}"
|
|
@@ -2549,19 +2549,19 @@ var Rn=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var Qp=Rn((pm,Mt)
|
|
|
2549
2549
|
?disabled=${this.disabled}
|
|
2550
2550
|
?required=${this.required}
|
|
2551
2551
|
?autofocus=${this.autofocus}
|
|
2552
|
-
rows=${
|
|
2553
|
-
cols=${
|
|
2554
|
-
maxlength=${
|
|
2555
|
-
minlength=${
|
|
2552
|
+
rows=${T(this.rows)}
|
|
2553
|
+
cols=${T(this.cols)}
|
|
2554
|
+
maxlength=${T(this.maxlength)}
|
|
2555
|
+
minlength=${T(this.minlength)}
|
|
2556
2556
|
?readonly=${this.readonly}
|
|
2557
|
-
spellcheck=${
|
|
2558
|
-
autocomplete=${
|
|
2559
|
-
tabindex=${
|
|
2560
|
-
wrap=${
|
|
2557
|
+
spellcheck=${T(this.spellcheck)}
|
|
2558
|
+
autocomplete=${T(this.autocomplete)}
|
|
2559
|
+
tabindex=${T(this.tabindex)}
|
|
2560
|
+
wrap=${T(this.wrap)}
|
|
2561
2561
|
placeholder="${this.placeholder}"
|
|
2562
2562
|
class="form-element textarea custom-scroll"
|
|
2563
|
-
aria-label=${
|
|
2564
|
-
aria-labelledby=${
|
|
2563
|
+
aria-label=${T(this.ariaLabel)}
|
|
2564
|
+
aria-labelledby=${T(this.ariaLabelledby)}
|
|
2565
2565
|
style=${Fe(i)}
|
|
2566
2566
|
>
|
|
2567
2567
|
${this.value}</textarea
|
|
@@ -2574,12 +2574,12 @@ ${this.value}</textarea
|
|
|
2574
2574
|
class="${this.hasDescription?"form-description":"hidden"}"
|
|
2575
2575
|
>${this.description?w`${q(this.description)}`:""}</slot
|
|
2576
2576
|
>
|
|
2577
|
-
`}};we.styles=[
|
|
2577
|
+
`}};we.styles=[tt,Ji,Br,Rr,ms,k`
|
|
2578
2578
|
textarea {
|
|
2579
2579
|
overflow-y: auto !important;
|
|
2580
2580
|
font-size: inherit;
|
|
2581
2581
|
}
|
|
2582
|
-
`];Ee([l({type:String})],we.prototype,"size",2);Ee([l({type:Number})],we.prototype,"rows",2);Ee([l({type:Number})],we.prototype,"cols",2);Ee([l({type:Number})],we.prototype,"maxlength",2);Ee([l({type:Number})],we.prototype,"minlength",2);Ee([l({type:String})],we.prototype,"wrap",2);Ee([l({type:Boolean})],we.prototype,"readonly",2);Ee([l({type:String})],we.prototype,"placeholder",2);Ee([l({type:String})],we.prototype,"resize",2);Ee([De({slot:"label",flatten:!0})],we.prototype,"slotLabelNodes",2);Ee([De({slot:"description",flatten:!0})],we.prototype,"slotDescriptionNodes",2);Ee([
|
|
2582
|
+
`];Ee([l({type:String})],we.prototype,"size",2);Ee([l({type:Number})],we.prototype,"rows",2);Ee([l({type:Number})],we.prototype,"cols",2);Ee([l({type:Number})],we.prototype,"maxlength",2);Ee([l({type:Number})],we.prototype,"minlength",2);Ee([l({type:String})],we.prototype,"wrap",2);Ee([l({type:Boolean})],we.prototype,"readonly",2);Ee([l({type:String})],we.prototype,"placeholder",2);Ee([l({type:String})],we.prototype,"resize",2);Ee([De({slot:"label",flatten:!0})],we.prototype,"slotLabelNodes",2);Ee([De({slot:"description",flatten:!0})],we.prototype,"slotDescriptionNodes",2);Ee([L()],we.prototype,"hasDescription",2);Ee([L()],we.prototype,"hasLabel",2);we=Ee([F(gh)],we);var bh=Object.getOwnPropertyDescriptor,yh=(i,e,r,s)=>{for(var t=s>1?void 0:s?bh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};let hi=class extends A{render(){return w`<slot></slot>`}};hi.styles=[k`
|
|
2583
2583
|
:host {
|
|
2584
2584
|
font-size: 1.15rem;
|
|
2585
2585
|
line-height: 1.2;
|
|
@@ -2596,12 +2596,12 @@ ${this.value}</textarea
|
|
|
2596
2596
|
font-size: 1rem;
|
|
2597
2597
|
}
|
|
2598
2598
|
}
|
|
2599
|
-
`];
|
|
2599
|
+
`];hi=yh([F("sonic-legend-description")],hi);var vh=Object.defineProperty,wh=Object.getOwnPropertyDescriptor,Yt=(i,e,r,s)=>{for(var t=s>1?void 0:s?wh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&vh(e,r,t),t};const xh="sonic-legend";let dt=class extends A{constructor(){super(...arguments),this.forceAutoFill=!1}get description(){return this._description}set description(i){this.hasAttribute("description")&&!this.forceAutoFill&&(i=this.getAttribute("description")),this._description=i,this.requestUpdate()}get label(){return this._label}set label(i){this.hasAttribute("label")&&!this.forceAutoFill&&(i=this.getAttribute("label")),this._label=i,this.requestUpdate()}render(){return w`<legend part="legend">
|
|
2600
2600
|
${this.iconName?w`<div class="icon">
|
|
2601
2601
|
<sonic-icon
|
|
2602
2602
|
name=${this.iconName}
|
|
2603
|
-
prefix=${
|
|
2604
|
-
library=${
|
|
2603
|
+
prefix=${T(this.iconPrefix)}
|
|
2604
|
+
library=${T(this.iconLibrary)}
|
|
2605
2605
|
></sonic-icon>
|
|
2606
2606
|
</div>`:""}
|
|
2607
2607
|
|
|
@@ -2657,16 +2657,16 @@ ${this.value}</textarea
|
|
|
2657
2657
|
.legend-content {
|
|
2658
2658
|
flex-grow: 1;
|
|
2659
2659
|
}
|
|
2660
|
-
`];Yt([l({type:Boolean})],dt.prototype,"forceAutoFill",2);Yt([l()],dt.prototype,"description",1);Yt([l()],dt.prototype,"label",1);Yt([l({type:String})],dt.prototype,"iconName",2);Yt([l({type:String})],dt.prototype,"iconLibrary",2);Yt([l({type:String})],dt.prototype,"iconPrefix",2);dt=Yt([F(
|
|
2661
|
-
form="${
|
|
2660
|
+
`];Yt([l({type:Boolean})],dt.prototype,"forceAutoFill",2);Yt([l()],dt.prototype,"description",1);Yt([l()],dt.prototype,"label",1);Yt([l({type:String})],dt.prototype,"iconName",2);Yt([l({type:String})],dt.prototype,"iconLibrary",2);Yt([l({type:String})],dt.prototype,"iconPrefix",2);dt=Yt([F(xh)],dt);var _h=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,it=(i,e,r,s)=>{for(var t=s>1?void 0:s?Dh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&_h(e,r,t),t};const Ch="sonic-fieldset";let je=class extends Q(A){constructor(){super(...arguments),this.disabled=!1,this.variant="default"}render(){return w`<fieldset
|
|
2661
|
+
form="${T(this.form)}"
|
|
2662
2662
|
?disabled="${this.disabled}"
|
|
2663
2663
|
>
|
|
2664
2664
|
${this.label?w` <sonic-legend
|
|
2665
|
-
label=${
|
|
2666
|
-
description=${
|
|
2667
|
-
iconName=${
|
|
2668
|
-
iconPrefix=${
|
|
2669
|
-
iconLibrary=${
|
|
2665
|
+
label=${T(this.label)}
|
|
2666
|
+
description=${T(this.description)}
|
|
2667
|
+
iconName=${T(this.iconName)}
|
|
2668
|
+
iconPrefix=${T(this.iconPrefix)}
|
|
2669
|
+
iconLibrary=${T(this.iconLibrary)}
|
|
2670
2670
|
></sonic-legend>`:E}
|
|
2671
2671
|
<slot></slot>
|
|
2672
2672
|
</fieldset>`}};je.styles=[k`
|
|
@@ -2718,9 +2718,9 @@ ${this.value}</textarea
|
|
|
2718
2718
|
::slotted(sonic-legend:last-child) {
|
|
2719
2719
|
margin-bottom: 0;
|
|
2720
2720
|
}
|
|
2721
|
-
`];
|
|
2721
|
+
`];it([l({type:Boolean,reflect:!0})],je.prototype,"disabled",2);it([l({type:String})],je.prototype,"form",2);it([l({type:String})],je.prototype,"label",2);it([l({type:String})],je.prototype,"description",2);it([l({type:String})],je.prototype,"iconName",2);it([l({type:String})],je.prototype,"iconLibrary",2);it([l({type:String})],je.prototype,"iconPrefix",2);it([l({type:Boolean,reflect:!0})],je.prototype,"tight",2);it([l({type:String,reflect:!0})],je.prototype,"variant",2);je=it([F(Ch)],je);var Ah=Object.defineProperty,Sh=Object.getOwnPropertyDescriptor,eo=(i,e,r,s)=>{for(var t=s>1?void 0:s?Sh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Ah(e,r,t),t};const Fh="sonic-form-layout";let Ts=class extends Q(A){constructor(){super(...arguments),this._resizeController=new En(this,{}),this.oneFormElement=!1}onSlotChange(){let i=this.slottedElements;const e=["sonic-input","sonic-select","sonic-input-autocomplete",".form-item-container"];i=i.filter(r=>e.includes(r.nodeName.toLowerCase())),this.oneFormElement=i.length==1}render(){const i={"cq--md":this.offsetWidth>440,"one-form-element":this.oneFormElement};return w`<div class=${Qi(i)}>
|
|
2722
2722
|
<slot @slotchange=${this.onSlotChange}></slot>
|
|
2723
|
-
</div>`}};
|
|
2723
|
+
</div>`}};Ts.styles=[k`
|
|
2724
2724
|
:host {
|
|
2725
2725
|
display: block;
|
|
2726
2726
|
}
|
|
@@ -2755,7 +2755,7 @@ ${this.value}</textarea
|
|
|
2755
2755
|
::slotted(sonic-divider) {
|
|
2756
2756
|
--sc-divider-my: 0;
|
|
2757
2757
|
}
|
|
2758
|
-
`];
|
|
2758
|
+
`];eo([us({flatten:!0})],Ts.prototype,"slottedElements",2);eo([l({type:Boolean})],Ts.prototype,"oneFormElement",2);Ts=eo([F(Fh)],Ts);var Ph=Object.defineProperty,$h=Object.getOwnPropertyDescriptor,to=(i,e,r,s)=>{for(var t=s>1?void 0:s?$h(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Ph(e,r,t),t};const kh="sonic-form-actions";let Ls=class extends A{constructor(){super(...arguments),this.direction="row",this.justify="flex-start"}render(){const i={flexDirection:this.direction,justifyContent:this.justify};return w`<slot style=${Fe(i)}></slot>`}};Ls.styles=[k`
|
|
2759
2759
|
:host {
|
|
2760
2760
|
display: block;
|
|
2761
2761
|
}
|
|
@@ -2764,7 +2764,7 @@ ${this.value}</textarea
|
|
|
2764
2764
|
flex-wrap: wrap;
|
|
2765
2765
|
gap: 0.3rem;
|
|
2766
2766
|
}
|
|
2767
|
-
`];
|
|
2767
|
+
`];to([l({type:String})],Ls.prototype,"direction",2);to([l({type:String})],Ls.prototype,"justify",2);Ls=to([F(kh)],Ls);var Eh=Object.defineProperty,Oh=Object.getOwnPropertyDescriptor,kt=(i,e,r,s)=>{for(var t=s>1?void 0:s?Oh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Eh(e,r,t),t};const Th="sonic-group";let Je=class extends A{constructor(){super(...arguments),this.alignItems="center",this.hasDescription=!1,this.hasLabel=!1}updated(){const i=this.querySelectorAll("sonic-input, sonic-button, sonic-select"),e=i.length;e>1&&i.forEach((r,s)=>{const t=r;s===0?(t.style.setProperty("--sc-item-rounded-tr","0"),t.style.setProperty("--sc-item-rounded-br","0")):s===e-1?(t.style.setProperty("--sc-item-rounded-tl","0"),t.style.setProperty("--sc-item-rounded-bl","0")):(t.style.setProperty("--sc-item-rounded-tr","0"),t.style.setProperty("--sc-item-rounded-br","0"),t.style.setProperty("--sc-item-rounded-tl","0"),t.style.setProperty("--sc-item-rounded-bl","0"))})}connectedCallback(){super.connectedCallback(),this.hasSlotOrProps()}willUpdate(i){this.hasSlotOrProps(),super.willUpdate(i)}hasSlotOrProps(){this.hasLabel=!!(this.label||this.slotLabelNodes?.length),this.hasDescription=!!(this.description||this.slotDescriptionNodes?.length)}render(){const i={alignItems:this.alignItems};return w`<span class="${this.hasLabel?"form-label":"hidden"}"
|
|
2768
2768
|
>${this.label?q(this.label):""}<slot
|
|
2769
2769
|
name="label"
|
|
2770
2770
|
@slotchange=${this.hasSlotOrProps}
|
|
@@ -2777,7 +2777,7 @@ ${this.value}</textarea
|
|
|
2777
2777
|
class="${this.hasDescription?"form-description":"hidden"}"
|
|
2778
2778
|
>
|
|
2779
2779
|
${this.description?w`${q(this.description)}`:""}
|
|
2780
|
-
</slot>`}};
|
|
2780
|
+
</slot>`}};Je.styles=[tt,Br,Rr,k`
|
|
2781
2781
|
:host {
|
|
2782
2782
|
display: inline-block;
|
|
2783
2783
|
vertical-align: middle;
|
|
@@ -2797,7 +2797,7 @@ ${this.value}</textarea
|
|
|
2797
2797
|
::slotted(sonic-select) {
|
|
2798
2798
|
flex-grow: 1;
|
|
2799
2799
|
}
|
|
2800
|
-
`]
|
|
2800
|
+
`];kt([l({type:String})],Je.prototype,"alignItems",2);kt([l({type:String})],Je.prototype,"label",2);kt([l({type:String})],Je.prototype,"description",2);kt([De({slot:"label",flatten:!0})],Je.prototype,"slotLabelNodes",2);kt([De({slot:"description",flatten:!0})],Je.prototype,"slotDescriptionNodes",2);kt([L()],Je.prototype,"hasDescription",2);kt([L()],Je.prototype,"hasLabel",2);Je=kt([F(Th)],Je);var Lh=Object.defineProperty,Ih=Object.getOwnPropertyDescriptor,ot=(i,e,r,s)=>{for(var t=s>1?void 0:s?Ih(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Lh(e,r,t),t};const Nh="sonic-image";let Ue=class extends A{constructor(){super(...arguments),this.rounded="none",this.src="",this.alt="",this.loading="lazy",this.ratio="auto",this.objectPosition="center center",this.imageRendering="auto",this.cover=!1}firstUpdated(i){if(this.transition){const e=this.shadowRoot?.querySelector("img");if(!e)return;e.onload=function(){e.classList.add("loaded")}}super.firstUpdated(i)}render(){const i={aspectRatio:this.cover?"auto":this.ratio,imageRendering:this.imageRendering,objectPosition:this.objectPosition};return w`<div part="image">
|
|
2801
2801
|
<picture part="picture"
|
|
2802
2802
|
><img
|
|
2803
2803
|
part="img"
|
|
@@ -2880,7 +2880,7 @@ ${this.value}</textarea
|
|
|
2880
2880
|
opacity: 1;
|
|
2881
2881
|
scale: 1;
|
|
2882
2882
|
}
|
|
2883
|
-
`];
|
|
2883
|
+
`];ot([l({type:String})],Ue.prototype,"rounded",2);ot([l({type:String})],Ue.prototype,"src",2);ot([l({type:String})],Ue.prototype,"alt",2);ot([l({type:String})],Ue.prototype,"loading",2);ot([l({type:String,reflect:!0})],Ue.prototype,"transition",2);ot([l({type:String})],Ue.prototype,"ratio",2);ot([l({type:String})],Ue.prototype,"objectPosition",2);ot([l({type:String})],Ue.prototype,"imageRendering",2);ot([l({type:Boolean,reflect:!0})],Ue.prototype,"cover",2);Ue=ot([F(Nh)],Ue);var Mh=Object.defineProperty,zh=Object.getOwnPropertyDescriptor,Oe=(i,e,r,s)=>{for(var t=s>1?void 0:s?zh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Mh(e,r,t),t};const Bh="sonic-menu";let xe=class extends A{constructor(){super(...arguments),this.direction="column",this.gap="var(--sc-menu-gap)",this.align="left",this.shadow=null,this.moreShape="circle",this.scrollable=!1,this.observer=null,this.attributeObserver=null,this.minWidth="0",this.hasMoreElements=!1,this.handleScrollEnd=()=>{this.setScrollShadow(this.menuContent,this.direction)},this.updateIsScollable=()=>{this.scrollable&&(this.initScrollable(),this.setScrollShadow(this.menuContent,this.direction))}}checkIfMore(){this.hasMoreElements=!!this.moreElements?.length}moreSlotChange(){this.checkIfMore(),this.updateIsScollable()}updated(i){const e=this.querySelector(".more-btn");this.size&&e&&e.setAttribute("size",this.size),super.updated(i)}setDividersSize(i){i.forEach(e=>{e.setAttribute("size","sm"),this.direction=="row"?e.style.setProperty("margin","0 .1rem "):e.style.setProperty("margin"," 0.1rem 0")})}mainSlotChange(){this.setChildrenSize(this.menuChildren),this.setDividersSize(this.menuChildren),this.updateIsScollable(),this.updateScrollPosition(),this.observeMenuItemsAttributes()}observeMenuItemsAttributes(){this.attributeObserver?.disconnect(),this.attributeObserver=new MutationObserver(()=>{this.updateScrollPosition()}),this.menuChildren.forEach(i=>{this.attributeObserver.observe(i,{attributes:!0,attributeFilter:["active"]})})}updateScrollPosition(){if(this.scrollable){const i=this.menuChildren.filter(e=>e.hasAttribute("active")&&e.getAttribute("active")!=="false");i.length===1&&requestAnimationFrame(()=>{i[0].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})})}}connectedCallback(){this.observer=new ResizeObserver(this.updateIsScollable),this.observer.observe(this),super.connectedCallback()}firstUpdated(i){this.menuContent.addEventListener("scrollend",this.handleScrollEnd)}disconnectedCallback(){this.observer?.disconnect(),this.attributeObserver?.disconnect(),this.menuContent.removeEventListener("scrollend",this.handleScrollEnd),super.disconnectedCallback()}initScrollable(){let i=!1,e,r;this.scrollable&&(this.addEventListener("mousedown",s=>{i=!0,this.classList.add("active"),e=s.pageX-this.menuContent.offsetLeft,r=this.menuContent.scrollLeft}),this.addEventListener("mouseleave",()=>{i=!1,this.classList.remove("active")}),this.addEventListener("mouseup",()=>{i=!1,this.classList.remove("active")}),this.addEventListener("mousemove",s=>{if(!i)return;s.preventDefault();const o=(s.pageX-this.menuContent.offsetLeft-e)*1.5;this.menuContent.scrollLeft=r-o,this.setScrollShadow(this.menuContent,this.direction)}),this.addEventListener("scroll",s=>{s.preventDefault(),this.setScrollShadow(this.menuContent,this.direction)}))}setScrollShadow(i,e){e=="row"?(i.scrollLeft>0?this.classList.add("shadow-left"):this.classList.remove("shadow-left"),i.scrollLeft<i.scrollWidth-i.offsetWidth?this.classList.add("shadow-right"):this.classList.remove("shadow-right")):e=="column"&&(i.scrollTop>0?this.classList.add("shadow-top"):this.classList.remove("shadow-top"),i.scrollTop<i.scrollHeight-(i.offsetHeight+1)?this.classList.add("shadow-bottom"):this.classList.remove("shadow-bottom"))}setChildrenSize(i){i.forEach(e=>{this.size&&e.setAttribute("size",this.size),this.align&&e.getAttribute("shape")!="square"&&e.getAttribute("shape")!="circle"&&e.setAttribute("align",this.align),this.direction=="row"&&e.getAttribute("shape")=="block"&&e.setAttribute("shape","default")})}render(){const i={minWidth:this.minWidth,flexDirection:this.direction},e=this.direction=="row",r={gap:this.gap,flexDirection:this.direction},s={display:"block",alignSelf:e?"center":"flex-start",justifySelf:"center",flexDirection:this.direction},t={marginLeft:e?"":".55em"};return w`<menu
|
|
2884
2884
|
part="menu"
|
|
2885
2885
|
class="shadowable"
|
|
2886
2886
|
style=${Fe(i)}
|
|
@@ -3039,27 +3039,27 @@ ${this.value}</textarea
|
|
|
3039
3039
|
rgba(0, 0, 0, 0) 100%
|
|
3040
3040
|
);
|
|
3041
3041
|
}
|
|
3042
|
-
`,
|
|
3042
|
+
`,kn];Oe([l({type:String,reflect:!0})],xe.prototype,"size",2);Oe([l({type:String,reflect:!0})],xe.prototype,"direction",2);Oe([l({type:String})],xe.prototype,"gap",2);Oe([l({type:String,reflect:!0})],xe.prototype,"align",2);Oe([l({type:String,reflect:!0})],xe.prototype,"shadow",2);Oe([l({type:String})],xe.prototype,"moreShape",2);Oe([l({type:Boolean})],xe.prototype,"scrollable",2);Oe([l({type:String})],xe.prototype,"minWidth",2);Oe([et("menu")],xe.prototype,"menu",2);Oe([et("#menu-content")],xe.prototype,"menuContent",2);Oe([us({selector:"*"})],xe.prototype,"menuChildren",2);Oe([us({slot:"more",selector:"*"})],xe.prototype,"moreElements",2);Oe([L()],xe.prototype,"hasMoreElements",2);xe=Oe([F(Bh)],xe);var Rh=Object.defineProperty,jh=Object.getOwnPropertyDescriptor,On=(i,e,r,s)=>{for(var t=s>1?void 0:s?jh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Rh(e,r,t),t};const Uh="sonic-modal-actions";let wr=class extends A{firstUpdated(i){this.buttons?.forEach(e=>{e.hasAttribute("hideModal")&&e.addEventListener("click",()=>{xt.getClosestElement(this,"sonic-modal")?.hide()})}),super.firstUpdated(i)}render(){return w`<slot></slot>`}};wr.styles=[k`
|
|
3043
3043
|
:host {
|
|
3044
3044
|
display: flex;
|
|
3045
3045
|
gap: 0.5rem;
|
|
3046
3046
|
margin-top: auto;
|
|
3047
3047
|
padding-top: 1.5rem;
|
|
3048
3048
|
}
|
|
3049
|
-
`];
|
|
3049
|
+
`];On([us({selector:"sonic-button"})],wr.prototype,"buttons",2);wr=On([F(Uh)],wr);var qh=Object.defineProperty,Vh=Object.getOwnPropertyDescriptor,jr=(i,e,r,s)=>{for(var t=s>1?void 0:s?Vh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&qh(e,r,t),t};const Hh="sonic-modal-close";let Is=class extends A{constructor(){super(...arguments),this.translation={fr:"Fermer la fenêtre",en:"Close window",de:"Fenster schließen",nl:"Venster sluiten",es:"Cerrar"}}connectedCallback(){super.connectedCallback(),this.lang=document.documentElement.lang?.split("-")[0]??"fr"}render(){return w`<sonic-button
|
|
3050
3050
|
noAutoFill
|
|
3051
3051
|
data-aria-label=${this.translation[this.lang]}
|
|
3052
|
-
reset=${
|
|
3052
|
+
reset=${T(this.reset)}
|
|
3053
3053
|
shape="circle"
|
|
3054
3054
|
@click=${this.handleClick}
|
|
3055
|
-
type=${
|
|
3055
|
+
type=${T(this.type)}
|
|
3056
3056
|
><sonic-icon name="cancel" size="lg"></sonic-icon
|
|
3057
|
-
></sonic-button>`}handleClick(){oe.getClosestElement(this,"sonic-modal").hide()}};
|
|
3057
|
+
></sonic-button>`}handleClick(){oe.getClosestElement(this,"sonic-modal").hide()}};jr([l()],Is.prototype,"translation",2);jr([l()],Is.prototype,"reset",2);jr([l()],Is.prototype,"type",2);Is=jr([F(Hh)],Is);var Wh=Object.getOwnPropertyDescriptor,Kh=(i,e,r,s)=>{for(var t=s>1?void 0:s?Wh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const Yh="sonic-modal-content";let di=class extends A{render(){return w`<slot></slot>`}};di.styles=[k`
|
|
3058
3058
|
:host {
|
|
3059
3059
|
display: block;
|
|
3060
3060
|
width: 100%;
|
|
3061
3061
|
}
|
|
3062
|
-
`];
|
|
3062
|
+
`];di=Kh([F(Yh)],di);var Gh=Object.getOwnPropertyDescriptor,Zh=(i,e,r,s)=>{for(var t=s>1?void 0:s?Gh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const Xh="sonic-modal-subtitle";let pi=class extends A{render(){return w`<slot></slot>`}};pi.styles=[k`
|
|
3063
3063
|
:host {
|
|
3064
3064
|
font-size: 1.25rem;
|
|
3065
3065
|
display: block;
|
|
@@ -3071,7 +3071,7 @@ ${this.value}</textarea
|
|
|
3071
3071
|
font-weight: var(--sc-headings-font-weight, 700);
|
|
3072
3072
|
font-style: var(--sc-headings-font-style, normal);
|
|
3073
3073
|
}
|
|
3074
|
-
`];
|
|
3074
|
+
`];pi=Zh([F(Xh)],pi);var Jh=Object.getOwnPropertyDescriptor,Qh=(i,e,r,s)=>{for(var t=s>1?void 0:s?Jh(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const ed="sonic-modal-title";let mi=class extends A{render(){return w`<slot></slot>`}};mi.styles=[k`
|
|
3075
3075
|
:host {
|
|
3076
3076
|
font-weight: bold;
|
|
3077
3077
|
font-size: 1.5rem;
|
|
@@ -3084,7 +3084,7 @@ ${this.value}</textarea
|
|
|
3084
3084
|
font-weight: var(--sc-headings-font-weight, 700);
|
|
3085
3085
|
font-style: var(--sc-headings-font-style, normal);
|
|
3086
3086
|
}
|
|
3087
|
-
`];
|
|
3087
|
+
`];mi=Qh([F(ed)],mi);var td=Object.defineProperty,sd=Object.getOwnPropertyDescriptor,ie=(i,e,r,s)=>{for(var t=s>1?void 0:s?sd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&td(e,r,t),t};const Tn="sonic-modal";let U=class extends Q(A){constructor(){super(...arguments),this.forceAction=!1,this.noCloseButton=!1,this.removeOnHide=!1,this.removeHashOnHide=!1,this.align="left",this.maxWidth="min(100vw, 40rem)",this.maxHeight="90vh",this.width="100%",this.height="fit-content",this.effect="slide",this.fullScreen=!1,this.visible=!1,this.closeOnLocationChange=!1,this.location="",this._animationState="hidden",this._animationConfig={quartOut:"cubic-bezier(0.165, 0.84, 0.44, 1)",quadOut:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",linear:"linear",translateY:"translateY(2.5rem)",durationIn:300,durationOut:300}}static create(i){const e=document.createElement(Tn);return e.options=i,i.removeHashOnHide===!0&&e.setAttribute("removeHashOnHide","true"),i.removeOnHide===!0&&e.setAttribute("removeOnHide","true"),i.closeOnLocationChange===!0&&e.setAttribute("closeOnLocationChange","true"),i.maxWidth&&(e.maxWidth=i?.maxWidth),i.width&&(e.width=i?.width),i.maxHeight&&(e.maxHeight=i?.maxHeight),i.height&&(e.height=i?.height),i.forceAction&&(e.forceAction=!0),i.fullScreen&&(e.fullScreen=i?.fullScreen),i.effect&&(e.effect=i?.effect),i.noCloseButton&&(e.noCloseButton=!0),i.closeButtonType&&(e.closeButtonType=i?.closeButtonType),i.paddingX&&(e.paddingX=i?.paddingX),i.paddingY&&(e.paddingY=i?.paddingY),i.zIndex&&(e.zIndex=i?.zIndex),Le.getPopContainer().appendChild(e),e.updateComplete.then(()=>{e.show()}),e}connectedCallback(){U.modals.push(this),ce.onChange(this),super.connectedCallback()}disconnectedCallback(){ce.offChange(this),U.modals.splice(U.modals.indexOf(this),1),this.removeEventListener("keydown",this.handleEscape),super.disconnectedCallback()}firstUpdated(){this.addEventListener("keydown",this.handleEscape)}willUpdate(i){if(this.closeOnLocationChange&&i.has("location")){const e=i.get("location");e&&this.location&&this.location!==e&&setTimeout(()=>{this.hide()},50)}i.has("zIndex")&&this.style.setProperty("--sc_z-index",this.zIndex||"990"),i.has("paddingX")&&this.style.setProperty("--sc-modal-px",this.paddingX||""),i.has("paddingY")&&this.style.setProperty("--sc-modal-py",this.paddingY||""),super.willUpdate(i)}updated(i){const e=!i.get("visible")&&this.visible,r=i.get("visible")&&!this.visible;e&&this._animationState==="hidden"?this.show():r&&this._animationState==="visible"&&this.hide()}handleOverlayClick(i){!this.forceAction&&this._animationState==="visible"&&this.hide()}render(){const i={maxWidth:this.maxWidth,maxHeight:this.maxHeight,width:this.width,height:this.height,pointerEvents:this._animationState!=="hidden"?"auto":"none"},e={display:this.fullScreen?"none":"block",pointerEvents:this._animationState==="visible"?"auto":"none"};return w`
|
|
3088
3088
|
<div
|
|
3089
3089
|
id="backdrop"
|
|
3090
3090
|
@click=${this.handleOverlayClick}
|
|
@@ -3100,14 +3100,14 @@ ${this.value}</textarea
|
|
|
3100
3100
|
${this._animationState!=="hidden"?w`<div id="modal-content">
|
|
3101
3101
|
${!this.forceAction&&!this.noCloseButton?w`<sonic-modal-close
|
|
3102
3102
|
class="${this._animationState=="visible"?"animate-in":"animate-out"}"
|
|
3103
|
-
type=${
|
|
3103
|
+
type=${T(this.closeButtonType)}
|
|
3104
3104
|
></sonic-modal-close>`:E}
|
|
3105
3105
|
${this.modalFragment("title")} ${this.modalFragment("subtitle")}
|
|
3106
3106
|
${this.modalFragment("content")} ${this.modalFragment("actions")}
|
|
3107
3107
|
<slot></slot>
|
|
3108
3108
|
</div>`:E}
|
|
3109
3109
|
</dialog>
|
|
3110
|
-
`}modalFragment(i){const e=this.options?.[i];if(!e)return E;let r;switch(e instanceof Object?r=e:r=q(e),i){case"title":return w`<sonic-modal-title>${r}</sonic-modal-title>`;case"subtitle":return w`<sonic-modal-subtitle>${r}</sonic-modal-subtitle>`;case"content":return w`<sonic-modal-content>${r}</sonic-modal-content>`;case"actions":return w`<sonic-modal-actions>${r}</sonic-modal-actions>`;default:return E}}async show(){this._modalElement.show(),this._animationState="in",await this.animation("in"),this._animationState="visible",this.visible=!0,this.dispatchEvent(new CustomEvent("show")),this._modalElement.focus()}async hide(){this._animationState="out",this.dispatchEvent(new CustomEvent("hide")),await this.animation("out"),this._modalElement.close(),this._animationState="hidden",this.visible=!1,this.hasAttribute("resetDataProviderOnHide")&&O.get(this.getAttribute("resetDataProviderOnHide")).set({}),this.removeHashOnHide&&window.history.replaceState({},"",window.location.pathname),this.removeOnHide&&this.remove(),this.dispatchEvent(new CustomEvent("hidden"))}async dispose(){await this.hide(),this.remove()}static disposeAll(){U.modals.forEach(i=>{i.dispose()})}handleEscape(i){if(i.key==="Escape"){i.preventDefault();const e=U.modals.filter(r=>r._animationState!=="hidden"&&!r.forceAction);e.length>0&&e[e.length-1].hide()}}animation(i){return new Promise(e=>{const{quartOut:r,linear:s,translateY:t,durationIn:o,durationOut:n,quadOut:a}=this._animationConfig,c=this._modalElement;if(!c)return e();const p=i==="in",b=p?o:n,d=!this.fullScreen&&p?100:0;this.fullScreen||(p?this.style.setProperty("--sc_backdrop-opacity","0.8"):setTimeout(()=>{this.style.setProperty("--sc_backdrop-opacity","0")},150));const x=[];this.effect==="slide"&&(x.push(c.animate([{transform:p?t:"translateY(0)"},{transform:p?"translateY(0)":t}],{duration:b,easing:p?r:a,fill:"both",delay:d})),x.push(c.animate([{opacity:p?0:1},{opacity:p?1:0}],{duration:b,easing:s,fill:"both",delay:d}))),Promise.all(x.map(_=>_.finished)).then(()=>e())})}};U.styles=[
|
|
3110
|
+
`}modalFragment(i){const e=this.options?.[i];if(!e)return E;let r;switch(e instanceof Object?r=e:r=q(e),i){case"title":return w`<sonic-modal-title>${r}</sonic-modal-title>`;case"subtitle":return w`<sonic-modal-subtitle>${r}</sonic-modal-subtitle>`;case"content":return w`<sonic-modal-content>${r}</sonic-modal-content>`;case"actions":return w`<sonic-modal-actions>${r}</sonic-modal-actions>`;default:return E}}async show(){this._modalElement.show(),this._animationState="in",await this.animation("in"),this._animationState="visible",this.visible=!0,this.dispatchEvent(new CustomEvent("show")),this._modalElement.focus()}async hide(){this._animationState="out",this.dispatchEvent(new CustomEvent("hide")),await this.animation("out"),this._modalElement.close(),this._animationState="hidden",this.visible=!1,this.hasAttribute("resetDataProviderOnHide")&&O.get(this.getAttribute("resetDataProviderOnHide")).set({}),this.removeHashOnHide&&window.history.replaceState({},"",window.location.pathname),this.removeOnHide&&this.remove(),this.dispatchEvent(new CustomEvent("hidden"))}async dispose(){await this.hide(),this.remove()}static disposeAll(){U.modals.forEach(i=>{i.dispose()})}handleEscape(i){if(i.key==="Escape"){i.preventDefault();const e=U.modals.filter(r=>r._animationState!=="hidden"&&!r.forceAction);e.length>0&&e[e.length-1].hide()}}animation(i){return new Promise(e=>{const{quartOut:r,linear:s,translateY:t,durationIn:o,durationOut:n,quadOut:a}=this._animationConfig,c=this._modalElement;if(!c)return e();const p=i==="in",b=p?o:n,d=!this.fullScreen&&p?100:0;this.fullScreen||(p?this.style.setProperty("--sc_backdrop-opacity","0.8"):setTimeout(()=>{this.style.setProperty("--sc_backdrop-opacity","0")},150));const x=[];this.effect==="slide"&&(x.push(c.animate([{transform:p?t:"translateY(0)"},{transform:p?"translateY(0)":t}],{duration:b,easing:p?r:a,fill:"both",delay:d})),x.push(c.animate([{opacity:p?0:1},{opacity:p?1:0}],{duration:b,easing:s,fill:"both",delay:d}))),Promise.all(x.map(_=>_.finished)).then(()=>e())})}};U.styles=[ms,k`
|
|
3111
3111
|
:host {
|
|
3112
3112
|
--sc-modal-py: 2.5rem;
|
|
3113
3113
|
--sc-modal-px: 1.5rem;
|
|
@@ -3257,10 +3257,10 @@ ${this.value}</textarea
|
|
|
3257
3257
|
transform: scale(0) !important;
|
|
3258
3258
|
transition: 0.2s linear !important;
|
|
3259
3259
|
}
|
|
3260
|
-
`];U.modals=[];ie([l({type:Boolean})],U.prototype,"forceAction",2);ie([l({type:Boolean})],U.prototype,"noCloseButton",2);ie([l({type:Boolean})],U.prototype,"removeOnHide",2);ie([l({type:Boolean})],U.prototype,"removeHashOnHide",2);ie([l({type:String,reflect:!0})],U.prototype,"align",2);ie([l({type:String})],U.prototype,"paddingX",2);ie([l({type:String})],U.prototype,"paddingY",2);ie([l({type:String})],U.prototype,"maxWidth",2);ie([l({type:String})],U.prototype,"maxHeight",2);ie([l({type:String})],U.prototype,"zIndex",2);ie([l({type:String})],U.prototype,"width",2);ie([l({type:String})],U.prototype,"height",2);ie([l({type:String})],U.prototype,"effect",2);ie([l({type:Object})],U.prototype,"options",2);ie([l({type:Boolean,reflect:!0})],U.prototype,"fullScreen",2);ie([l({type:Boolean,reflect:!0})],U.prototype,"visible",2);ie([l({type:String})],U.prototype,"closeButtonType",2);ie([
|
|
3260
|
+
`];U.modals=[];ie([l({type:Boolean})],U.prototype,"forceAction",2);ie([l({type:Boolean})],U.prototype,"noCloseButton",2);ie([l({type:Boolean})],U.prototype,"removeOnHide",2);ie([l({type:Boolean})],U.prototype,"removeHashOnHide",2);ie([l({type:String,reflect:!0})],U.prototype,"align",2);ie([l({type:String})],U.prototype,"paddingX",2);ie([l({type:String})],U.prototype,"paddingY",2);ie([l({type:String})],U.prototype,"maxWidth",2);ie([l({type:String})],U.prototype,"maxHeight",2);ie([l({type:String})],U.prototype,"zIndex",2);ie([l({type:String})],U.prototype,"width",2);ie([l({type:String})],U.prototype,"height",2);ie([l({type:String})],U.prototype,"effect",2);ie([l({type:Object})],U.prototype,"options",2);ie([l({type:Boolean,reflect:!0})],U.prototype,"fullScreen",2);ie([l({type:Boolean,reflect:!0})],U.prototype,"visible",2);ie([l({type:String})],U.prototype,"closeButtonType",2);ie([et("#modal")],U.prototype,"_modalElement",2);ie([l({type:Boolean})],U.prototype,"closeOnLocationChange",2);ie([L()],U.prototype,"location",2);ie([L()],U.prototype,"_animationState",2);U=ie([F(Tn)],U);typeof window<"u"&&(window.SonicModal=U);var rd=Object.defineProperty,id=Object.getOwnPropertyDescriptor,nt=(i,e,r,s)=>{for(var t=s>1?void 0:s?id(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&rd(e,r,t),t};const od={warning:"warning-circled-outline",success:"check-circled-outline",error:"warning-circled-outline",info:"info-empty",default:"info-empty"},nd="sonic-alert";let qe=class extends A{constructor(){super(...arguments),this.label="",this.noIcon=!1,this.text="",this.id=new Date().getTime().toString(),this.dismissible=!1,this.background=!1,this.status="default",this.dismissForever=!1}connectedCallback(){if(this.dismissForever){const i=localStorage.getItem("sonic-alert-dismissed")||"{}";JSON.parse(i)[this.id]&&this.remove()}super.connectedCallback()}render(){return w`
|
|
3261
3261
|
<slot name="icon" class="${this.noIcon?"hidden":""}"
|
|
3262
3262
|
>${this.noIcon?E:w`<div>
|
|
3263
|
-
${this.status&&w`<sonic-icon name=${
|
|
3263
|
+
${this.status&&w`<sonic-icon name=${od[this.status]}></sonic-icon>`}
|
|
3264
3264
|
</div>`}</slot
|
|
3265
3265
|
>
|
|
3266
3266
|
<div class="content">
|
|
@@ -3276,7 +3276,7 @@ ${this.value}</textarea
|
|
|
3276
3276
|
>
|
|
3277
3277
|
<sonic-icon name="cancel"></sonic-icon>
|
|
3278
3278
|
</sonic-button>`:E}
|
|
3279
|
-
`}close(){if(this.remove(),this.dismissForever){const i=localStorage.getItem("sonic-alert-dismissed")||"{}",e=JSON.parse(i);e[this.id]=!0,localStorage.setItem("sonic-alert-dismissed",JSON.stringify(e))}}};qe.styles=[
|
|
3279
|
+
`}close(){if(this.remove(),this.dismissForever){const i=localStorage.getItem("sonic-alert-dismissed")||"{}",e=JSON.parse(i);e[this.id]=!0,localStorage.setItem("sonic-alert-dismissed",JSON.stringify(e))}}};qe.styles=[tt,k`
|
|
3280
3280
|
:host {
|
|
3281
3281
|
--sc_color: var(--sc-base-content, #000);
|
|
3282
3282
|
--sc_rounded: var(--sc-rounded);
|
|
@@ -3363,27 +3363,27 @@ ${this.value}</textarea
|
|
|
3363
3363
|
top: 0.4rem;
|
|
3364
3364
|
right: 0.3rem;
|
|
3365
3365
|
}
|
|
3366
|
-
`];
|
|
3367
|
-
${
|
|
3366
|
+
`];nt([l({type:String})],qe.prototype,"label",2);nt([l({type:Boolean,reflect:!0})],qe.prototype,"noIcon",2);nt([l({type:String})],qe.prototype,"text",2);nt([l({type:String})],qe.prototype,"id",2);nt([l({type:String,reflect:!0})],qe.prototype,"size",2);nt([l({type:Boolean,reflect:!0})],qe.prototype,"dismissible",2);nt([l({type:Boolean,reflect:!0})],qe.prototype,"background",2);nt([l({type:String,reflect:!0})],qe.prototype,"status",2);nt([l({type:Boolean,reflect:!0})],qe.prototype,"dismissForever",2);qe=nt([F(nd)],qe);var ad=Object.defineProperty,ld=Object.getOwnPropertyDescriptor,Zs=(i,e,r,s)=>{for(var t=s>1?void 0:s?ld(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&ad(e,r,t),t};const cd="sonic-alert-messages";let Ut=class extends Q(A){constructor(){super(...arguments),this.size="md",this.background=!1,this.noIcon=!1,this.messages=[]}render(){return this.messages?.length?w`<div class="container">
|
|
3367
|
+
${bn(this.messages,i=>i.type=="public"?w`<sonic-alert
|
|
3368
3368
|
status=${i.status||"default"}
|
|
3369
|
-
text=${
|
|
3369
|
+
text=${T(i.content)}
|
|
3370
3370
|
size=${this.size}
|
|
3371
3371
|
?noIcon=${this.noIcon}
|
|
3372
3372
|
?background=${this.background}
|
|
3373
3373
|
></sonic-alert>`:E)}
|
|
3374
|
-
</div>`:E}};
|
|
3374
|
+
</div>`:E}};Ut.styles=[k`
|
|
3375
3375
|
.container {
|
|
3376
3376
|
display: grid;
|
|
3377
3377
|
gap: 0.5em;
|
|
3378
3378
|
grid-template-columns: minmax(0, 1fr);
|
|
3379
3379
|
width: 100%;
|
|
3380
3380
|
}
|
|
3381
|
-
`];
|
|
3381
|
+
`];Zs([l({type:String})],Ut.prototype,"size",2);Zs([l({type:Boolean})],Ut.prototype,"background",2);Zs([l({type:Boolean})],Ut.prototype,"noIcon",2);Zs([l({type:Array})],Ut.prototype,"messages",2);Ut=Zs([F(cd)],Ut);var ud=Object.defineProperty,hd=Object.getOwnPropertyDescriptor,Ln=(i,e,r,s)=>{for(var t=s>1?void 0:s?hd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&ud(e,r,t),t};const dd="sonic-toast-message-subscriber";let fi=class extends Q(A){constructor(){super(...arguments),this._messages=[]}get messages(){return this._messages}set messages(i){this._messages=i,this.messages&&i.forEach(e=>{e.type=="public"&&z.add({text:e.content||"",status:e.status})})}render(){return E}};Ln([l({type:Array})],fi.prototype,"messages",1);fi=Ln([F(dd)],fi);var pd=Object.defineProperty,md=Object.getOwnPropertyDescriptor,Xs=(i,e,r,s)=>{for(var t=s>1?void 0:s?md(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&pd(e,r,t),t};const fd="sonic-tooltip";let qt=class extends A{constructor(){super(),this.label="",this.disabled=!1,this.focusable=!1,this.lastKeyWasTab=!1,this.handleKeyDown=i=>{i.key==="Tab"&&(this.lastKeyWasTab=!0)},this.handleMouseDown=()=>{this.lastKeyWasTab=!1,this.classList.remove("keyboard-focus")},this.handleFocusIn=()=>{this.lastKeyWasTab&&this.classList.add("keyboard-focus"),this.lastKeyWasTab=!1},this.handleFocusOut=()=>{this.classList.remove("keyboard-focus"),this.lastKeyWasTab=!1},this.boundHandleKeyDown=this.handleKeyDown.bind(this),this.boundHandleMouseDown=this.handleMouseDown.bind(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut),document.addEventListener("keydown",this.boundHandleKeyDown,!0),document.addEventListener("mousedown",this.boundHandleMouseDown,!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),document.removeEventListener("keydown",this.boundHandleKeyDown,!0),document.removeEventListener("mousedown",this.boundHandleMouseDown,!0)}willUpdate(i){if(i.has("disabled")){const e=i.get("disabled")===!0;this.disabled?(this.setAttribute("tabindex","-1"),this.classList.remove("keyboard-focus")):!this.disabled&&e&&(this.focusable?this.setAttribute("tabindex","0"):this.removeAttribute("tabindex"))}i.has("focusable")&&(this.focusable&&!this.disabled?this.setAttribute("tabindex","0"):!this.focusable&&!this.disabled&&this.removeAttribute("tabindex")),super.willUpdate(i)}render(){const i=this.disabled||this.label==""?"disabled":"";return w`<div
|
|
3382
3382
|
data-tooltip-text="${this.label.trim().replace(" "," ")}"
|
|
3383
3383
|
class="tooltip ${i}"
|
|
3384
3384
|
>
|
|
3385
3385
|
<slot></slot>
|
|
3386
|
-
</div>`}};
|
|
3386
|
+
</div>`}};qt.styles=[k`
|
|
3387
3387
|
:host {
|
|
3388
3388
|
position: relative;
|
|
3389
3389
|
display: inline-flex;
|
|
@@ -3489,7 +3489,7 @@ ${this.value}</textarea
|
|
|
3489
3489
|
bottom: 0;
|
|
3490
3490
|
left: var(--sc-tooltip-position);
|
|
3491
3491
|
}
|
|
3492
|
-
`];
|
|
3492
|
+
`];Xs([l({type:String})],qt.prototype,"label",2);Xs([l({type:String,reflect:!0})],qt.prototype,"placement",2);Xs([l({type:Boolean})],qt.prototype,"disabled",2);Xs([l({type:Boolean})],qt.prototype,"focusable",2);qt=Xs([F(fd)],qt);var gd=Object.defineProperty,bd=Object.getOwnPropertyDescriptor,at=(i,e,r,s)=>{for(var t=s>1?void 0:s?bd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&gd(e,r,t),t};const yd="sonic-divider";let Ve=class extends A{constructor(){super(...arguments),this.label="",this.align="center",this.vertical=!1,this.noMargin=!1,this.dashed=!1,this.dotted=!1}firstUpdated(i){super.firstUpdated(i),(this.label||this.slotNodes?.length)&&this.divider?.classList.add("has-text")}render(){return w`<div part="divider">
|
|
3493
3493
|
<span class="text"
|
|
3494
3494
|
>${q(this.label?this.label:"")}<slot></slot
|
|
3495
3495
|
></span>
|
|
@@ -3624,7 +3624,7 @@ ${this.value}</textarea
|
|
|
3624
3624
|
:host([dashed]) {
|
|
3625
3625
|
--sc-divider-border-style: dashed;
|
|
3626
3626
|
}
|
|
3627
|
-
`];
|
|
3627
|
+
`];at([De({flatten:!0})],Ve.prototype,"slotNodes",2);at([et("div")],Ve.prototype,"divider",2);at([l({type:String})],Ve.prototype,"label",2);at([l({type:String,reflect:!0})],Ve.prototype,"size",2);at([l({type:String,reflect:!0})],Ve.prototype,"align",2);at([l({type:Boolean,reflect:!0})],Ve.prototype,"vertical",2);at([l({type:Boolean,reflect:!0})],Ve.prototype,"noMargin",2);at([l({type:Boolean,reflect:!0})],Ve.prototype,"dashed",2);at([l({type:Boolean,reflect:!0})],Ve.prototype,"dotted",2);Ve=at([F(yd)],Ve);var vd=Object.getOwnPropertyDescriptor,wd=(i,e,r,s)=>{for(var t=s>1?void 0:s?vd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const xd="sonic-card-header-description";let gi=class extends A{render(){return w`<slot></slot>`}};gi.styles=[k`
|
|
3628
3628
|
:host() {
|
|
3629
3629
|
display: block;
|
|
3630
3630
|
font-size: 0.7em;
|
|
@@ -3632,7 +3632,7 @@ ${this.value}</textarea
|
|
|
3632
3632
|
font-family: var(--sc-font-family-base, sans-serif);
|
|
3633
3633
|
font-weight: var(--sc-font-style-base, normal);
|
|
3634
3634
|
}
|
|
3635
|
-
`];
|
|
3635
|
+
`];gi=wd([F(xd)],gi);var _d=Object.defineProperty,Dd=Object.getOwnPropertyDescriptor,so=(i,e,r,s)=>{for(var t=s>1?void 0:s?Dd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&_d(e,r,t),t};const Cd="sonic-card-header";let Ns=class extends A{render(){return w`
|
|
3636
3636
|
<div class="header-content">
|
|
3637
3637
|
${q(this.label)}
|
|
3638
3638
|
${this.description?w`<sonic-card-header-description
|
|
@@ -3679,15 +3679,15 @@ ${this.value}</textarea
|
|
|
3679
3679
|
::slotted(sonic-card-header-description) {
|
|
3680
3680
|
margin-top: 0.1em;
|
|
3681
3681
|
}
|
|
3682
|
-
`];
|
|
3682
|
+
`];so([l()],Ns.prototype,"label",2);so([l()],Ns.prototype,"description",2);Ns=so([F(Cd)],Ns);var Ad=Object.getOwnPropertyDescriptor,Sd=(i,e,r,s)=>{for(var t=s>1?void 0:s?Ad(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const Fd="sonic-card-main";let bi=class extends A{render(){return w`<slot></slot>`}};bi.styles=[k`
|
|
3683
3683
|
:host {
|
|
3684
3684
|
display: block;
|
|
3685
3685
|
}
|
|
3686
|
-
`];
|
|
3686
|
+
`];bi=Sd([F(Fd)],bi);var Pd=Object.getOwnPropertyDescriptor,$d=(i,e,r,s)=>{for(var t=s>1?void 0:s?Pd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const kd="sonic-card-footer";let yi=class extends A{render(){return w` <slot></slot> `}};yi.styles=[k`
|
|
3687
3687
|
:host {
|
|
3688
3688
|
display: block;
|
|
3689
3689
|
}
|
|
3690
|
-
`];
|
|
3690
|
+
`];yi=$d([F(kd)],yi);const ro=k`
|
|
3691
3691
|
:host {
|
|
3692
3692
|
--sc-_color: inherit;
|
|
3693
3693
|
color: var(--sc-_color);
|
|
@@ -3712,7 +3712,7 @@ ${this.value}</textarea
|
|
|
3712
3712
|
.inherit-color {
|
|
3713
3713
|
color: var(--sc-_color);
|
|
3714
3714
|
}
|
|
3715
|
-
`,
|
|
3715
|
+
`,Ed=k`
|
|
3716
3716
|
:host {
|
|
3717
3717
|
--sc-_color: inherit;
|
|
3718
3718
|
--sc-_bg: inherit;
|
|
@@ -3775,7 +3775,7 @@ ${this.value}</textarea
|
|
|
3775
3775
|
.inherit-bg {
|
|
3776
3776
|
color: inherit;
|
|
3777
3777
|
}
|
|
3778
|
-
`;var
|
|
3778
|
+
`;var Od=Object.defineProperty,Td=Object.getOwnPropertyDescriptor,In=(i,e,r,s)=>{for(var t=s>1?void 0:s?Td(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Od(e,r,t),t};const Ld="sonic-card";let xr=class extends A{constructor(){super(...arguments),this.type="base"}render(){return w`<slot></slot> `}};xr.styles=[Ed,k`
|
|
3779
3779
|
* {
|
|
3780
3780
|
box-sizing: border-box;
|
|
3781
3781
|
}
|
|
@@ -3805,7 +3805,7 @@ ${this.value}</textarea
|
|
|
3805
3805
|
box-shadow: var(--sc-_shadow);
|
|
3806
3806
|
color: var(--sc-_color);
|
|
3807
3807
|
}
|
|
3808
|
-
`];
|
|
3808
|
+
`];In([l({type:String,reflect:!0})],xr.prototype,"type",2);xr=In([F(Ld)],xr);var Id=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,Js=(i,e,r,s)=>{for(var t=s>1?void 0:s?Nd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Id(e,r,t),t};const Md="sonic-tr";let Vt=class extends Q(A){constructor(){super(...arguments),this._metadata_={}}willUpdate(i){i.has("_metadata_")&&(this.even=!!this._metadata_.even,this.odd=!!this._metadata_.odd,this.last=!!this._metadata_.lastChild),super.willUpdate(i)}render(){return w`<slot></slot>`}};Vt.styles=[ro,k`
|
|
3809
3809
|
:host {
|
|
3810
3810
|
display: table-row;
|
|
3811
3811
|
}
|
|
@@ -3823,14 +3823,14 @@ ${this.value}</textarea
|
|
|
3823
3823
|
:host(:hover) {
|
|
3824
3824
|
background: var(--sc-table-hover-bg) !important;
|
|
3825
3825
|
}
|
|
3826
|
-
`];
|
|
3826
|
+
`];Js([l({type:Object})],Vt.prototype,"_metadata_",2);Js([l({type:Boolean,reflect:!0})],Vt.prototype,"even",2);Js([l({type:Boolean,reflect:!0})],Vt.prototype,"odd",2);Js([l({type:Boolean,reflect:!0})],Vt.prototype,"last",2);Vt=Js([F(Md)],Vt);var zd=Object.defineProperty,Bd=Object.getOwnPropertyDescriptor,Gt=(i,e,r,s)=>{for(var t=s>1?void 0:s?Bd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&zd(e,r,t),t};const Rd="sonic-th";let pt=class extends A{render(){const i={textAlign:this.align,minWidth:this.minWidth,maxWidth:this.maxWidth,width:this.width};return w`<th
|
|
3827
3827
|
part="th"
|
|
3828
3828
|
style=${Fe(i)}
|
|
3829
|
-
colspan=${
|
|
3830
|
-
rowspan=${
|
|
3829
|
+
colspan=${T(this.colSpan)}
|
|
3830
|
+
rowspan=${T(this.rowSpan)}
|
|
3831
3831
|
>
|
|
3832
3832
|
<slot></slot>
|
|
3833
|
-
</th> `}};pt.styles=[
|
|
3833
|
+
</th> `}};pt.styles=[ro,k`
|
|
3834
3834
|
:host {
|
|
3835
3835
|
display: contents;
|
|
3836
3836
|
background: var(--sc-table-bg);
|
|
@@ -3853,9 +3853,9 @@ ${this.value}</textarea
|
|
|
3853
3853
|
:host([noBorder]) th {
|
|
3854
3854
|
border-bottom: none;
|
|
3855
3855
|
}
|
|
3856
|
-
`];
|
|
3856
|
+
`];Gt([l({type:Number})],pt.prototype,"colSpan",2);Gt([l({type:Number})],pt.prototype,"rowSpan",2);Gt([l({type:String})],pt.prototype,"align",2);Gt([l({type:String})],pt.prototype,"minWidth",2);Gt([l({type:String})],pt.prototype,"maxWidth",2);Gt([l({type:String})],pt.prototype,"width",2);pt=Gt([F(Rd)],pt);var jd=Object.defineProperty,Ud=Object.getOwnPropertyDescriptor,Et=(i,e,r,s)=>{for(var t=s>1?void 0:s?Ud(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&jd(e,r,t),t};const qd="sonic-td";let Qe=class extends A{render(){const i={textAlign:this.align,verticalAlign:this.vAlign,minWidth:this.minWidth,maxWidth:this.maxWidth,width:this.width};return w`<td part="td" style=${Fe(i)} colspan=${T(this.colSpan)} rowspan=${T(this.rowSpan)}>
|
|
3857
3857
|
<slot></slot>
|
|
3858
|
-
</td>`}};
|
|
3858
|
+
</td>`}};Qe.styles=[ro,k`
|
|
3859
3859
|
:host {
|
|
3860
3860
|
display: contents;
|
|
3861
3861
|
}
|
|
@@ -3868,13 +3868,13 @@ ${this.value}</textarea
|
|
|
3868
3868
|
border-right: var(--sc-table-td-border-r, none);
|
|
3869
3869
|
border-left: var(--sc-table-td-border-l, none);
|
|
3870
3870
|
}
|
|
3871
|
-
`];
|
|
3871
|
+
`];Et([l({type:Number})],Qe.prototype,"colSpan",2);Et([l({type:Number})],Qe.prototype,"rowSpan",2);Et([l({type:String})],Qe.prototype,"align",2);Et([l({type:String})],Qe.prototype,"vAlign",2);Et([l({type:String})],Qe.prototype,"minWidth",2);Et([l({type:String})],Qe.prototype,"maxWidth",2);Et([l({type:String})],Qe.prototype,"width",2);Qe=Et([F(qd)],Qe);var Vd=Object.getOwnPropertyDescriptor,Hd=(i,e,r,s)=>{for(var t=s>1?void 0:s?Vd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const Wd="sonic-thead";let vi=class extends A{render(){return w`<slot></slot>`}};vi.styles=[k`
|
|
3872
3872
|
:host {
|
|
3873
3873
|
display: table-header-group;
|
|
3874
3874
|
}
|
|
3875
|
-
`];
|
|
3875
|
+
`];vi=Hd([F(Wd)],vi);var Kd=Object.getOwnPropertyDescriptor,Yd=(i,e,r,s)=>{for(var t=s>1?void 0:s?Kd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const Gd="sonic-tbody";let wi=class extends A{render(){return w`<tbody part="tbody">
|
|
3876
3876
|
<slot></slot>
|
|
3877
|
-
</tbody>`}};
|
|
3877
|
+
</tbody>`}};wi.styles=[k`
|
|
3878
3878
|
:host {
|
|
3879
3879
|
display: table-row-group;
|
|
3880
3880
|
}
|
|
@@ -3891,20 +3891,20 @@ ${this.value}</textarea
|
|
|
3891
3891
|
border-bottom: var(--sc-form-border-width) solid
|
|
3892
3892
|
var(--sc-base-200, rgba(0, 0, 0, 0.12)) !important;
|
|
3893
3893
|
}
|
|
3894
|
-
`];
|
|
3894
|
+
`];wi=Yd([F(Gd)],wi);var Zd=Object.getOwnPropertyDescriptor,Xd=(i,e,r,s)=>{for(var t=s>1?void 0:s?Zd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const Jd="sonic-tfoot";let xi=class extends A{render(){return w`<tfoot>
|
|
3895
3895
|
<slot></slot>
|
|
3896
|
-
</tfoot>`}};
|
|
3896
|
+
</tfoot>`}};xi.styles=[k`
|
|
3897
3897
|
:host {
|
|
3898
3898
|
display: contents;
|
|
3899
3899
|
}
|
|
3900
|
-
`];
|
|
3900
|
+
`];xi=Xd([F(Jd)],xi);var Qd=Object.getOwnPropertyDescriptor,ep=(i,e,r,s)=>{for(var t=s>1?void 0:s?Qd(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};const tp="sonic-caption";let _i=class extends A{render(){return w`<slot></slot>`}};_i.styles=[k`
|
|
3901
3901
|
:host {
|
|
3902
3902
|
display: table-caption;
|
|
3903
3903
|
font-size: 0.75rem;
|
|
3904
3904
|
color: var(--sc-table-caption-color);
|
|
3905
3905
|
padding: var(--sc-table-td-py) var(--sc-table-td-px) calc(2 * var(--sc-table-td-py));
|
|
3906
3906
|
}
|
|
3907
|
-
`];
|
|
3907
|
+
`];_i=ep([F(tp)],_i);var sp=Object.defineProperty,rp=Object.getOwnPropertyDescriptor,vs=(i,e,r,s)=>{for(var t=s>1?void 0:s?rp(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&sp(e,r,t),t};const ip="sonic-table";let St=class extends A{render(){const i={maxHeight:this.maxHeight};return w`
|
|
3908
3908
|
<div
|
|
3909
3909
|
class="table-container ${this.noCustomScroll?"":"custom-scroll"}"
|
|
3910
3910
|
style=${Fe(i)}
|
|
@@ -3913,7 +3913,7 @@ ${this.value}</textarea
|
|
|
3913
3913
|
<slot></slot>
|
|
3914
3914
|
</div>
|
|
3915
3915
|
</div>
|
|
3916
|
-
`}};
|
|
3916
|
+
`}};St.styles=[ms,tt,k`
|
|
3917
3917
|
:host {
|
|
3918
3918
|
--sc-table-fw: var(--sc-font-weight-base, 400);
|
|
3919
3919
|
--sc-table-fst: var(--sc-font-style-base, normal);
|
|
@@ -3958,7 +3958,7 @@ ${this.value}</textarea
|
|
|
3958
3958
|
--sc-table-td-border-b: var(--sc-table-bw) solid
|
|
3959
3959
|
var(--sc-table-border-color);
|
|
3960
3960
|
}
|
|
3961
|
-
`];
|
|
3961
|
+
`];vs([l({type:String,reflect:!0})],St.prototype,"size",2);vs([l({type:Boolean,reflect:!0})],St.prototype,"bordered",2);vs([l({type:Boolean,reflect:!0})],St.prototype,"rounded",2);vs([l({type:Boolean,reflect:!0})],St.prototype,"noCustomScroll",2);vs([l({type:String})],St.prototype,"maxHeight",2);St=vs([F(ip)],St);const Nn="AES-CBC",op=256;async function np(){return crypto.subtle.generateKey({name:Nn,length:op},!0,["encrypt","decrypt"])}function ap(i){return btoa(String.fromCharCode(...new Uint8Array(i)))}async function lp(i,e,r){const s=new TextEncoder().encode(i),t=await crypto.subtle.encrypt({name:Nn,iv:r.buffer},e,s);return ap(t)}const cp=k`
|
|
3962
3962
|
@keyframes altcha-spinner {
|
|
3963
3963
|
to {
|
|
3964
3964
|
transform: rotate(360deg);
|
|
@@ -4181,7 +4181,7 @@ ${this.value}</textarea
|
|
|
4181
4181
|
animation: altcha-spinner 0.75s infinite linear;
|
|
4182
4182
|
transform-origin: center;
|
|
4183
4183
|
}
|
|
4184
|
-
`;var
|
|
4184
|
+
`;var up=Object.defineProperty,hp=Object.getOwnPropertyDescriptor,Ur=(i,e,r,s)=>{for(var t=s>1?void 0:s?hp(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&up(e,r,t),t};const dp="supersoniks_altcha",pp="Si2\\]X8M4!n9DCLd";let Ho=!1;const mp="sonic-captcha";let os=class extends st(A){constructor(){super(...arguments),this.key="",this.action=null,this.zIndex=9999,this.onCaptchaTokenChanged=i=>{i=="request_token"&&(this.formPublisher&&this.formPublisher.captchaToken.set(""),this.requestToken())},this.maxNumber=5e4,this.chalengeUrl="https://altcha.supersoniks.org/get-challenge"}connectedCallback(){if(document.location.protocol.includes("https")){if(!Ho){const i=document.createElement("script");i.type="module",this.setAttribute("async",""),this.setAttribute("defer",""),i.src="https://eu.altcha.org/js/latest/altcha.min.js",Ho=!0,document.head.appendChild(i)}this.generateEncryptedKey(),super.connectedCallback(),this.formPublisher=Us(this.getAncestorAttributeValue("headersDataProvider")??this.getAncestorAttributeValue("formDataProvider")),this.formPublisher&&!this.formPublisher.captchaToken.get()&&(this.formPublisher.needsCaptchaValidation.set(!0),this.formPublisher.captchaToken.onAssign(this.onCaptchaTokenChanged))}}disconnectedCallback(){this.formPublisher&&(this.formPublisher.captchaToken.offAssign(this.onCaptchaTokenChanged),this.formPublisher.captchaToken.set(""),this.formPublisher.needsCaptchaValidation.set(!1)),super.disconnectedCallback()}requestToken(){if(!this.formPublisher)return;const i=this.shadowRoot.querySelector("form");if(!i)return;const e=new FormData(i);this.formPublisher.captchaKey.set(this.key),this.formPublisher.captchaToken.set(e.get("altcha")?.toString()||"")}async generateEncryptedKey(){if(this.key)return;const i=await np(),e=new TextEncoder().encode(pp),r=await lp(dp,i,e);this.key=r}render(){if(!this.key)return E;const e=xt.getLanguage().match("^fr\\b")?{aria:"Visitez altcha.org",error:"La vérification a échoué, réessayez plus tard.",expired:"La vérification a expiré, réessayez.",footer:"Protégé par Altcha",label:"Je ne suis pas un robot.",verified:"Vérifié",verifying:"Vérification en cours...",wait:"Vérification en cours… Veuillez patienter."}:{aria:"Visit altcha.org",error:"Verification failed, try again later.",expired:"Verification expired, try again.",footer:"Protected by Altcha",label:"I'm not a robot.",verified:"Verified",verifying:"Verifying...",wait:"Verifying... Please wait."};return w`
|
|
4185
4185
|
<form>
|
|
4186
4186
|
<altcha-widget
|
|
4187
4187
|
challengeurl="${this.chalengeUrl}?key=${this.key}&maxNumber=${this.maxNumber}"
|
|
@@ -4193,7 +4193,7 @@ ${this.value}</textarea
|
|
|
4193
4193
|
></altcha-widget>
|
|
4194
4194
|
</form>
|
|
4195
4195
|
<slot></slot>
|
|
4196
|
-
`}};
|
|
4196
|
+
`}};os.styles=[cp,k`
|
|
4197
4197
|
:host {
|
|
4198
4198
|
--altcha-border-width: var(--sc-border-width, 1px);
|
|
4199
4199
|
--altcha-border-radius: var(--sc-rounded);
|
|
@@ -4212,9 +4212,9 @@ ${this.value}</textarea
|
|
|
4212
4212
|
--altcha-color-footer-bg: var(--sc-base-100, #000);
|
|
4213
4213
|
--altcha-max-width: 260px;
|
|
4214
4214
|
}
|
|
4215
|
-
`];Mr([l()],is.prototype,"key",2);Mr([l()],is.prototype,"action",2);Mr([l({type:Number})],is.prototype,"zIndex",2);is=Mr([F(Nd)],is);window.queueMicrotask=window.queueMicrotask||function(i){Promise.resolve().then(i).catch(e=>setTimeout(()=>{throw e}))};function Md(i){this.__connectedCallbackCalls__||(this.__connectedCallbackCalls__=new Set),this.__connectedCallbackCalls__.add(i)}function zd(i){this.__disconnectedCallbackCalls__||(this.__disconnectedCallbackCalls__=new Set),this.__disconnectedCallbackCalls__.add(i)}function zr(i){if(i.__is__setSubscribable__)return;i.__is__setSubscribable__=!0,i.__onConnected__=Md,i.__onDisconnected__=zd;const e=i.connectedCallback;i.connectedCallback=function(){e?.call(this),this.__connectedCallbackCalls__&&this.__connectedCallbackCalls__.forEach(s=>s(this))};const r=i.disconnectedCallback;i.disconnectedCallback=function(){r?.call(this),this.__disconnectedCallbackCalls__&&this.__disconnectedCallbackCalls__.forEach(s=>s(this))}}const rr=Symbol("__bindDynamicWatcherStore__"),Mo=Symbol("__bindDynamicWillUpdateHooked__");function Bd(i,e,r){const s=String(e);Rd(i),i[rr]||Object.defineProperty(i,rr,{value:new Map,enumerable:!1,configurable:!1,writable:!1});const t=i[rr];t.has(s)||t.set(s,new Set);const o=t.get(s);return o.add(r),()=>{o.delete(r),o.size===0&&t.delete(s)}}function Rd(i){const e=Object.getPrototypeOf(i);if(!e||e[Mo])return;const r=Object.prototype.hasOwnProperty.call(e,"willUpdate")?e.willUpdate:Object.getPrototypeOf(e)?.willUpdate;e.willUpdate=function(s){const t=this[rr];t&&t.size>0&&(s&&s.size>0?s.forEach((o,n)=>{const a=t.get(String(n));a&&a.forEach(c=>c())}):t.forEach(o=>o.forEach(n=>n()))),r?.call(this,s)},e[Mo]=!0}function jd(i){const e=[/\$\{([^}]+)\}/g,/\{\$([^}]+)\}/g],r=new Set;for(const s of e){let t;for(;(t=s.exec(i))!==null;){const o=wn(t[1]);if(!o)continue;const[n]=o.split(".");n&&r.add(n)}}return Array.from(r)}function wn(i){return i.trim().replace(/^this\./,"")}function Ud(i,e){let r=!1;const s=(n,a)=>{const c=wn(a),p=qd(i,c);return p==null?(r=!0,""):`${p}`},t=e.replace(/\$\{([^}]+)\}/g,s).replace(/\{\$([^}]+)\}/g,s).trim();if(r||!t.length)return{ready:!1,path:null};const o=t.split(".").filter(Boolean);return o.length===0||!o[0]?{ready:!1,path:null}:{ready:!0,path:t}}function qd(i,e){if(!e)return;const r=e.split(".").filter(Boolean);if(r.length===0)return;let s=i;for(const t of r){if(s==null||typeof s!="object")return;s=s[t]}return s}function Vd(i){const e=i.split(".").filter(t=>t.length>0);if(e.length===0)return null;const r=e.shift()||"";if(!r)return null;let s=O.get(r);return s?(s=ht.traverse(s,e),s):null}function xn(i,e){const r=e?.reflect??!1,s=jd(i),t=s.length>0;return function(o,n){if(!o)return;zr(o);const a=`__bind_state_${n}`,c=`__bind_${n}_publisher__`,p=r?`__bind_${n}_updating_from_publisher__`:null;if(r){const b=Object.getOwnPropertyDescriptor(o,n),d=`__bind_${n}_value__`,x=`__bind_${n}_updating_from_publisher__`,_=b&&!b.get&&!b.set?b.value:void 0;Object.defineProperty(o,n,{get(){return b?.get?b.get.call(this):(!Object.prototype.hasOwnProperty.call(this,d)&&_!==void 0&&(this[d]=_),this[d])},set(f){b?.set?b.set.call(this,f):this[d]=f,!this[x]&&this[c]&&this[c].set(f)},enumerable:b?.enumerable??!0,configurable:b?.configurable??!0})}o.__onConnected__(b=>{const d=b[a]||(b[a]={cleanupWatchers:[],unsubscribePublisher:null,currentPath:null});d.unsubscribePublisher&&(d.unsubscribePublisher(),d.unsubscribePublisher=null),d.cleanupWatchers.forEach(f=>f()),d.cleanupWatchers=[],d.currentPath=null;const x=f=>{if(!f){d.unsubscribePublisher&&(d.unsubscribePublisher(),d.unsubscribePublisher=null),d.currentPath=null,b[c]=null;return}if(f===d.currentPath)return;d.unsubscribePublisher&&(d.unsubscribePublisher(),d.unsubscribePublisher=null);const m=Vd(f);if(!m){d.currentPath=null,b[c]=null;return}const v=D=>{r&&p&&(b[p]=!0),b[n]=D,r&&p&&(b[p]=!1)};m.onAssign(v),d.unsubscribePublisher=()=>{m.offAssign(v),b[c]===m&&(b[c]=null)},d.currentPath=f,b[c]=m},_=()=>{if(t){const f=Ud(b,i);if(!f.ready){x(null);return}x(f.path);return}x(i)};if(t)for(const f of s){const m=Bd(b,f,()=>_());d.cleanupWatchers.push(m)}_()}),o.__onDisconnected__(b=>{const d=b[a];d&&(d.unsubscribePublisher&&(d.unsubscribePublisher(),d.unsubscribePublisher=null),d.cleanupWatchers.forEach(x=>x()),d.cleanupWatchers=[],d.currentPath=null,b[c]=null)})}}const ir=Symbol("__onAssignDynamicWatcherStore__"),zo=Symbol("__onAssignDynamicWillUpdateHooked__");function Hd(i,e,r){const s=String(e);Wd(i),i[ir]||Object.defineProperty(i,ir,{value:new Map,enumerable:!1,configurable:!1,writable:!1});const t=i[ir];t.has(s)||t.set(s,new Set);const o=t.get(s);return o.add(r),()=>{o.delete(r),o.size===0&&t.delete(s)}}function Wd(i){const e=Object.getPrototypeOf(i);if(!e||e[zo])return;const r=Object.prototype.hasOwnProperty.call(e,"willUpdate")?e.willUpdate:Object.getPrototypeOf(e)?.willUpdate;e.willUpdate=function(s){const t=this[ir];t&&t.size>0&&(s&&s.size>0?s.forEach((o,n)=>{const a=t.get(String(n));a&&a.forEach(c=>c())}):t.forEach(o=>o.forEach(n=>n()))),r?.call(this,s)},e[zo]=!0}function Yd(i){const e=[/\$\{([^}]+)\}/g,/\{\$([^}]+)\}/g],r=new Set;for(const s of e){let t;for(;(t=s.exec(i))!==null;){const o=_n(t[1]);if(!o)continue;const[n]=o.split(".");n&&r.add(n)}}return Array.from(r)}function _n(i){return i.trim().replace(/^this\./,"")}function Kd(i,e){let r=!1;const s=(n,a)=>{const c=_n(a),p=Gd(i,c);return p==null?(r=!0,""):`${p}`},t=e.replace(/\$\{([^}]+)\}/g,s).replace(/\{\$([^}]+)\}/g,s).trim();if(r||!t.length)return{ready:!1,path:null};const o=t.split(".").filter(Boolean);return o.length===0||!o[0]?{ready:!1,path:null}:{ready:!0,path:t}}function Gd(i,e){if(!e)return;const r=e.split(".").filter(Boolean);if(r.length===0)return;let s=i;for(const t of r){if(s==null||typeof s!="object")return;s=s[t]}return s}function Zd(i){const e=i.split(".").filter(t=>t.length>0);if(e.length===0)return null;const r=e.shift()||"";if(!r)return null;let s=O.get(r);return s?(s=ht.traverse(s,e),s):null}function Dn(...i){const e=i.map(r=>{const s=Yd(r);return{originalPath:r,dynamicDependencies:s,isDynamic:s.length>0}});return function(r,s,t){zr(r);const o=`__onAssign_state_${s}__`;let n;r.__onConnected__(a=>{const c=a[o]||(a[o]={cleanupWatchers:[],configurations:[]});c.cleanupWatchers.forEach(_=>_()),c.cleanupWatchers=[],c.configurations.forEach(_=>{_.unsubscribePublisher&&_.unsubscribePublisher()}),c.configurations=[];const p=[],b=[];for(let _=0;_<i.length;_++){const f=e[_],m=new Set,v=D=>{p[_]=D,p.filter(u=>u!=null).length===i.length&&m.forEach(u=>u(...p))};b.push({publisher:null,onAssign:v,callbacks:m,unsubscribePublisher:null,pathConfig:f,index:_})}const d=(_,f)=>{if(_.unsubscribePublisher&&(_.unsubscribePublisher(),_.unsubscribePublisher=null),p[_.index]=null,_.publisher=null,!f)return;const m=Zd(f);m&&(m.onAssign(_.onAssign),_.unsubscribePublisher=()=>{m.offAssign(_.onAssign),_.publisher===m&&(_.publisher=null)},_.publisher=m)},x=()=>{for(const _ of b)if(_.pathConfig.isDynamic){const f=Kd(a,_.pathConfig.originalPath);if(!f.ready){d(_,null);continue}d(_,f.path)}else d(_,_.pathConfig.originalPath)};for(const _ of b)if(_.pathConfig.isDynamic)for(const f of _.pathConfig.dynamicDependencies){const m=Hd(a,f,()=>x());c.cleanupWatchers.push(m)}n=t.value.bind(a);for(const _ of b)_.callbacks.add(n);x(),c.configurations=b}),r.__onDisconnected__(a=>{const c=a[o];c&&(c.cleanupWatchers.forEach(p=>p()),c.cleanupWatchers=[],c.configurations.forEach(p=>{p.unsubscribePublisher&&p.unsubscribePublisher(),p.callbacks.delete(n)}),c.configurations=[])})}}function Cn(){return function(i,e,r){let s=0;const t=r.value,o=i.constructor.prototype.disconnectedCallback;i.constructor.prototype.disconnectedCallback=function(){o?.apply(this),this.__removeAutoSubscribe__()};const n=i.connectedCallback;i.connectedCallback=function(){n?.call(this),this[e]()},r.value=function(...a){let c=new Set;const p=()=>{s++;const d=s;window.queueMicrotask(()=>{d===s&&this[e]()})};c.forEach(d=>{d.offAssign(p)}),O.collectModifiedPublisher();const b=t.apply(this,a);return c=O.getModifiedPublishers()||new Set,c.forEach(d=>{d.onAssign(p,!1)}),this.__removeAutoSubscribe__=()=>{c.forEach(d=>{d.offAssign(p)})},b}}}function Xd(i){return function(e){zr(e);for(const r of i){const s=r.split(".");if(s.length===0)continue;const t=s.shift()||"";let o=O.get(t);o=ht.traverse(o,s),e.__onConnected__(n=>{o.startTemplateFilling(n)}),e.__onDisconnected__(()=>{})}}}function An(i){return function(e,r){e&&(zr(e),e.__onConnected__(s=>{const t=oe.getAncestorAttributeValue(s,i);s[r]=t}))}}const or="sonic-connected",Jd=5e3,wi=Symbol.for("sonic-connected");function Sn(i){return i.tagName.includes("-")}function Qd(i,e=Jd){return!Sn(i)||i[wi]?Promise.resolve():new Promise(r=>{const s=()=>{i[wi]=!0,i.removeEventListener(or,s),r()};i.addEventListener(or,s),setTimeout(()=>{i.removeEventListener(or,s),r()},e)})}function ep(...i){return function(e){if(!i.length)return e;const r=e.prototype.connectedCallback;return e.prototype.connectedCallback=function(){const s=oe.getAncestorsBySelectors(this,i),t=s.filter(Sn),o=[...new Set(t.map(a=>a.tagName.toLowerCase()))].map(a=>customElements.whenDefined(a)),n=s.map(a=>Qd(a));Promise.all([...o,...n]).then(()=>{r?.call(this)})},e}}function tp(){return function(i){const e=i.prototype.connectedCallback;return i.prototype.connectedCallback=function(){e?.call(this),this[wi]=!0,this.dispatchEvent(new CustomEvent(or,{bubbles:!0}))},i}}const vs=xn,Fn=Dn,Zs=An,sp=Cn,Xi=ep,Br=tp;window["concorde-decorator-subscriber"]=window["concorde-decorator-subscriber"]||{};window["concorde-decorator-subscriber"]={bind:xn,onAssing:Dn,ancestorAttribute:An,autoSubscribe:Cn,autoFill:Xd};class rp extends Mi{constructor(e){super(e),this.observables=new Set,this.onAssign=r=>{this.setValue(r)},this.node=e.options?.host}unsubscribe(){this.observables.forEach(e=>e.offAssign(this.onAssign))}render(e){return this.observable!==e&&(this.observable=e,this.isConnected&&this.subscribe(e)),Ie}subscribe(e){this.unsubscribe(),this.onAssign=r=>{this.setValue(r)},this.observables=Fr(e),this.observables.forEach(r=>{r.onAssign(this.onAssign)})}disconnected(){this.unsubscribe()}reconnected(){this.observable&&this.subscribe(this.observable)}}const Pn=Pt(rp),ip=Pn,$n=Pn,op=$n;window["concorde-directives-data-provider"]=window["concorde-directives-data-provider"]||{};window["concorde-directives-data-provider"]={dp:js,dataProvider:Wn,sub:$n,subscribe:ip,get:Hn,set:Yn};const np=z,ap=U;window["concorde-components"]=window["concorde-components"]||{};window["concorde-components"]={SonicToast:np,SonicModal:ap};const lp=window;lp.concordeIsLoaded=!0;window.dispatchEvent(new CustomEvent("concorde-loaded"));const Ji=i=>{i.pathname==="/"&&i.hash===""?document.documentElement.setAttribute("data-home",""):document.documentElement.removeAttribute("data-home")},Qi=()=>document.location,cp=Qi();Ji(cp);window.addEventListener("popstate",i=>{Ji(Qi())});window.addEventListener("hashchange",()=>{Ji(Qi())});const up=k`*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1em;margin-bottom:1em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;padding-inline-start:1.625em;margin-top:1em;margin-bottom:1em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;padding-inline-start:1.625em;margin-top:1em;margin-bottom:1em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"\`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"\`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: var(--sc-base-content);--tw-prose-headings: var(--sc-base-900);--tw-prose-lead: var(--sc-base-content);--tw-prose-links: var(--sc-base-900);--tw-prose-bold: var(--sc-base-content);--tw-prose-counters: var(--sc-base-500);--tw-prose-bullets: var(--sc-base-300);--tw-prose-hr: var(--sc-base-200);--tw-prose-quotes: var(--sc-base-content);--tw-prose-quote-borders: var(--sc-base-200);--tw-prose-captions: var(--sc-base-500);--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: var(--sc-info);--tw-prose-pre-code: var(--sc-base-200);--tw-prose-pre-bg: var(--sc-base-800);--tw-prose-th-borders: var(--sc-base-300);--tw-prose-td-borders: var(--sc-base-200);--tw-prose-invert-body: var(--sc-base-300);--tw-prose-invert-headings: var(--sc-base);--tw-prose-invert-lead: var(--sc-base-400);--tw-prose-invert-links: var(--sc-base);--tw-prose-invert-bold: var(--sc-base);--tw-prose-invert-counters: var(--sc-base-400);--tw-prose-invert-bullets: var(--sc-base-600);--tw-prose-invert-hr: var(--sc-base-700);--tw-prose-invert-quotes: var(--sc-base-100);--tw-prose-invert-quote-borders: var(--sc-base-700);--tw-prose-invert-captions: var(--sc-base-400);--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: var(--sc-base);--tw-prose-invert-pre-code: var(--sc-base-300);--tw-prose-invert-pre-bg: var(--sc-base-900);--tw-prose-invert-th-borders: var(--sc-base-600);--tw-prose-invert-td-borders: var(--sc-base-700);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose{line-height:1.5}.prose :where(strong a):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:bolder}.prose :where(iframe[src*=youtu]):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:var(--sc-rounded-md)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.\\!left-0{left:0!important}.\\!top-0{top:0!important}.-top-1{top:-.25rem}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.left-0{left:0}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-16{top:4rem}.top-\\[4\\.2rem\\]{top:4.2rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-\\[3000\\]{z-index:3000}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.m-2{margin:.5rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-40{margin-bottom:10rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-3{margin-left:.75rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-40{width:10rem;height:10rem}.size-\\[2\\.4rem\\]{width:2.4rem;height:2.4rem}.h-1\\/2{height:50%}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-96{height:24rem}.h-full{height:100%}.max-h-\\[50vh\\]{max-height:50vh}.max-h-\\[calc\\(100vh_-_4\\.2rem\\)\\]{max-height:calc(100vh - 4.2rem)}.min-h-\\[100vh\\]{min-height:100vh}.w-1\\/2{width:50%}.w-1\\/3{width:33.333333%}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-64{width:16rem}.w-\\[5rem\\]{width:5rem}.w-full{width:100%}.min-w-\\[8rem\\]{min-width:8rem}.max-w-\\[29ch\\]{max-width:29ch}.max-w-\\[40rem\\]{max-width:40rem}.max-w-lg{max-width:32rem}.max-w-prose{max-width:70ch}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[55deg\\]{--tw-rotate: 55deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[minmax\\(10rem\\,15rem\\)_minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(10rem,15rem) minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--sc-rounded)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--sc-rounded-lg)}.rounded-md{border-radius:var(--sc-rounded-md)}.rounded-xl{border-radius:var(--sc-rounded-xl)}.border{border-width:var(--sc-border-width)}.border-0{border-width:0px}.border-b-\\[\\.18rem\\]{border-bottom-width:.18rem}.border-b-\\[1px\\]{border-bottom-width:1px}.border-t-2{border-top-width:2px}.border-solid{border-style:solid}.border-dotted{border-style:dotted}.border-current{border-color:currentColor}.border-neutral-100{border-color:var(--sc-base-100)}.border-neutral-200{border-color:var(--sc-base-200)}.border-b-neutral-300{border-bottom-color:var(--sc-base-300)}.border-t-neutral-200{border-top-color:var(--sc-base-200)}.bg-info{background-color:var(--sc-info)}.bg-neutral-0{background-color:var(--sc-base)}.bg-neutral-100{background-color:var(--sc-base-100)}.bg-neutral-200{background-color:var(--sc-base-200)}.bg-neutral-900{background-color:var(--sc-base-900)}.bg-success{background-color:var(--sc-success)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-\\[rgba\\(0\\,0\\,10\\,\\.2\\)\\]{--tw-gradient-from: rgba(0,0,10,.2) var(--tw-gradient-from-position);--tw-gradient-to: rgba(0, 0, 10, 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-\\[\\.75rem\\]{padding-left:.75rem}.pt-3{padding-top:.75rem}.pt-\\[20vh\\]{padding-top:20vh}.text-center{text-align:center}.font-headings{font-family:var(--sc-headings-font-family, var(--sc-font-family-base, sans-serif))}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-\\[1\\.5\\]{line-height:1.5}.leading-none{line-height:1}.leading-tight{line-height:1.25}.text-content{color:var(--sc-base-content)}.text-contrast-content{color:var(--sc-contrast-content)}.text-danger{color:var(--sc-danger)}.text-info{color:var(--sc-info)}.text-neutral-0{color:var(--sc-base)}.text-neutral-400{color:var(--sc-base-400)}.text-neutral-600{color:var(--sc-base-600)}.text-neutral-700{color:var(--sc-base-700)}.text-neutral-900{color:var(--sc-base-900)}.text-success{color:var(--sc-success)}.underline{text-decoration-line:underline}.opacity-40{opacity:.4}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:ClashGrotesk-Variable;src:url("+new URL('../fonts/ClashGrotesk-Variable.woff2', import.meta.url).href+") format("woff2"),url("+new URL('../fonts/ClashGrotesk-Variable.woff', import.meta.url).href+") format("woff"),url("+new URL('../fonts/ClashGrotesk-Variable.ttf', import.meta.url).href+") format("truetype");font-weight:200 700;font-display:swap;font-style:normal}:root{--sc-headings-font-family: "ClashGrotesk-Variable", sans-serif;--sc-font-family-base: "ClashGrotesk-Variable", sans-serif;--sc-headings-font-weight: 400;--sc-rounded: .5rem;--sc-border-width: max(2px, .18rem)}[data-concorde-theme=light]{--sc-base: #fffcf0;--sc-base-content: #111111;--sc-primary: #111111;--sc-primary-content: #fffcf0;--sc-base-50: #f4f1e6;--sc-base-100: #e9e6dc;--sc-base-200: #ceccc3;--sc-base-300: #bcbab1;--sc-base-400: #96948e;--sc-base-500: #7d7c77;--sc-base-600: #5a5956;--sc-base-700: #393937;--sc-base-800: #252524;--sc-base-900: #111111;--sc-info: #3b82f6;--sc-info-content: #ffffff;--sc-success: #10b981;--sc-success-content: #ffffff;--sc-warning: #fb923c;--sc-warning-content: #111827;--sc-danger: #dc2626;--sc-danger-content: #ffffff}[data-concorde-theme=dark]{--sc-base: #0a0a0a;--sc-base-content: #dadad9;--sc-primary: #ffef8a;--sc-primary-content: #111827;--sc-base-50: #141414;--sc-base-100: #1c1c1c;--sc-base-200: #2f2f2f;--sc-base-300: #3e3e3e;--sc-base-400: #5f5f5f;--sc-base-500: #767676;--sc-base-600: #9a9a9a;--sc-base-700: #c0c0bf;--sc-base-800: #dadad9;--sc-base-900: #f5f5f4;--sc-info: #3a85f7;--sc-info-content: #ffffff;--sc-success: #0fba7f;--sc-success-content: #ffffff;--sc-warning: #fc8f3b;--sc-warning-content: #111827;--sc-danger: #dd2528;--sc-danger-content: #ffffff}[data-concorde-theme=light],[data-concorde-theme=dark]{--sc-input-bg: var(--sc-base-100);--sc-input-border-color: var(--sc-base-100)}html{font-family:var(--sc-font-family-base, sans-serif)}h2{border-bottom:var(--sc-border-width) solid;padding-bottom:.1em}p,ul,ol{font-family:Arial,Helvetica,sans-serif}body{background:var(--sc-base);color:var(--sc-base-content)}html{scroll-behavior:smooth}.animated-text{display:block;position:relative;overflow:hidden}.animated-text span{display:block;position:absolute;width:100%;height:100%;top:0;left:0;transform:translateY(108%);animation:slideUp 4.5s cubic-bezier(.17,.67,.61,1.13) infinite}.animated-text span:nth-child(2){animation-delay:1.5s}.animated-text span:nth-child(3){animation-delay:3s}@keyframes slideUp{0%{transform:translateY(108%)}7%{transform:translateY(0)}33%{transform:translateY(0)}40%{transform:translateY(-108%)}to{transform:translateY(-108%)}}.custom-scroll{overflow:auto!important}.custom-scroll:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2rem 2rem var(--sc-base-900)}.custom-scroll::-webkit-scrollbar{width:.5rem;height:.5rem;border:solid .15rem transparent;border-radius:var(--sc-rounded);background:transparent}.custom-scroll::-webkit-scrollbar-thumb{opacity:0;-webkit-transition:box-shadow .2s;transition:box-shadow .2s;border:solid .15rem transparent}@media (min-width: 1024px){.lg\\:prose-lg{font-size:1.125rem;line-height:1.7777778}.lg\\:prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\\:prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.lg\\:prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.lg\\:prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.lg\\:prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.lg\\:prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.lg\\:prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.lg\\:prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\\:prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.lg\\:prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.lg\\:prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.lg\\:prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.lg\\:prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.lg\\:prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.lg\\:prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.lg\\:prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.lg\\:prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.lg\\:prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.lg\\:prose-lg :where(.lg\\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.lg\\:prose-lg :where(.lg\\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.lg\\:prose-lg :where(.lg\\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.lg\\:prose-lg :where(.lg\\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.lg\\:prose-lg :where(.lg\\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.lg\\:prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.lg\\:prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\\:prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.lg\\:prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.lg\\:prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.lg\\:prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\\:prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\\:prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\\:prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\\:prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.lg\\:prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.lg\\:prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.lg\\:prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.lg\\:prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.lg\\:prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.lg\\:prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.lg\\:prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\\:prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.lg\\:prose-lg :where(.lg\\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\\:prose-lg :where(.lg\\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}.hover\\:bg-neutral-50:hover{background-color:var(--sc-base-50)}.prose-h1\\:text-\\[4\\.2em\\] :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:4.2em}.prose-h1\\:font-normal :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-weight:400}.prose-li\\:my-\\[\\.2em\\] :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.2em;margin-bottom:.2em}@media (min-width: 640px){.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\\:px-8{padding-left:2rem;padding-right:2rem}.md\\:py-8{padding-top:2rem;padding-bottom:2rem}.md\\:text-5xl{font-size:3rem}}@media (min-width: 1024px){.lg\\:min-w-\\[19rem\\]{min-width:19rem}.lg\\:max-w-\\[19ch\\]{max-width:19ch}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:px-20{padding-left:5rem;padding-right:5rem}.lg\\:text-7xl{font-size:4.5rem}.lg\\:leading-\\[1\\.5\\]{line-height:1.5}}@media (min-width: 1280px){.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\\:text-8xl{font-size:6rem}}.dark\\:block:where(.dark,.dark *){display:block}.dark\\:hidden:where(.dark,.dark *){display:none}.dark\\:border-neutral-800:where(.dark,.dark *){border-color:var(--sc-base-800)}.dark\\:bg-neutral-300:where(.dark,.dark *){background-color:var(--sc-base-300)}.dark\\:text-neutral-400:where(.dark,.dark *){color:var(--sc-base-400)}.dark\\:opacity-60:where(.dark,.dark *){opacity:.6}.\\[\\&\\[active\\]\\]\\:min-w-\\[13rem\\][active]{min-width:13rem}.\\[\\&\\[active\\]\\]\\:rounded-full[active]{border-radius:9999px}.\\[\\&\\[active\\]\\]\\:bg-danger[active]{background-color:var(--sc-danger)}.\\[\\&\\[active\\]\\]\\:font-black[active]{font-weight:900}.\\[\\&\\[active\\]\\]\\:text-danger-content[active]{color:var(--sc-danger-content)}.\\[\\&\\[active\\]\\]\\:text-success[active]{color:var(--sc-success)}[data-home] .\\[\\[data-home\\]_\\&\\]\\:hidden{display:none}`,be=k`
|
|
4216
|
-
${
|
|
4217
|
-
`,Bo=JSON.parse('[{"search":"Date","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"date":{"count":2,"title":"","type":"page"}}}}},{"search":"Nothing is displayed.\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"no-attribute":{"count":1,"title":"No attribute","type":"paragraph"}}}}},{"search":"Displays the current date.\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"now":{"count":1,"title":"Now","type":"paragraph"}}}}},{"search":"Displays a date from a timestamp.\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"date":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Displays a date from a string.\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"date_string":{"count":1,"title":"Date_string","type":"paragraph"}}}}},{"search":"Displays a period of time from start_date to end_date.When by itself start_date will act as dateif a start_date is not specified it will be set by the current date.if the end_date is anterior to start date date it will be used as the start_date. \\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"start_date--end_date":{"count":1,"title":"Start_date / end_date","type":"paragraph"}}}}},{"search":"ISO 639-1 Language Codes\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"language":{"count":1,"title":"Language","type":"paragraph"}}}}},{"search":"For the list of supported timeZones, run Intl.supportedValuesOf('timeZone') in the console\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"time_zone":{"count":1,"title":"Time_zone","type":"paragraph"}}}}},{"search":"Deprecated\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"renderif":{"count":1,"title":".renderIf","type":"paragraph"}}},"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"headersdataprovider":{"count":1,"title":"HeadersDataProvider","type":"paragraph"}}}}},{"search":"Fetch","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"fetch":{"count":1,"title":"","type":"page"}}}}},{"search":"The sonic-fetch component is used to request and store data from an API.\\nFetch extends the mixins Fetcher and Subscriber\\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"fetch":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"In order to work properly the sonic-fetch component needs at least the following attributes. \\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"basic-usage":{"count":1,"title":"Basic usage","type":"paragraph"}}}}},{"search":"If no endPoint is specified it will be filled by the dataProvider ID instead \\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"dataprovider-as-an-endpoint":{"count":1,"title":"DataProvider as an endPoint","type":"paragraph"}}}}},{"search":"When the key attribute is present, only a sub-part of the data received is injected into the dataProvider.\\nWe can use the dot syntax to target what we want to keep.\\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"key":{"count":1,"title":"Key","type":"paragraph"}}}}},{"search":"For example if the data is {my:{data:{a:1,b:2}}} and the key is key="my.data", the data available in the dataProvider will be {a:1 , b:2}\\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"key":{"count":1,"title":"Key","type":"paragraph"}}}}},{"search":"if the mime type of the content returned by the service begins with text/, then the dataProvider has a key named "text" which contains the text returned by the service.\\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"text-mode":{"count":1,"title":"Text mode","type":"paragraph"}}}}},{"search":"The noLoader attribute disables display of the default loader\\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"noloader":{"count":1,"title":"NoLoader","type":"paragraph"}}}}},{"search":"if","files":{"core/components/functional/if/if.md":{"title":"if","hashes":{"if":{"count":1,"title":"","type":"page"}}}}},{"search":"The sonic-if component shows its content based on the value of its reactive property names condition\\n","files":{"core/components/functional/if/if.md":{"title":"if","hashes":{"if":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"List","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"list":{"count":1,"title":"","type":"page"}}}}},{"search":"The sonic-list component creates list items.\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"list":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"List extends the mixins Subscriber and Fetcher : \\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"list":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"The list component loops over its template children to render each items of its props data.Consider the following example using 2 templates and 9 items : \\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"template":{"count":1,"title":"Template","type":"paragraph"}}}}},{"search":"Note that for each line there is a dataProvider found at [list dataProvider name]/liste-item/[line index or key]\\nYou can hover the list items in the examples to see it.\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"template":{"count":1,"title":"Template","type":"paragraph"}}}}},{"search":"The templateKey attribute allows you to bind a template to a props item.Consider the following example : \\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"templatekey--data-value":{"count":1,"title":"TemplateKey / data-value","type":"paragraph"}}}}},{"search":"A special template with attribute data-value="separator" will act as a separator between each list item\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"special-templates--list-item-separator--empty-list-view":{"count":1,"title":"Special templates : list item separator / empty list view","type":"paragraph"}}}}},{"search":"The same principle can be used to handle empty lists using a template with attribute data-value="no-item"\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"special-templates--list-item-separator--empty-list-view":{"count":1,"title":"Special templates : list item separator / empty list view","type":"paragraph"}}}}},{"search":"Enables the list to get data from an external API in order to fill its props attribute with an array of items\\nSee the [Fetch] web component(#core/components/functional/fetch/fetch.md/fetch)\\n\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"fetch":{"count":1,"title":"Fetch","type":"paragraph"}}}}},{"search":"Example of using the extractValues attribute with a service.\\nAs in the previous example, the fetch attribute indicates that a service call should be made.\\nNote that we use:\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"extract-values":{"count":1,"title":"Extract Values","type":"paragraph"}}}}},{"search":"Mix","files":{"core/components/functional/mix/mix.md":{"title":"Mix","hashes":{"mix":{"count":1,"title":"","type":"page"}}}}},{"search":"Mix allows you to mix several subsets of dataProvider in a new key/value structure which is itself associated with a new dataProvider. The data update is then bidirectional.\\n","files":{"core/components/functional/mix/mix.md":{"title":"Mix","hashes":{"mix":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Dot notation is supported to extract a sub-part of the data.\\n","files":{"core/components/functional/mix/mix.md":{"title":"Mix","hashes":{"mix":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"For example, if we declare dataproviders as follows :\\n\\nWe can rearrange the data as follows\\n\\nThen we can change values in both dataProviders programaticaly this way, they will stay in sync\\n\\nOr by using a form element\\n\\n","files":{"core/components/functional/mix/mix.md":{"title":"Mix","hashes":{"mix":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Queue","files":{"core/components/functional/queue/queue.md":{"title":"Queue","hashes":{"queue":{"count":1,"title":"","type":"page"}}}}},{"search":"sonic-queue loads content in batches based on the expression provided in the dataProviderExpression attribute.\\n","files":{"core/components/functional/queue/queue.md":{"title":"Queue","hashes":{"queue":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"List extends the mixin Subscriber\\n","files":{"core/components/functional/queue/queue.md":{"title":"Queue","hashes":{"queue":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Router","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"router":{"count":1,"title":"","type":"page"}}}}},{"search":"The router observes the document.location changes and updates its view as follows\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"router":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"When the data-route attribute of a template matches the current url, the content of this template is rendered\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"data-route--basic":{"count":1,"title":"Data-route / Basic","type":"paragraph"}}}}},{"search":"You can use any RegExp in the data-route attribute of your templates to match the current location and to extract variables from it using capturing groups.\\nA dataProvider attribute is generated using the dataProviderExpression where $1, $2... are replaced with this variables.\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"data-route--regexp":{"count":1,"title":"Data-route / Regexp","type":"paragraph"}}}}},{"search":"e.g., data-route="#couleur_(\\\\d+)" => dataProviderExpression="api/unknown/$1"\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"data-route--regexp":{"count":1,"title":"Data-route / Regexp","type":"paragraph"}}}}},{"search":"The rendered content of the matching template is scoped with this dataProvider.\\nYou can make creative usage on this feature to generate dynamic content based on services.\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"data-route--regexp":{"count":1,"title":"Data-route / Regexp","type":"paragraph"}}}}},{"search":"Same as RegExp but using url patternse.g., data-route="#couleur_:id" => dataProviderExpression="api/unknown/:id"\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"data-route--url-pattern":{"count":1,"title":"Data-route / Url-pattern","type":"paragraph"}}}}},{"search":"Redirect allows to redirect to a url when a data is provided.\\nHere Redirect waits that a data is available in the property theData of the dataProvider stupid-data-set-id\\nWe are then redirected to the url #data-is-set which does nothing in itself.\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"redirect":{"count":1,"title":"Redirect","type":"paragraph"}}}}},{"search":"Example of use : use with a router and a submit to manage the steps of login/logout, display of user info.\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"redirect":{"count":1,"title":"Redirect","type":"paragraph"}}}}},{"search":"The fallback route is rendered when no other route matches the current location.\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"fallback":{"count":1,"title":"Fallback","type":"paragraph"}}}}},{"search":"SDUI","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"sdui":{"count":1,"title":"","type":"page"}}}}},{"search":"SDUI stands for Server Driven User Interfaces.\\nBasically, it generates a user interface based on a JSON SDUI Descriptor.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"what-is-sdui":{"count":1,"title":"What is SDUI?","type":"paragraph"}}}}},{"search":"SDUI extends the mixin Subscriber.\\nThis means that you must set a dataProvider with an id pointing to the publisher that will hold your SDUI Descriptor.\\nThis also means that it has a reactive property named props that you can set with the JSON SDUI Descriptor in order to configure it.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"subscriber-extension":{"count":1,"title":"Subscriber extension:","type":"paragraph"}}}}},{"search":"SDUI extends the mixin Fetcher as Fetch and List.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"fetcher-extension":{"count":1,"title":"Fetcher extension:","type":"paragraph"}}}}},{"search":"In this case, it will parse the JSON coming from the request.\\nThe JSON must comply with the SDUI descriptor format.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"fetcher-extension":{"count":1,"title":"Fetcher extension:","type":"paragraph"}}}}},{"search":"As a fetcher, invalidating the publisher or updating the endpoint will trigger a new fetch and update accordingly.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"fetcher-extension":{"count":1,"title":"Fetcher extension:","type":"paragraph"}}}}},{"search":"It has no shadowdom, and its display style is set to contents, so an empty SDUI has the fewest impact on the layout.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"rendering":{"count":1,"title":"Rendering:","type":"paragraph"}}}}},{"search":"An SDUINode represents an HTMLElement.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"descriptor":{"count":1,"title":"Descriptor","type":"paragraph"}}}}},{"search":"TypeScript definition:\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"descriptor":{"count":1,"title":"Descriptor","type":"paragraph"}}}}},{"search":"Summary of properties:\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"descriptor":{"count":1,"title":"Descriptor","type":"paragraph"}}}}},{"search":"Use it if you prefer to define your node entirely using an HTML string.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"markup":{"count":1,"title":"Markup","type":"paragraph"}}}}},{"search":"Here we use the field tagName of SDUINode to create an element with tag name sonic-input.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"tag-name":{"count":1,"title":"Tag name","type":"paragraph"}}}}},{"search":"A string key/value pair storing each attribute name/value of the HTML element created.\\nAs no tag name is defined, a div element is created.\\nHere we define the style attribute to create a tiny red square.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"attributes":{"count":1,"title":"Attributes","type":"paragraph"}}}}},{"search":"Children of the current node can be added using the field nodes recursively.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"nodes":{"count":1,"title":"Nodes","type":"paragraph"}}}}},{"search":"As no tag name is defined, a div element is created, and then we use innerHTML to add content to it.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"innerhtml":{"count":1,"title":"InnerHTML","type":"paragraph"}}}}},{"search":"Use them if you want to wrap the component with some HTML string.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"prefix-and-suffix":{"count":1,"title":"Prefix and suffix","type":"paragraph"}}}}},{"search":"The libraryKey of SDUINode is an identifier that points to an SDUINode description in the library to be used as a model for this node.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"Note that the SDUI has a default library containing some basic component definitions useful for form declaration (see default-library.json).\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"This example uses the library key submit which points to a sonic-submit containing a button also coming from the library.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"The element named button in the library is a sonic-button of type success containing a check icon as a prefix.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"Since the submit library element contains an attribute contentElementSelector with the value sonic-button, the "injected content" is put inside the button.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"We used innerHTML for the sake of simplicity, but you can use nodes to add any complex content.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"This special field lets you inject the content at any place in the HTML flow already set inside the parent SDUI component by using a CSS selector.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"parentelementselector":{"count":1,"title":"parentElementSelector","type":"paragraph"}}}}},{"search":"⚠️ Note that it doesn't work with top-level nodes.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"parentelementselector":{"count":1,"title":"parentElementSelector","type":"paragraph"}}}}},{"search":"The transformers let you transform the structure of the SDUI Descriptor into a new one before parsing and rendering it.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"transformers":{"count":1,"title":"Transformers:","type":"paragraph"}}}}},{"search":"To enable it, you must fill the transformation attribute of the component with a URL pointing to a Transform descriptor.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"transformers":{"count":1,"title":"Transformers:","type":"paragraph"}}}}},{"search":"Each key of the library will be merged with the current library in the SDUI Descriptor, by replacing or creating items library key by key.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"the-library":{"count":1,"title":"The library:","type":"paragraph"}}}}},{"search":"Each transform represents an action that will be done on the SDUI descriptor before the creation of the entire UI.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"the-transform-actions":{"count":1,"title":"The transform actions:","type":"paragraph"}}}}},{"search":"The action that will be done is a verb:\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"the-transform-actions":{"count":1,"title":"The transform actions:","type":"paragraph"}}}}},{"search":"This is an HTML attribute to set on the component if needed. In this case, the component will not treat its props value directly as an SDUI descriptor. Internally, it will basically extract the SDUIDescriptor by doing something like this: const sduiDescriptor = this.props[this.sduikey].\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"sduikey":{"count":1,"title":"sduiKey","type":"paragraph"}}}}},{"search":"This is an HTML attribute to set on the component if needed. In this case, the component will automatically create a sonic-toast-message-subscriber component. The data found in props[messageKey] will be treated as the data expected by the sonic-toast-message-subscriber. So, by respecting the format of data supported by this component, you will be able to show multiple toasts in the result of a request.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"messagekey":{"count":1,"title":"messageKey","type":"paragraph"}}}}},{"search":"Example of JSON with messageKey=messages:\\n\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"messagekey":{"count":1,"title":"messageKey","type":"paragraph"}}}}},{"search":"This is an HTML attribute to set on the component if needed. You can set a URL pointing to a JSON describing a library with the same structure as the library in the SDUIDescriptor. The component will simply override its library with the given one.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library":{"count":1,"title":"library","type":"paragraph"}}}}},{"search":"Here is a little playground to let you test some simple tricks.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"playground":{"count":1,"title":"Playground","type":"paragraph"}}}}},{"search":"States","files":{"core/components/functional/states/states.md":{"title":"States","hashes":{"states":{"count":1,"title":"","type":"page"}}}}},{"search":"When using capturing groups () the stored values are accessible via the dataProviderExpressione.g., data-value="#couleur_(\\\\d+)" => dataProviderExpression="api/unknown/$1"\\n","files":{"core/components/functional/states/states.md":{"title":"States","hashes":{"regexp":{"count":1,"title":"Regexp","type":"paragraph"}}}}},{"search":"Same as RegExp but using url patternse.g., data-value="#couleur_:id" => dataProviderExpression="api/unknown/:id"\\n","files":{"core/components/functional/states/states.md":{"title":"States","hashes":{"url-pattern":{"count":1,"title":"Url-pattern","type":"paragraph"}}}}},{"search":"Submit","files":{"core/components/functional/submit/submit.md":{"title":"Submit","hashes":{"submit":{"count":1,"title":"","type":"page"}}}}},{"search":"Result will show when something has been submit because the dataprovider used in this example is the same as the submitResultDataProvider used in the previous form.\\n\\n","files":{"core/components/functional/submit/submit.md":{"title":"Submit","hashes":{"result-handling-example":{"count":1,"title":"Result handling example","type":"paragraph"}}}}},{"search":"You can write the folowing code where the name attribute is written in dot notation.\\n","files":{"core/components/functional/submit/submit.md":{"title":"Submit","hashes":{"dot-notation":{"count":1,"title":"dot notation","type":"paragraph"}}}}},{"search":"The data will be stored in the following format:\\n","files":{"core/components/functional/submit/submit.md":{"title":"Submit","hashes":{"dot-notation":{"count":1,"title":"dot notation","type":"paragraph"}}}}},{"search":"Subscriber","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"subscriber":{"count":1,"title":"","type":"page"}}}}},{"search":"La mixin Subscriber permet lier un composant à un publisher.\\nLa liaison à un publisher se fait via l'attribut dataProvider du composant qui représente ce que l'on obtient en appellant PublisherManager.get(dataProvider).\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"subscriber":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Les propriétés du composant sont automatiquement remplies avec les propriétés du même nom dans les données du publisher.\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"subscriber":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Le composant est automatiquement mis à jour lorsque les données du publisher sont mises à jour.\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"subscriber":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Id of the dataProvider that the component will subscribe to\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"dataprovider":{"count":1,"title":"DataProvider","type":"paragraph"}}}}},{"search":"Data object (json) that will be passed to the dataProvider\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"props":{"count":1,"title":"Props","type":"paragraph"}}}}},{"search":"Helper, display the data held by the dataProvider in a floating div\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"debug":{"count":1,"title":"Debug","type":"paragraph"}}}}},{"search":"Docs coming soon\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"noautofill":{"count":1,"title":"NoAutofill","type":"paragraph"},"propertymap":{"count":1,"title":"PropertyMap","type":"paragraph"},"bindpublisher":{"count":1,"title":"BindPublisher","type":"paragraph"},"instancecounter":{"count":1,"title":"instanceCounter","type":"paragraph"},"publisher":{"count":1,"title":"Publisher","type":"paragraph"},"args":{"count":1,"title":"Args","type":"paragraph"}}}}},{"search":"Permet de mapper un nom de propriété de donnée source vers une propriété du subscriber à la volée\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"propertymap":{"count":1,"title":"PropertyMap","type":"paragraph"}}}}},{"search":"On peut utiliser cette fonction pour lier un publisher spécifique au composant si besoin.\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"bindpublisher":{"count":1,"title":"BindPublisher","type":"paragraph"}}}}},{"search":"Par défaut on crée un shadow dom mais on peut demander à ne pas en avoir via cette propriété et un attribut associé.Cela se fait à l'initialisation uniquement et n'est pas modifiable lors de la vie du composant.\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"noshadowdom":{"count":1,"title":"NoShadowDom","type":"paragraph"}}}}},{"search":"styles ??title ??_props ??onAssign ??defferedDebug ??\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"other-attributes-gathered-from-subscriberstoriests":{"count":1,"title":"Other attributes gathered from subscriber.stories.ts","type":"paragraph"}}}}},{"search":"Value","files":{"core/components/functional/value/value.md":{"title":"Value","hashes":{"value":{"count":1,"title":"","type":"page"}}}}},{"search":"Simply shows a value from a data provider.\\nYou can target sub data value using dot syntax.\\nThe value reacts to changes.\\n","files":{"core/components/functional/value/value.md":{"title":"Value","hashes":{"value":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Alert","files":{"core/components/ui/alert/alert.md":{"title":"Alert","hashes":{"alert":{"count":1,"title":"","type":"page"}}}}},{"search":"Badge","files":{"core/components/ui/badge/badge.md":{"title":"Badge","hashes":{"badge":{"count":1,"title":"","type":"page"}}}}},{"search":"Button","files":{"core/components/ui/button/button.md":{"title":"Button","hashes":{"button":{"count":1,"title":"","type":"page"}}}}},{"search":"The length of the button depends on the size of its content\\n\\n","files":{"core/components/ui/button/button.md":{"title":"Button","hashes":{"loading":{"count":1,"title":"Loading","type":"paragraph"}}}}},{"search":"Captcha","files":{"core/components/ui/captcha/captcha.md":{"title":"Captcha","hashes":{"captcha":{"count":1,"title":"","type":"page"}}}}},{"search":"Card","files":{"core/components/ui/card/card.md":{"title":"Card","hashes":{"card":{"count":1,"title":"","type":"page"}}}}},{"search":"Divider","files":{"core/components/ui/divider/divider.md":{"title":"Divider","hashes":{"divider":{"count":1,"title":"","type":"page"}}}}},{"search":"Checkbox","files":{"core/components/ui/form/checkbox/checkbox.md":{"title":"Checkbox","hashes":{"checkbox":{"count":1,"title":"","type":"page"}}}}},{"search":"Fieldset","files":{"core/components/ui/form/fieldset/fieldset.md":{"title":"Fieldset","hashes":{"fieldset":{"count":1,"title":"","type":"page"}}}}},{"search":"Form-actions","files":{"core/components/ui/form/form-actions/form-actions.md":{"title":"Form-actions","hashes":{"form-actions":{"count":1,"title":"","type":"page"}}}}},{"search":"Form-layout","files":{"core/components/ui/form/form-layout/form-layout.md":{"title":"Form-layout","hashes":{"form-layout":{"count":1,"title":"","type":"page"}}}}},{"search":"Input","files":{"core/components/ui/form/input/input.md":{"title":"Input","hashes":{"input":{"count":1,"title":"","type":"page"}}}}},{"search":"Liste des types\\n","files":{"core/components/ui/form/input/input.md":{"title":"Input","hashes":{"type":{"count":1,"title":"Type","type":"paragraph"}}}}},{"search":"\\n","files":{"core/components/ui/form/input/input.md":{"title":"Input","hashes":{"list":{"count":1,"title":"List","type":"paragraph"}}},"core/components/ui/icon/icon.md":{"title":"Icon","hashes":{"custom":{"count":1,"title":"Custom","type":"paragraph"}}},"docs/_misc/templates-demo.md":{"title":"Templates Demo","hashes":{"states":{"count":1,"title":"States","type":"paragraph"},"queue":{"count":1,"title":"Queue","type":"paragraph"}}}}},{"search":"Input-autocomplete","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"input-autocomplete":{"count":1,"title":"","type":"page"}}}}},{"search":"The input-autocomplete component brings input and queue together in order to create a suggest behavior. This is why this component is partially configured as a form input and as a queue.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"input-autocomplete":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Please note that only basic text input params and methods are implemented at this time. You should also be sure to understand the behavior of a queue in order to take full advantage of the input-autocomplete component.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"input-autocomplete":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Here are some of the features of the input-autocomplete component:\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"input-autocomplete":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"If you are looking for a component to provide a suggest behavior, the input-autocomplete component is a good option. \\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"input-autocomplete":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"In this example, the input will use its name as the search parameter when calling the service responsible for autocompletion.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"simple-example":{"count":1,"title":"Simple Example","type":"paragraph"}}}}},{"search":"The template is used to render the list items of results.\\nThe list items are responsible for making a selection.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"simple-example":{"count":1,"title":"Simple Example","type":"paragraph"}}}}},{"search":"This time, we added buttons with the same name as the input while keeping the same data provider.\\nThe result is that when you select an item, the input takes the value of the selected item, completing the classic suggest behavior.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"simple-example":{"count":1,"title":"Simple Example","type":"paragraph"}}}}},{"search":"In this example, the search parameter is separated from the name of the input. This means that the input will use the name "nom" as the search parameter, but the form data provider will be filled with the data named "siren" from the selected list item.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"value-different-from-search-parameter":{"count":1,"title":"Value different from search parameter","type":"paragraph"}}}}},{"search":"To do this, we need to use the searchParam attribute on the input element. This attribute specifies the name of the search parameter that will be used.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"value-different-from-search-parameter":{"count":1,"title":"Value different from search parameter","type":"paragraph"}}}}},{"search":"We also need to use the name and value attribute on the list items. This attribute specifies the value of the data provider that will be used for the selected list item.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"value-different-from-search-parameter":{"count":1,"title":"Value different from search parameter","type":"paragraph"}}}}},{"search":"By using these attributes, we can separate the search parameter from the name of the input and still fill the form data provider with the data from the selected list item.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"value-different-from-search-parameter":{"count":1,"title":"Value different from search parameter","type":"paragraph"}}}}},{"search":"This example is the same as the previous one, except that the select attribute is used. This attribute changes the look and feel of the component slightly.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"select-autocomplete--value-different-from-search-parameter":{"count":1,"title":"Select autocomplete / value different from search parameter","type":"paragraph"}}}}},{"search":"Now the text is less free because, you must select either something from the list given by the service, or nothing else.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"select-autocomplete--value-different-from-search-parameter":{"count":1,"title":"Select autocomplete / value different from search parameter","type":"paragraph"}}}}},{"search":"The following code shows how to use the select attribute in an autocomplete input:\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"select-autocomplete--value-different-from-search-parameter":{"count":1,"title":"Select autocomplete / value different from search parameter","type":"paragraph"}}}}},{"search":"At the moment you can enable keyboard up/down by adding an attribut "data-keyboard-nav" on the component and its listItems\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"keyboard-navigation":{"count":1,"title":"keyboard navigation","type":"paragraph"}}}}},{"search":"Radio","files":{"core/components/ui/form/radio/radio.md":{"title":"Radio","hashes":{"radio":{"count":1,"title":"","type":"page"}}}}},{"search":"Select","files":{"core/components/ui/form/select/select.md":{"title":"Select","hashes":{"select":{"count":1,"title":"","type":"page"}}}}},{"search":"Switch","files":{"core/components/ui/form/switch/switch.md":{"title":"Switch","hashes":{"switch":{"count":1,"title":"","type":"page"}}}}},{"search":"Textarea","files":{"core/components/ui/form/textarea/textarea.md":{"title":"Textarea","hashes":{"textarea":{"count":1,"title":"","type":"page"}}}}},{"search":"Group","files":{"core/components/ui/group/group.md":{"title":"Group","hashes":{"group":{"count":1,"title":"","type":"page"}}}}},{"search":"Icon","files":{"core/components/ui/icon/icon.md":{"title":"Icon","hashes":{"icon":{"count":1,"title":"","type":"page"}}}}},{"search":"Image","files":{"core/components/ui/image/image.md":{"title":"Image","hashes":{"image":{"count":1,"title":"","type":"page"}}}}},{"search":"Link","files":{"core/components/ui/link/link.md":{"title":"Link","hashes":{"link":{"count":1,"title":"","type":"page"}}}}},{"search":"Loader","files":{"core/components/ui/loader/loader.md":{"title":"Loader","hashes":{"loader":{"count":1,"title":"","type":"page"}}}}},{"search":"Menu","files":{"core/components/ui/menu/menu.md":{"title":"Menu","hashes":{"menu":{"count":1,"title":"","type":"page"}}}}},{"search":"Modal","files":{"core/components/ui/modal/modal.md":{"title":"Modal","hashes":{"modal":{"count":1,"title":"","type":"page"}}}}},{"search":"Pop","files":{"core/components/ui/pop/pop.md":{"title":"Pop","hashes":{"pop":{"count":1,"title":"","type":"page"}}}}},{"search":"Progress bar","files":{"core/components/ui/progress/progress.md":{"title":"Progress bar","hashes":{"progress-bar":{"count":1,"title":"","type":"page"}}}}},{"search":"Displays an indicator showing the completion progress of a task.\\n","files":{"core/components/ui/progress/progress.md":{"title":"Progress bar","hashes":{"progress-bar":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Table","files":{"core/components/ui/table/table.md":{"title":"Table","hashes":{"table":{"count":1,"title":"","type":"page"}}}}},{"search":"Values available : primary, info, success, warning, danger\\n","files":{"core/components/ui/table/table.md":{"title":"Table","hashes":{"type":{"count":1,"title":"Type","type":"paragraph"}}}}},{"search":"The following attributes will be used to set the style of the component : \\n","files":{"core/components/ui/table/table.md":{"title":"Table","hashes":{"cell-style-attributes":{"count":1,"title":"Cell style attributes","type":"paragraph"}}}}},{"search":"Every table is responsive by default\\n","files":{"core/components/ui/table/table.md":{"title":"Table","hashes":{"responsive":{"count":1,"title":"Responsive","type":"paragraph"}}}}},{"search":"Toast","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"toast":{"count":1,"title":"","type":"page"}}}}},{"search":"Les statuts disponibles sont : success, error, warning, info ou vide (par défaut).\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"statut":{"count":1,"title":"Statut","type":"paragraph"}}}}},{"search":"Le contenu du toast peut contenir du HTML.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"avec-contenu-html":{"count":1,"title":"Avec contenu HTML","type":"paragraph"}}}}},{"search":"Par défaut, les toasts disparaissent automatiquement. Avec preserve: true, le toast reste affiché jusqu'à ce qu'il soit fermé manuellement.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"persistance":{"count":1,"title":"Persistance","type":"paragraph"}}}}},{"search":"Avec dismissForever: true et un id, le toast peut être masqué définitivement. Une fois fermé, il ne réapparaîtra plus même après rechargement de la page.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"masquer-définitivement":{"count":1,"title":"Masquer définitivement","type":"paragraph"}}}}},{"search":"Avec ghost: true, le toast devient semi-transparent et non-interactif.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"fantôme":{"count":1,"title":"Fantôme","type":"paragraph"}}}}},{"search":"Supprime tous les toasts sauf ceux marqués comme ghost.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"tout-supprimer":{"count":1,"title":"Tout supprimer","type":"paragraph"}}}}},{"search":"Supprime tous les toasts d'un statut spécifique.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"supprimer-par-statut":{"count":1,"title":"Supprimer par statut","type":"paragraph"}}}}},{"search":"Supprime tous les toasts qui ne sont pas marqués comme preserve.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"supprimer-les-éléments-temporaires":{"count":1,"title":"Supprimer les éléments temporaires","type":"paragraph"}}}}},{"search":"Tooltip","files":{"core/components/ui/tooltip/tooltip.md":{"title":"Tooltip","hashes":{"tooltip":{"count":1,"title":"","type":"page"}}}}},{"search":"By default, tooltip is centered next to its content\\n","files":{"core/components/ui/tooltip/tooltip.md":{"title":"Tooltip","hashes":{"placement":{"count":1,"title":"Placement","type":"paragraph"}}}}},{"search":"lit + tailwind + vite","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit--tailwind--vite":{"count":1,"title":"","type":"page"}}}}},{"search":"Some notes for an overview of Concorde's functioning\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit--tailwind--vite":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"A web component is simply a custom HTML element created using web standards:\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"standard-web-components":{"count":1,"title":"Standard Web components","type":"paragraph"}}}}},{"search":"web component = Custom Elements + shadowDom + HTML templates\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"standard-web-components":{"count":1,"title":"Standard Web components","type":"paragraph"}}}}},{"search":"Concorde components are written using the lightweight Lit library: https://lit.dev/.\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit-library":{"count":1,"title":"Lit Library","type":"paragraph"}}}}},{"search":"A good portion of the elements documented on the Lit website are standard JavaScript concepts (e.g., mixins, tagged template literals).\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit-library":{"count":1,"title":"Lit Library","type":"paragraph"}}}}},{"search":"The library simplifies the writing of web components by automating certain tasks:\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit-library":{"count":1,"title":"Lit Library","type":"paragraph"}}}}},{"search":"Our use of Lit rarely goes beyond this hello world\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit-library":{"count":1,"title":"Lit Library","type":"paragraph"}}}}},{"search":"We write the components in TypeScript, which is then compiled into JS.\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"typescript-language":{"count":1,"title":"Typescript Language","type":"paragraph"}}}}},{"search":"Static and inferred typing provides stronger validation of the program's functioning during compilation.\\nHowever, we often use the "any" type due to time constraints.\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"typescript-language":{"count":1,"title":"Typescript Language","type":"paragraph"}}}}},{"search":"Lit uses TypeScript to simplify development through metadata:\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"typescript-language":{"count":1,"title":"Typescript Language","type":"paragraph"}}}}},{"search":"☢️Warning:\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"typescript-language":{"count":1,"title":"Typescript Language","type":"paragraph"}}}}},{"search":"Compatibility issues may arise when using JS libraries, particularly regarding DOM traversal.\\nThis is because these libraries are blocked from traversing the DOM due to the presence of the shadow DOM.\\nHere are some examples of things that may cause problems:\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"compatibility-with-classic-js-libraries":{"count":1,"title":"Compatibility with Classic JS Libraries","type":"paragraph"}}}}},{"search":"🧱 Creating components\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"topics-to-explore-for-further-learning":{"count":1,"title":"Topics to Explore for Further Learning","type":"paragraph"}}}}},{"search":"🎨 Adding styles\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"topics-to-explore-for-further-learning":{"count":1,"title":"Topics to Explore for Further Learning","type":"paragraph"}}}}},{"search":"🥨 Sharing data\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"topics-to-explore-for-further-learning":{"count":1,"title":"Topics to Explore for Further Learning","type":"paragraph"}}}}},{"search":"The subscriber mixin","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"the-subscriber-mixin":{"count":1,"title":"","type":"page"}}}}},{"search":"This is a mixin that is commonly extended by Concorde core components and destination components. Pure UI components usually don't extend it, especially those outside of form components.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"the-subscriber-mixin":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Upon being added to the DOM (connectedCallback), subscribers search for the first occurrence of the dataProvider attribute in their parent's HTML structure.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"The value of this attribute is used to obtain a publisher via the PublisherManager (see 🥨 Sharing Data).\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"The subscriber then subscribes to the publisher as a data template to be filled.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"The reactive properties of the component reflect in real-time the properties with the same name in the publisher.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"This functionality is commonly used in the generic components fetch, queue, and list.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"If the subscriber is inside another subscriber, it can subscribe to a data of its parent using the attribute subDataProvider = 'address.of.my.data' instead of the parent's data. This allows for dynamic behavior.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"In a similar manner, searching for ancestor attributes can be used to configure automatic translation for any property starting with "wording" and ending with a label identifier recognized by the wordingProvider API.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"automated-translation":{"count":1,"title":"Automated Translation","type":"paragraph"}}}}},{"search":"Normally, this API is globally configured and not within the component. Therefore, remember to prefix translatable label identifiers present in the ticketing system, for example, with "wording".\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"automated-translation":{"count":1,"title":"Automated Translation","type":"paragraph"}}}}},{"search":"The value of this property can be provided as a JSON object or any other value. This value is then assigned to the associated publisher via the dataProvider attribute. As a result, the reactive properties of all subscribers associated with the same dataProvider are filled as mentioned above.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"reactive-property-props":{"count":1,"title":"Reactive Property `props`","type":"paragraph"}}}}},{"search":"It is possible to disable the automatic filling of reactive properties in a particular component. To do so, set the variable noAutoFill = true in the component's class. However, the reactive property props will still be updated.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"disabling-automatic-filling-of-reactive-properties":{"count":1,"title":"Disabling Automatic Filling of Reactive Properties","type":"paragraph"}}}}},{"search":"For example, sonic-subscriber and sonic-fetch have this attribute because they do not have reactive properties.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"disabling-automatic-filling-of-reactive-properties":{"count":1,"title":"Disabling Automatic Filling of Reactive Properties","type":"paragraph"}}}}},{"search":"☢ CAUTION: When creating an object of type Subscriber or Fetcher, make sure to use the mixins and not directly extend the concrete fetch component (sonic-fetch) and subscriber component (sonic-subscriber). This is because the noAutofill = true attribute is set in those components.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"disabling-automatic-filling-of-reactive-properties":{"count":1,"title":"Disabling Automatic Filling of Reactive Properties","type":"paragraph"}}}}},{"search":"TIPS: \\nIf you disable automatic filling, you will likely make the rendering dynamic by writing expressions like this.props.my.subproperty. If props is updated, the rendering will be triggered. However, if this.props.my.subproperty is directly modified, the rendering will not be triggered. To achieve more reactivity, you can enable rendering when any subproperty is modified. Simply set the variable renderOnPropsInternalChange = true in the class that implements the corresponding mixin.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"disabling-automatic-filling-of-reactive-properties":{"count":1,"title":"Disabling Automatic Filling of Reactive Properties","type":"paragraph"}}}}},{"search":"Suppose that:\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"data-binding":{"count":1,"title":"Data Binding","type":"paragraph"}}}}},{"search":"This example also illustrates:\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"data-binding":{"count":1,"title":"Data Binding","type":"paragraph"}}}}},{"search":"Note: Data binding implies that updating the img.src data via the publisher will change the photo without any additional calls.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"data-binding":{"count":1,"title":"Data Binding","type":"paragraph"}}}}},{"search":"Special Variables:\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"data-binding":{"count":1,"title":"Data Binding","type":"paragraph"}}}}},{"search":"Disabling this functionality:\\nYou can disable data binding if it is not needed by calling DataBinding.disable().\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"data-binding":{"count":1,"title":"Data Binding","type":"paragraph"}}}}},{"search":"Installation","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"installation":{"count":1,"title":"","type":"page"}}}}},{"search":"The easiest way to use Concorde is by using the Concorde starter.The following command creates a new Vite project in TypeScript mode with Tailwind and an example component to get started.\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"starter":{"count":1,"title":"Starter","type":"paragraph"}}}}},{"search":"For a more manual configuration, you can refer to the following sections. \\nHowever, the Tailwind configuration is not mentioned at the moment.\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"brand-new-vite-project":{"count":1,"title":"Brand New Vite Project","type":"paragraph"}}}}},{"search":"Using Lit with TypeScript requires the following configuration in the "compilerOptions" section of the tsconfig.json file:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"creating-the-project":{"count":1,"title":"Creating the Project","type":"paragraph"}}}}},{"search":"Navigate to the project folder created and perform the installation:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"installing-concorde":{"count":1,"title":"Installing Concorde","type":"paragraph"}}}}},{"search":"Shortcut imports work by default in JavaScript, but in TypeScript, they are activated by choice as they inject data into tsconfig.json. Here is the command:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"shortcut-imports":{"count":1,"title":"Shortcut Imports","type":"paragraph"}}}}},{"search":"Shortcut imports replace the actual paths with aliases as follows:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"shortcut-imports":{"count":1,"title":"Shortcut Imports","type":"paragraph"}}}}},{"search":"The original paths remain accessible. Shortcut imports are used for the examples later in this documentation.\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"shortcut-imports":{"count":1,"title":"Shortcut Imports","type":"paragraph"}}}}},{"search":"Import needed component in main.ts or wherever you want to use it:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"simple-integration-in-html":{"count":1,"title":"Simple Integration in HTML","type":"paragraph"}}}}},{"search":"Then in the render function ofyour component or in the HTML of the web page that includes the compiled JS, use the component as follows:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"simple-integration-in-html":{"count":1,"title":"Simple Integration in HTML","type":"paragraph"}}}}},{"search":"For example, create a file my-element.ts at the root:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"using-a-mixin-to-create-a-new-lit-component":{"count":1,"title":"Using a Mixin to Create a New Lit Component","type":"paragraph"}}}}},{"search":"@customElement("my-element")\\nexport class SonicComponent extends Fetcher(Subscriber(LitElement)) {\\n @property() email = "";\\n @property() first_name = "";\\n @property() last_name = "";\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"using-a-mixin-to-create-a-new-lit-component":{"count":1,"title":"Using a Mixin to Create a New Lit Component","type":"paragraph"}}}}},{"search":" render() {\\n return html<div> ${this.first_name} ${this.last_name} : ${this.email} </div>;\\n }\\n}\\n \\n\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"using-a-mixin-to-create-a-new-lit-component":{"count":1,"title":"Using a Mixin to Create a New Lit Component","type":"paragraph"}}}}},{"search":"Import component main.ts or main.js or any other component that uses it to be compiled\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"using-a-mixin-to-create-a-new-lit-component":{"count":1,"title":"Using a Mixin to Create a New Lit Component","type":"paragraph"}}}}},{"search":"In the HTML of a JS or TS component or in the HTML of the web page containing the compiled JS:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"using-a-mixin-to-create-a-new-lit-component":{"count":1,"title":"Using a Mixin to Create a New Lit Component","type":"paragraph"}}}}},{"search":"Creating components","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"creating-components":{"count":1,"title":"","type":"page"}}}}},{"search":"In this document, we consider the src directory of the project as the root.\\nWe describe how we organize our components as an example, however it depends on your project.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"where-to-put-it":{"count":1,"title":"Where to put it?","type":"paragraph"}}}}},{"search":"In concorde each component is currently organized in the following directory structure (at least we try):\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"where-to-put-it":{"count":1,"title":"Where to put it?","type":"paragraph"}}}}},{"search":"You can copy example.ts from the source to the desired destination to start with.\\nThis file contains a web component in the form of a class that extends the Subscriber mixin, with a reactive property and a render function.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"starting-from-a-simple-model":{"count":1,"title":"Starting from a Simple Model","type":"paragraph"}}}}},{"search":"@customElement("sonic-example")\\nexport class SonicComponent extends Subscriber(LitElement) {\\n @property() text = "Example";\\n render() {\\n return html${this.text};\\n }\\n}\\n \\n\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"starting-from-a-simple-model":{"count":1,"title":"Starting from a Simple Model","type":"paragraph"}}}}},{"search":"You can remove the dependency on Subscriber if automatic population of the component with external data is not required.\\nFor example, for a UI component:\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"starting-from-a-simple-model":{"count":1,"title":"Starting from a Simple Model","type":"paragraph"}}}}},{"search":"@customElement("sonic-example")\\nexport class SonicComponent extends LitElement {\\n @property() text = "Example";\\n render() {\\n return html${this.text};\\n }\\n}\\n \\n\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"starting-from-a-simple-model":{"count":1,"title":"Starting from a Simple Model","type":"paragraph"}}}}},{"search":"Regarding Subscriber, see:\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"starting-from-a-simple-model":{"count":1,"title":"Starting from a Simple Model","type":"paragraph"}}}}},{"search":"The class name is not necessarily important. However, it is important to give it a component name prefixed with "sonic" (or a prefix of your own) using the dedicated metadata already present in the copied document. For example, a button component would be named as follows:\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"naming-the-component":{"count":1,"title":"Naming the Component","type":"paragraph"}}}}},{"search":"For less generic components with a specific destination, we advise to include the destination in the name.\\nFor example, for a "title" component in the "event" destination, the name would be simply:\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"naming-the-component":{"count":1,"title":"Naming the Component","type":"paragraph"}}}}},{"search":"To do this, study the functioning of https://lit.dev and also refer to Subscriber.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"creating-reactive-properties-and-modifying-the-render-function":{"count":1,"title":"Creating Reactive Properties and Modifying the Render Function","type":"paragraph"}}}}},{"search":"The HTML structure of a component should remain as simple as possible.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"html-structure-of-a-component":{"count":1,"title":"HTML Structure of a Component","type":"paragraph"}}}}},{"search":"Ideally, there should be only one additional level of elements in addition to slots.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"html-structure-of-a-component":{"count":1,"title":"HTML Structure of a Component","type":"paragraph"}}}}},{"search":"This leads to the creation of more components and thus raises questions about the hierarchical organization of files. However, this tends to atomize their roles.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"html-structure-of-a-component":{"count":1,"title":"HTML Structure of a Component","type":"paragraph"}}}}},{"search":"To compile the component, it needs to be referenced somewhere through an import statement. In particular, it is important to reference it in any component that uses it.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"referencing-it":{"count":1,"title":"Referencing It","type":"paragraph"}}}}},{"search":"In the case where it can be directly used in a page, it should also be globally referenced, especially considering the creation of specific bundles in the future.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"referencing-it":{"count":1,"title":"Referencing It","type":"paragraph"}}}}},{"search":"Here's where we add imports based on the component's location inside concorde as an example\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"referencing-it":{"count":1,"title":"Referencing It","type":"paragraph"}}}}},{"search":"As a reminder, the component is simply integrated into the context by adding a tag with the component's name, for example:\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"using-it":{"count":1,"title":"Using It","type":"paragraph"}}}}},{"search":"My first subscriber component","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"my-first-subscriber-component":{"count":1,"title":"","type":"page"}}}}},{"search":"Learn how to build a subscriber component, styled with tailwind, \\nwhich could be used as a regular component or could be filled from a dataprovider.\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"my-first-subscriber-component":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"First export tailwind, in a tailwind.ts file, stylesheet to add it in our component when needed.\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"style-with-tailwind-and-ui-components":{"count":1,"title":"Style with tailwind and ui components","type":"paragraph"}}}}},{"search":"Reactive properties can be filled by its attributes as a simple lit component.\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"basic-usage":{"count":1,"title":"Basic usage","type":"paragraph"}}}}},{"search":"Import Subscriber mixin, and add it around LitElement.\\n\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"add-subscriber-mixin":{"count":1,"title":"Add Subscriber mixin","type":"paragraph"}}}}},{"search":"Without a dataProvider attribute, a subscriber set its own dataprovider from first ancestor found, and then reactive properties automatically filled and update from it.\\nA fetcher is a simple component which set its fetch result to props of its dataprovider.\\n\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"autofill-properties-from-a-dataprovider":{"count":1,"title":"Autofill properties from a dataProvider","type":"paragraph"}}}}},{"search":"A subscriber can subscribe data from anywhere in the DOM, with its dataprovider set as a provider id.\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"autofill-properties-from-a-dataprovider":{"count":1,"title":"Autofill properties from a dataProvider","type":"paragraph"}}}}},{"search":"Sharing data","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"sharing-data":{"count":1,"title":"","type":"page"}}}}},{"search":"This section describes how we share data between graphical and non graphical components and classes.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"sharing-data":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Especialy, graphical components should not reference each other in order to remain decoupled.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"sharing-data":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Thats why we use publish/subscribe paradigm to addresse this issue.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"sharing-data":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"❇️ The order of data creation and subscription theoretically has no importance.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"Denotes the identifier of a publisher as referenced in the PublisherManager (see below).\\nUses the dataProvider attribut in html tags to scop the content with some data.\\nsee Subscribers.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"dataprovider":{"count":1,"title":"DataProvider","type":"paragraph"}}}}},{"search":"The PublisherManager is a utility class to get publishers\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"publishermanager":{"count":1,"title":"PublisherManager","type":"paragraph"}}}}},{"search":"It plays a central role in the components, especially through the "subscriber" mixin.\\nAutomatic data communication between components in concorde uses this principle in conjunction with Lit's reactive properties. \\nRefer to the documentation for Subscriber.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"publishermanager":{"count":1,"title":"PublisherManager","type":"paragraph"}}}}},{"search":"It is declared on the window object to allow usage in a web page, so the equivalent one-liner would be:\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"publishermanager":{"count":1,"title":"PublisherManager","type":"paragraph"}}}}},{"search":"This example can be tested in a console when Concorde is loaded on the page (for example, in a ticketing system).\\nIn a component, you will need to perform an import as explained earlier.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"basic-example":{"count":1,"title":"Basic Example","type":"paragraph"}}}}},{"search":"Introduction","files":{"docs/_getting-started/start.md":{"title":"Introduction","hashes":{"introduction":{"count":1,"title":"","type":"page"}}}}},{"search":"Based on lit.dev, Concorde is a collection of webcomponents made to build shared apps or websites.Develop user interfaces without thinking about the implementation context, where everything is scoped, but preserving graphic consistency by setting the strict minimum of css variables.\\n","files":{"docs/_getting-started/start.md":{"title":"Introduction","hashes":{"what-is-concorde-":{"count":1,"title":"What is Concorde ?","type":"paragraph"}}}}},{"search":"In 2022, Supersoniks wanted to create a new version of his ticketing app, in production un nearly 100 websites. We needed shared components which could be implemented in mobile apps, modern websites, and also old ones made in php, without bundlers or whatever.Instead of building a new app for each type of project, which would become impossible to maintain, we've decided to create one app, composed by a few webcomponents wich could easily be recomposed on any website.\\nWebcomponents appeared to be a the perfect solution to guarantee that compatibility with all past, present and futures environment, and lit seemed to be the best choice to build them.\\n","files":{"docs/_getting-started/start.md":{"title":"Introduction","hashes":{"why-and-use-case":{"count":1,"title":"Why and use case","type":"paragraph"}}}}},{"search":"A new project with Vite, Typescript and Tailwind already configured and a simple example of a subscriber component : \\n","files":{"docs/_getting-started/start.md":{"title":"Introduction","hashes":{"start-a-new-project-easily":{"count":1,"title":"Start a new project easily","type":"paragraph"}}}}},{"search":"Adding styles","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"adding-styles":{"count":1,"title":"","type":"page"}}}}},{"search":"No style crosses the shadow root of a component, except for inheritable properties (which have the "inherit" property possible) and CSS variables.\\nProperties integrated via a "slot" remain stylizable in a conventional way.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"normal-behavior":{"count":1,"title":"Normal Behavior","type":"paragraph"}}}}},{"search":"The declaration of reactive properties is useful for selecting a particular configuration that mostly affects a set of properties.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"choosing-style-presets-via-reactive-properties":{"count":1,"title":"Choosing Style Presets via Reactive Properties:","type":"paragraph"}}}}},{"search":"For example, a size property (xs, sm, md, xl) will affect margins, font, line heights to align them with the corresponding CSS vars, which can be customized using the methods mentioned earlier if necessary.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"choosing-style-presets-via-reactive-properties":{"count":1,"title":"Choosing Style Presets via Reactive Properties:","type":"paragraph"}}}}},{"search":"It is recommended to use the {reflect: true} property for reactive properties that have an associated style on the :host(). For example: :host([type='primary']){...}\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"choosing-style-presets-via-reactive-properties":{"count":1,"title":"Choosing Style Presets via Reactive Properties:","type":"paragraph"}}}}},{"search":"☢️ Caution: Passing class names via reactive properties / HTML attributes of the component should be avoided as it can quickly lead to difficult-to-manage situations.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"choosing-style-presets-via-reactive-properties":{"count":1,"title":"Choosing Style Presets via Reactive Properties:","type":"paragraph"}}}}},{"search":"By default, the display property is inline.\\nTherefore, be careful to define it according to the needs, as one might mistakenly expect it to be block as with a regular <div>.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"css-display-property":{"count":1,"title":"CSS \\"display\\" Property","type":"paragraph"}}}}},{"search":"☢️ Caution: Defining the display property as contents may seem attractive at first, but:\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"css-display-property":{"count":1,"title":"CSS \\"display\\" Property","type":"paragraph"}}}}},{"search":"tailwind has been integrated into Concorde and is available in scoped components (with Shadow DOM).\\nTo use it, you need to import the following:\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"tailwind-functional-classes":{"count":1,"title":"TAILWIND Functional Classes","type":"paragraph"}}}}},{"search":"Then include the tailwind style in the static styles property of the component:\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"tailwind-functional-classes":{"count":1,"title":"TAILWIND Functional Classes","type":"paragraph"}}}}},{"search":"Finally, use it in the HTML within the render function:\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"tailwind-functional-classes":{"count":1,"title":"TAILWIND Functional Classes","type":"paragraph"}}}}},{"search":"The colors from Concorde's theme are referenced in Tailwind's theme.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"tailwind-functional-classes":{"count":1,"title":"TAILWIND Functional Classes","type":"paragraph"}}}}},{"search":"This operation is particularly useful when it comes to adding behavior to a simple existing element.\\nIt may also become necessary to establish compatibility with a traditional JS library.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"usefulness":{"count":1,"title":"Usefulness","type":"paragraph"}}}}},{"search":"For example, with a text input:\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"usefulness":{"count":1,"title":"Usefulness","type":"paragraph"}}}}},{"search":"If there is no shadow DOM (see the noShadowDom property of Subscriber):\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"consequences":{"count":1,"title":"Consequences","type":"paragraph"}}}}},{"search":"For example, the components queue, list, and fetch do not have a shadow DOM.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"consequences":{"count":1,"title":"Consequences","type":"paragraph"}}}}},{"search":"ℹ️ Note: Specifically in this case, it may be useful to set the display property to contents.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"consequences":{"count":1,"title":"Consequences","type":"paragraph"}}}}},{"search":"@ancestorAttribute","files":{"docs/_misc/ancestor-attribute.md":{"title":"@ancestorAttribute","hashes":{"ancestorattribute":{"count":1,"title":"","type":"page"}}}}},{"search":"The @ancestorAttribute decorator automatically injects the value of an ancestor's attribute into a class property at the time of connectedCallback.\\n","files":{"docs/_misc/ancestor-attribute.md":{"title":"@ancestorAttribute","hashes":{"ancestorattribute":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"This decorator uses HTML.getAncestorAttributeValue to traverse up the DOM tree from the current element and find the first ancestor that has the specified attribute. The value of this attribute is then assigned to the decorated property.\\n","files":{"docs/_misc/ancestor-attribute.md":{"title":"@ancestorAttribute","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"Le composant lit les attributs dataProvider et testAttribute exposés par son conteneur ancêtre.\\n","files":{"docs/_misc/ancestor-attribute.md":{"title":"@ancestorAttribute","hashes":{"basic-example":{"count":1,"title":"Basic example","type":"paragraph"}}}}},{"search":"This decorator is particularly useful for:\\n","files":{"docs/_misc/ancestor-attribute.md":{"title":"@ancestorAttribute","hashes":{"use-cases":{"count":1,"title":"Use cases","type":"paragraph"}}},"docs/_misc/auto-subscribe.md":{"title":"@autoSubscribe","hashes":{"use-cases":{"count":1,"title":"Use cases","type":"paragraph"}}},"docs/_misc/bind.md":{"title":"@bind","hashes":{"use-cases":{"count":1,"title":"Use cases","type":"paragraph"}}},"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"use-cases":{"count":1,"title":"Use cases","type":"paragraph"}}}}},{"search":"@autoSubscribe","files":{"docs/_misc/auto-subscribe.md":{"title":"@autoSubscribe","hashes":{"autosubscribe":{"count":1,"title":"","type":"page"}}}}},{"search":"The @autoSubscribe decorator automatically detects which publishers are accessed within a method and subscribes to them. When any of these publishers change, the method is automatically re-executed.\\n","files":{"docs/_misc/auto-subscribe.md":{"title":"@autoSubscribe","hashes":{"autosubscribe":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"This decorator wraps a method to track which publishers are accessed during its execution. It then subscribes to all accessed publishers, and when any of them change, the method is re-executed. This provides automatic reactivity without manually managing subscriptions.\\n","files":{"docs/_misc/auto-subscribe.md":{"title":"@autoSubscribe","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"@bind","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"bind":{"count":1,"title":"","type":"page"}}}}},{"search":"The @bind decorator automatically binds a class property to a path in a publisher. The property will be automatically \\nupdated when the publisher's data changes.\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"bind":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"If you need to trigger the rendering lifecycle of a LitElement, please also add the @state() decorator to the property.\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"bind":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"This decorator subscribes to a publisher via the PublisherManager using a path (dot notation) to access a specific property. When this property is modified in the publisher, the decorated property is automatically updated.\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"Lorsque vous avez besoin que les modifications locales se propagent également vers le publisher, activez l'option reflect :\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"reflect-liaison-bidirectionnelle":{"count":1,"title":"Reflect (liaison bidirectionnelle)","type":"paragraph"}}}}},{"search":"The path uses dot notation to navigate through the publisher structure:\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"path-syntax":{"count":1,"title":"Path syntax","type":"paragraph"}}},"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"path-syntax":{"count":1,"title":"Path syntax","type":"paragraph"}}}}},{"search":"You can now build the path dynamically by referencing the host class properties inside the string passed to @bind. Two placeholder syntaxes are supported:\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"Each placeholder is replaced at runtime with the current value of the corresponding property. @bind automatically watches those properties and:\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":" }\\n //\\n render() {\\n return html <div class="flex flex-col gap-2"> <sonic-select .value=${this.dataProvider} label="Users set" @change=${this.updateDataProvider} > <option value="demoUsers">First set of users</option> <option value="demoUsersAlt">Second set of users</option> </sonic-select> <sonic-input type="number" .value=${this.userIndex} @input=${this.updateUserIndex} min="0" max="9" label="Index" class="block" > </sonic-input> <sonic-button @click=${this.updateCurrentUserData} >Update current user data</sonic-button > <div class="flex flex-col gap-2 border p-2"> <div> <sonic-icon name="user" library="heroicons"></sonic-icon> ${this.user?.firstName} ${this.user?.lastName} </div> <div> <sonic-icon name="envelope" library="heroicons"></sonic-icon> ${this.user?.email} </div> </div> </div> ;\\n }\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"⚠️ Use a classic string literal: @bind("${dataProvider}.${profileId}.info.title"). Do not use a template literal (backticks), otherwise JavaScript would try to interpolate the value immediately.\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"Additional constraints:\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}},"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"@onAssign","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"onassign":{"count":1,"title":"","type":"page"}}}}},{"search":"The @onAssign decorator allows you to execute a method when one or more publishers are updated. The method is called only when all specified publishers have been assigned values.\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"onassign":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"This decorator subscribes to one or more publishers via the PublisherManager. When all specified publishers have been assigned values (via set), the decorated method is called with all the values as arguments.\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"This is particularly useful when you need to wait for multiple data sources to be ready before executing logic.\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"You can now build the paths dynamically by referencing the host class properties inside the strings passed to @onAssign. Two placeholder syntaxes are supported:\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"Each placeholder is replaced at runtime with the current value of the corresponding property. @onAssign automatically watches those properties and:\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"⚠️ Use classic string literals: @onAssign("${dataProvider}.${profileId}", "settings.${profileId}"). Do not use template literals (backticks), otherwise JavaScript would try to interpolate the value immediately.\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"Templates Demo","files":{"docs/_misc/templates-demo.md":{"title":"Templates Demo","hashes":{"templates-demo":{"count":1,"title":"","type":"page"}}}}},{"search":"Some test/demos\\n","files":{"docs/_misc/templates-demo.md":{"title":"Templates Demo","hashes":{"templates-demo":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"@awaitConnectedAncestors and @dispatchConnectedEvent","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"awaitconnectedancestors-and-dispatchconnectedevent":{"count":1,"title":"","type":"page"}}}}},{"search":"The @awaitConnectedAncestors and @dispatchConnectedEvent decorators delay a web component's initialization until its matching ancestors have executed their connectedCallback. This is when contextual elements (publisher, dataProvider, etc.) are configured.\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"awaitconnectedancestors-and-dispatchconnectedevent":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"When a child component attaches to the DOM, its ancestors may not yet be initialized (especially if custom element definitions are loaded asynchronously). The @awaitConnectedAncestors decorator delays the component's connectedCallback until all ancestors matching the provided CSS selectors have executed their connectedCallback.\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"The @dispatchConnectedEvent decorator allows ancestors to signal they are ready by dispatching the sonic-connected event at the end of their connectedCallback. The event bubbles, so it can be listened to from anywhere (e.g. document.addEventListener(CONNECTED, handler)).\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"Ancestors that are not web components (no hyphen in tag name) are considered connected by default and do not need to emit the event.\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"An ancestor container decorated with @dispatchConnectedEvent() signals when it is ready. A child component decorated with @awaitConnectedAncestors("demo-wait-ancestor-container[dataProvider]") waits for this container to be initialized before initializing itself. Parameters are CSS selectors (element.matches()).\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"basic-example":{"count":1,"title":"Basic example","type":"paragraph"}}}}},{"search":"The parent is registered via customElements.define() (vanilla JS) rather than @customElement, so it can be defined later—e.g. when the user clicks a button. This demonstrates the child waiting until the parent exists.\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"basic-example":{"count":1,"title":"Basic example","type":"paragraph"}}}}},{"search":"The child waits for all specified ancestors. Register outer first, then inner — the child initializes only when both are ready.\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"multiple-ancestors":{"count":1,"title":"Multiple ancestors","type":"paragraph"}}}}},{"search":"When the parent is defined at load and already in the DOM, the child initializes immediately (no delay).\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"ancestors-already-connected":{"count":1,"title":"Ancestors already connected","type":"paragraph"}}}}},{"search":"Static (both in DOM from start):\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"ancestors-already-connected":{"count":1,"title":"Ancestors already connected","type":"paragraph"}}}}},{"search":"Dynamic (child added on button click):\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"ancestors-already-connected":{"count":1,"title":"Ancestors already connected","type":"paragraph"}}}}},{"search":"Parameters are CSS selectors matched via element.matches() — e.g. "sonic-subscriber", "sonic-subscriber[dataProvider]", ".my-container", or multiple: "sonic-subscriber", "sonic-sdui".\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"css-selector-support":{"count":1,"title":"CSS selector support","type":"paragraph"}}}}},{"search":"These decorators are particularly useful for:\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"use-cases":{"count":1,"title":"Use cases","type":"paragraph"}}}}},{"search":"The sonic-connected event bubbles, so you can listen to it from anywhere:\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"listening-to-the-connected-event":{"count":1,"title":"Listening to the connected event","type":"paragraph"}}}}}]');var hp=Object.defineProperty,dp=Object.getOwnPropertyDescriptor,eo=(i,e,r,s)=>{for(var t=s>1?void 0:s?dp(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&hp(e,r,t),t};const pp="docs-search",mp=window,fp=mp.fuzzysort;let Ms=class extends S{constructor(){super(...arguments),this.hidePopMenu=!1,this.setFocus=!1}search(i){O.get("searchSelection").selection=null;const e=fp.go(i,Bo,{key:"search"}),r=[],s=new Map,t=[];for(const o of e){if(o.score<-1e5)continue;const n=o.obj;for(const a in n.files)for(const c in n.files[a].hashes){const p=n.files[a].hashes[c];if(t.includes(a+":"+c))continue;t.push(a+":"+c);const b=n.files[a].title,d={href:"#"+a+"/"+c,part:p.title||"...",search:p.type=="page"?"Page":this.getResultSearchString(o),index:Bo.indexOf(n),template:p.type=="page"?"page":null};if(s.has(b))s.get(b).items.push(d);else{const x={title:b,items:[d]};s.set(b,x),r.push(x)}}}this.shadowRoot?.querySelector("sonic-pop")?.show();for(const o of r)o.items.sort((n,a)=>n.index-a.index);O.get("searchResult").set(r)}getResultSearchString(i){const e=i.p;return i.target.split("").map((s,t)=>e.includes(t)?"<span class='font-bold' style='color:var(--sc-info)'>"+s+"</span>":s).join("")}connectedCallback(){O.get("docsSearch").search.onAssign(i=>this.search(i)),super.connectedCallback()}firstUpdated(){this.setFocus&&setTimeout(()=>{this.shadowRoot?.querySelector("sonic-input")?.focus(),this.shadowRoot?.querySelector("sonic-pop")?.show()},100)}render(){return w`
|
|
4215
|
+
`];Ur([l()],os.prototype,"key",2);Ur([l()],os.prototype,"action",2);Ur([l({type:Number})],os.prototype,"zIndex",2);os=Ur([F(mp)],os);window.queueMicrotask=window.queueMicrotask||function(i){Promise.resolve().then(i).catch(e=>setTimeout(()=>{throw e}))};class fp extends Ri{constructor(e){super(e),this.observables=new Set,this.onAssign=r=>{this.setValue(r)},this.node=e.options?.host}unsubscribe(){this.observables.forEach(e=>e.offAssign(this.onAssign))}render(e){return this.observable!==e&&(this.observable=e,this.isConnected&&this.subscribe(e)),Ie}subscribe(e){this.unsubscribe(),this.onAssign=r=>{this.setValue(r)},this.observables=Er(e),this.observables.forEach(r=>{r.onAssign(this.onAssign)})}disconnected(){this.unsubscribe()}reconnected(){this.observable&&this.subscribe(this.observable)}}const Mn=$t(fp),gp=Mn,zn=Mn,Di=zn;window["concorde-directives-data-provider"]=window["concorde-directives-data-provider"]||{};window["concorde-directives-data-provider"]={dp:Us,dataProvider:sa,sub:zn,subscribe:gp,get:ta,set:ra};const bp=z,yp=U;window["concorde-components"]=window["concorde-components"]||{};window["concorde-components"]={SonicToast:bp,SonicModal:yp};const vp=window;vp.concordeIsLoaded=!0;window.dispatchEvent(new CustomEvent("concorde-loaded"));const io=i=>{i.pathname==="/"&&i.hash===""?document.documentElement.setAttribute("data-home",""):document.documentElement.removeAttribute("data-home")},oo=()=>document.location,wp=oo();io(wp);window.addEventListener("popstate",i=>{io(oo())});window.addEventListener("hashchange",()=>{io(oo())});const xp=k`*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1em;margin-bottom:1em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;padding-inline-start:1.625em;margin-top:1em;margin-bottom:1em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;padding-inline-start:1.625em;margin-top:1em;margin-bottom:1em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"\`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"\`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: var(--sc-base-content);--tw-prose-headings: var(--sc-base-900);--tw-prose-lead: var(--sc-base-content);--tw-prose-links: var(--sc-base-900);--tw-prose-bold: var(--sc-base-content);--tw-prose-counters: var(--sc-base-500);--tw-prose-bullets: var(--sc-base-300);--tw-prose-hr: var(--sc-base-200);--tw-prose-quotes: var(--sc-base-content);--tw-prose-quote-borders: var(--sc-base-200);--tw-prose-captions: var(--sc-base-500);--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: var(--sc-info);--tw-prose-pre-code: var(--sc-base-200);--tw-prose-pre-bg: var(--sc-base-800);--tw-prose-th-borders: var(--sc-base-300);--tw-prose-td-borders: var(--sc-base-200);--tw-prose-invert-body: var(--sc-base-300);--tw-prose-invert-headings: var(--sc-base);--tw-prose-invert-lead: var(--sc-base-400);--tw-prose-invert-links: var(--sc-base);--tw-prose-invert-bold: var(--sc-base);--tw-prose-invert-counters: var(--sc-base-400);--tw-prose-invert-bullets: var(--sc-base-600);--tw-prose-invert-hr: var(--sc-base-700);--tw-prose-invert-quotes: var(--sc-base-100);--tw-prose-invert-quote-borders: var(--sc-base-700);--tw-prose-invert-captions: var(--sc-base-400);--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: var(--sc-base);--tw-prose-invert-pre-code: var(--sc-base-300);--tw-prose-invert-pre-bg: var(--sc-base-900);--tw-prose-invert-th-borders: var(--sc-base-600);--tw-prose-invert-td-borders: var(--sc-base-700);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose{line-height:1.5}.prose :where(strong a):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:bolder}.prose :where(iframe[src*=youtu]):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:var(--sc-rounded-md)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.\\!left-0{left:0!important}.\\!top-0{top:0!important}.-top-1{top:-.25rem}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.left-0{left:0}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-16{top:4rem}.top-\\[4\\.2rem\\]{top:4.2rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-\\[3000\\]{z-index:3000}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.m-2{margin:.5rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-40{margin-bottom:10rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-3{margin-left:.75rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-40{width:10rem;height:10rem}.size-\\[2\\.4rem\\]{width:2.4rem;height:2.4rem}.h-1\\/2{height:50%}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-96{height:24rem}.h-full{height:100%}.max-h-\\[50vh\\]{max-height:50vh}.max-h-\\[calc\\(100vh_-_4\\.2rem\\)\\]{max-height:calc(100vh - 4.2rem)}.min-h-\\[100vh\\]{min-height:100vh}.w-1\\/2{width:50%}.w-1\\/3{width:33.333333%}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-64{width:16rem}.w-\\[5rem\\]{width:5rem}.w-full{width:100%}.min-w-\\[8rem\\]{min-width:8rem}.max-w-\\[29ch\\]{max-width:29ch}.max-w-\\[40rem\\]{max-width:40rem}.max-w-lg{max-width:32rem}.max-w-prose{max-width:70ch}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[55deg\\]{--tw-rotate: 55deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[minmax\\(10rem\\,15rem\\)_minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(10rem,15rem) minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--sc-rounded)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--sc-rounded-lg)}.rounded-md{border-radius:var(--sc-rounded-md)}.rounded-xl{border-radius:var(--sc-rounded-xl)}.border{border-width:var(--sc-border-width)}.border-0{border-width:0px}.border-b-\\[\\.18rem\\]{border-bottom-width:.18rem}.border-b-\\[1px\\]{border-bottom-width:1px}.border-t-2{border-top-width:2px}.border-solid{border-style:solid}.border-dotted{border-style:dotted}.border-current{border-color:currentColor}.border-neutral-100{border-color:var(--sc-base-100)}.border-neutral-200{border-color:var(--sc-base-200)}.border-b-neutral-300{border-bottom-color:var(--sc-base-300)}.border-t-neutral-200{border-top-color:var(--sc-base-200)}.bg-info{background-color:var(--sc-info)}.bg-neutral-0{background-color:var(--sc-base)}.bg-neutral-100{background-color:var(--sc-base-100)}.bg-neutral-200{background-color:var(--sc-base-200)}.bg-neutral-900{background-color:var(--sc-base-900)}.bg-success{background-color:var(--sc-success)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-\\[rgba\\(0\\,0\\,10\\,\\.2\\)\\]{--tw-gradient-from: rgba(0,0,10,.2) var(--tw-gradient-from-position);--tw-gradient-to: rgba(0, 0, 10, 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-\\[\\.75rem\\]{padding-left:.75rem}.pt-3{padding-top:.75rem}.pt-\\[20vh\\]{padding-top:20vh}.text-center{text-align:center}.font-headings{font-family:var(--sc-headings-font-family, var(--sc-font-family-base, sans-serif))}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-\\[1\\.5\\]{line-height:1.5}.leading-none{line-height:1}.leading-tight{line-height:1.25}.text-content{color:var(--sc-base-content)}.text-contrast-content{color:var(--sc-contrast-content)}.text-danger{color:var(--sc-danger)}.text-info{color:var(--sc-info)}.text-neutral-0{color:var(--sc-base)}.text-neutral-400{color:var(--sc-base-400)}.text-neutral-500{color:var(--sc-base-500)}.text-neutral-600{color:var(--sc-base-600)}.text-neutral-700{color:var(--sc-base-700)}.text-neutral-900{color:var(--sc-base-900)}.text-success{color:var(--sc-success)}.underline{text-decoration-line:underline}.opacity-40{opacity:.4}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:ClashGrotesk-Variable;src:url("+new URL('../fonts/ClashGrotesk-Variable.woff2', import.meta.url).href+") format("woff2"),url("+new URL('../fonts/ClashGrotesk-Variable.woff', import.meta.url).href+") format("woff"),url("+new URL('../fonts/ClashGrotesk-Variable.ttf', import.meta.url).href+") format("truetype");font-weight:200 700;font-display:swap;font-style:normal}:root{--sc-headings-font-family: "ClashGrotesk-Variable", sans-serif;--sc-font-family-base: "ClashGrotesk-Variable", sans-serif;--sc-headings-font-weight: 400;--sc-rounded: .5rem;--sc-border-width: max(2px, .18rem)}[data-concorde-theme=light]{--sc-base: #fffcf0;--sc-base-content: #111111;--sc-primary: #111111;--sc-primary-content: #fffcf0;--sc-base-50: #f4f1e6;--sc-base-100: #e9e6dc;--sc-base-200: #ceccc3;--sc-base-300: #bcbab1;--sc-base-400: #96948e;--sc-base-500: #7d7c77;--sc-base-600: #5a5956;--sc-base-700: #393937;--sc-base-800: #252524;--sc-base-900: #111111;--sc-info: #3b82f6;--sc-info-content: #ffffff;--sc-success: #10b981;--sc-success-content: #ffffff;--sc-warning: #fb923c;--sc-warning-content: #111827;--sc-danger: #dc2626;--sc-danger-content: #ffffff}[data-concorde-theme=dark]{--sc-base: #0a0a0a;--sc-base-content: #dadad9;--sc-primary: #ffef8a;--sc-primary-content: #111827;--sc-base-50: #141414;--sc-base-100: #1c1c1c;--sc-base-200: #2f2f2f;--sc-base-300: #3e3e3e;--sc-base-400: #5f5f5f;--sc-base-500: #767676;--sc-base-600: #9a9a9a;--sc-base-700: #c0c0bf;--sc-base-800: #dadad9;--sc-base-900: #f5f5f4;--sc-info: #3a85f7;--sc-info-content: #ffffff;--sc-success: #0fba7f;--sc-success-content: #ffffff;--sc-warning: #fc8f3b;--sc-warning-content: #111827;--sc-danger: #dd2528;--sc-danger-content: #ffffff}[data-concorde-theme=light],[data-concorde-theme=dark]{--sc-input-bg: var(--sc-base-100);--sc-input-border-color: var(--sc-base-100)}html{font-family:var(--sc-font-family-base, sans-serif)}h2{border-bottom:var(--sc-border-width) solid;padding-bottom:.1em}p,ul,ol{font-family:Arial,Helvetica,sans-serif}body{background:var(--sc-base);color:var(--sc-base-content)}html{scroll-behavior:smooth}.animated-text{display:block;position:relative;overflow:hidden}.animated-text span{display:block;position:absolute;width:100%;height:100%;top:0;left:0;transform:translateY(108%);animation:slideUp 4.5s cubic-bezier(.17,.67,.61,1.13) infinite}.animated-text span:nth-child(2){animation-delay:1.5s}.animated-text span:nth-child(3){animation-delay:3s}@keyframes slideUp{0%{transform:translateY(108%)}7%{transform:translateY(0)}33%{transform:translateY(0)}40%{transform:translateY(-108%)}to{transform:translateY(-108%)}}.custom-scroll{overflow:auto!important}.custom-scroll:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2rem 2rem var(--sc-base-900)}.custom-scroll::-webkit-scrollbar{width:.5rem;height:.5rem;border:solid .15rem transparent;border-radius:var(--sc-rounded);background:transparent}.custom-scroll::-webkit-scrollbar-thumb{opacity:0;-webkit-transition:box-shadow .2s;transition:box-shadow .2s;border:solid .15rem transparent}@media (min-width: 1024px){.lg\\:prose-lg{font-size:1.125rem;line-height:1.7777778}.lg\\:prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\\:prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.lg\\:prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.lg\\:prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.lg\\:prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.lg\\:prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.lg\\:prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.lg\\:prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\\:prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.lg\\:prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.lg\\:prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.lg\\:prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.lg\\:prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.lg\\:prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.lg\\:prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.lg\\:prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.lg\\:prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.lg\\:prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.lg\\:prose-lg :where(.lg\\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.lg\\:prose-lg :where(.lg\\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.lg\\:prose-lg :where(.lg\\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.lg\\:prose-lg :where(.lg\\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.lg\\:prose-lg :where(.lg\\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.lg\\:prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.lg\\:prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\\:prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.lg\\:prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.lg\\:prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.lg\\:prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\\:prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\\:prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\\:prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\\:prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.lg\\:prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.lg\\:prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.lg\\:prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.lg\\:prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.lg\\:prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.lg\\:prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.lg\\:prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\\:prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\\:prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.lg\\:prose-lg :where(.lg\\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\\:prose-lg :where(.lg\\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}.hover\\:bg-neutral-50:hover{background-color:var(--sc-base-50)}.prose-h1\\:text-\\[4\\.2em\\] :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:4.2em}.prose-h1\\:font-normal :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-weight:400}.prose-li\\:my-\\[\\.2em\\] :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.2em;margin-bottom:.2em}@media (min-width: 640px){.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\\:px-8{padding-left:2rem;padding-right:2rem}.md\\:py-8{padding-top:2rem;padding-bottom:2rem}.md\\:text-5xl{font-size:3rem}}@media (min-width: 1024px){.lg\\:min-w-\\[19rem\\]{min-width:19rem}.lg\\:max-w-\\[19ch\\]{max-width:19ch}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:px-20{padding-left:5rem;padding-right:5rem}.lg\\:text-7xl{font-size:4.5rem}.lg\\:leading-\\[1\\.5\\]{line-height:1.5}}@media (min-width: 1280px){.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\\:text-8xl{font-size:6rem}}.dark\\:block:where(.dark,.dark *){display:block}.dark\\:hidden:where(.dark,.dark *){display:none}.dark\\:border-neutral-700:where(.dark,.dark *){border-color:var(--sc-base-700)}.dark\\:border-neutral-800:where(.dark,.dark *){border-color:var(--sc-base-800)}.dark\\:bg-neutral-300:where(.dark,.dark *){background-color:var(--sc-base-300)}.dark\\:text-neutral-400:where(.dark,.dark *){color:var(--sc-base-400)}.dark\\:opacity-60:where(.dark,.dark *){opacity:.6}.\\[\\&\\[active\\]\\]\\:min-w-\\[13rem\\][active]{min-width:13rem}.\\[\\&\\[active\\]\\]\\:rounded-full[active]{border-radius:9999px}.\\[\\&\\[active\\]\\]\\:bg-danger[active]{background-color:var(--sc-danger)}.\\[\\&\\[active\\]\\]\\:font-black[active]{font-weight:900}.\\[\\&\\[active\\]\\]\\:text-danger-content[active]{color:var(--sc-danger-content)}.\\[\\&\\[active\\]\\]\\:text-success[active]{color:var(--sc-success)}[data-home] .\\[\\[data-home\\]_\\&\\]\\:hidden{display:none}`,me=k`
|
|
4216
|
+
${Ii(xp)}
|
|
4217
|
+
`,Wo=JSON.parse('[{"search":"Date","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"date":{"count":2,"title":"","type":"page"}}}}},{"search":"Nothing is displayed.\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"no-attribute":{"count":1,"title":"No attribute","type":"paragraph"}}}}},{"search":"Displays the current date.\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"now":{"count":1,"title":"Now","type":"paragraph"}}}}},{"search":"Displays a date from a timestamp.\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"date":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Displays a date from a string.\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"date_string":{"count":1,"title":"Date_string","type":"paragraph"}}}}},{"search":"Displays a period of time from start_date to end_date.When by itself start_date will act as dateif a start_date is not specified it will be set by the current date.if the end_date is anterior to start date date it will be used as the start_date. \\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"start_date--end_date":{"count":1,"title":"Start_date / end_date","type":"paragraph"}}}}},{"search":"ISO 639-1 Language Codes\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"language":{"count":1,"title":"Language","type":"paragraph"}}}}},{"search":"For the list of supported timeZones, run Intl.supportedValuesOf('timeZone') in the console\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"time_zone":{"count":1,"title":"Time_zone","type":"paragraph"}}}}},{"search":"Deprecated\\n","files":{"core/components/functional/date/date.md":{"title":"Date","hashes":{"renderif":{"count":1,"title":".renderIf","type":"paragraph"}}},"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"headersdataprovider":{"count":1,"title":"HeadersDataProvider","type":"paragraph"}}}}},{"search":"Fetch","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"fetch":{"count":1,"title":"","type":"page"}}}}},{"search":"The sonic-fetch component is used to request and store data from an API.\\nFetch extends the mixins Fetcher and Subscriber\\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"fetch":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"In order to work properly the sonic-fetch component needs at least the following attributes. \\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"basic-usage":{"count":1,"title":"Basic usage","type":"paragraph"}}}}},{"search":"If no endPoint is specified it will be filled by the dataProvider ID instead \\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"dataprovider-as-an-endpoint":{"count":1,"title":"DataProvider as an endPoint","type":"paragraph"}}}}},{"search":"When the key attribute is present, only a sub-part of the data received is injected into the dataProvider.\\nWe can use the dot syntax to target what we want to keep.\\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"key":{"count":1,"title":"Key","type":"paragraph"}}}}},{"search":"For example if the data is {my:{data:{a:1,b:2}}} and the key is key="my.data", the data available in the dataProvider will be {a:1 , b:2}\\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"key":{"count":1,"title":"Key","type":"paragraph"}}}}},{"search":"if the mime type of the content returned by the service begins with text/, then the dataProvider has a key named "text" which contains the text returned by the service.\\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"text-mode":{"count":1,"title":"Text mode","type":"paragraph"}}}}},{"search":"The noLoader attribute disables display of the default loader\\n","files":{"core/components/functional/fetch/fetch.md":{"title":"Fetch","hashes":{"noloader":{"count":1,"title":"NoLoader","type":"paragraph"}}}}},{"search":"if","files":{"core/components/functional/if/if.md":{"title":"if","hashes":{"if":{"count":1,"title":"","type":"page"}}}}},{"search":"The sonic-if component shows its content based on the value of its reactive property names condition\\n","files":{"core/components/functional/if/if.md":{"title":"if","hashes":{"if":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"List","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"list":{"count":1,"title":"","type":"page"}}}}},{"search":"The sonic-list component creates list items.\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"list":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"List extends the mixins Subscriber and Fetcher : \\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"list":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"The list component loops over its template children to render each items of its props data.Consider the following example using 2 templates and 9 items : \\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"template":{"count":1,"title":"Template","type":"paragraph"}}}}},{"search":"Note that for each line there is a dataProvider found at [list dataProvider name]/liste-item/[line index or key]\\nYou can hover the list items in the examples to see it.\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"template":{"count":1,"title":"Template","type":"paragraph"}}}}},{"search":"The templateKey attribute allows you to bind a template to a props item.Consider the following example : \\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"templatekey--data-value":{"count":1,"title":"TemplateKey / data-value","type":"paragraph"}}}}},{"search":"A special template with attribute data-value="separator" will act as a separator between each list item\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"special-templates--list-item-separator--empty-list-view":{"count":1,"title":"Special templates : list item separator / empty list view","type":"paragraph"}}}}},{"search":"The same principle can be used to handle empty lists using a template with attribute data-value="no-item"\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"special-templates--list-item-separator--empty-list-view":{"count":1,"title":"Special templates : list item separator / empty list view","type":"paragraph"}}}}},{"search":"Enables the list to get data from an external API in order to fill its props attribute with an array of items\\nSee the [Fetch] web component(#core/components/functional/fetch/fetch.md/fetch)\\n\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"fetch":{"count":1,"title":"Fetch","type":"paragraph"}}}}},{"search":"Example of using the extractValues attribute with a service.\\nAs in the previous example, the fetch attribute indicates that a service call should be made.\\nNote that we use:\\n","files":{"core/components/functional/list/list.md":{"title":"List","hashes":{"extract-values":{"count":1,"title":"Extract Values","type":"paragraph"}}}}},{"search":"Mix","files":{"core/components/functional/mix/mix.md":{"title":"Mix","hashes":{"mix":{"count":1,"title":"","type":"page"}}}}},{"search":"Mix allows you to mix several subsets of dataProvider in a new key/value structure which is itself associated with a new dataProvider. The data update is then bidirectional.\\n","files":{"core/components/functional/mix/mix.md":{"title":"Mix","hashes":{"mix":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Dot notation is supported to extract a sub-part of the data.\\n","files":{"core/components/functional/mix/mix.md":{"title":"Mix","hashes":{"mix":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"For example, if we declare dataproviders as follows :\\n\\nWe can rearrange the data as follows\\n\\nThen we can change values in both dataProviders programaticaly this way, they will stay in sync\\n\\nOr by using a form element\\n\\n","files":{"core/components/functional/mix/mix.md":{"title":"Mix","hashes":{"mix":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Queue","files":{"core/components/functional/queue/queue.md":{"title":"Queue","hashes":{"queue":{"count":1,"title":"","type":"page"}}}}},{"search":"sonic-queue loads content in batches based on the expression provided in the dataProviderExpression attribute.\\n","files":{"core/components/functional/queue/queue.md":{"title":"Queue","hashes":{"queue":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"List extends the mixin Subscriber\\n","files":{"core/components/functional/queue/queue.md":{"title":"Queue","hashes":{"queue":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Router","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"router":{"count":1,"title":"","type":"page"}}}}},{"search":"The router observes the document.location changes and updates its view as follows\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"router":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"When the data-route attribute of a template matches the current url, the content of this template is rendered\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"data-route--basic":{"count":1,"title":"Data-route / Basic","type":"paragraph"}}}}},{"search":"You can use any RegExp in the data-route attribute of your templates to match the current location and to extract variables from it using capturing groups.\\nA dataProvider attribute is generated using the dataProviderExpression where $1, $2... are replaced with this variables.\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"data-route--regexp":{"count":1,"title":"Data-route / Regexp","type":"paragraph"}}}}},{"search":"e.g., data-route="#couleur_(\\\\d+)" => dataProviderExpression="api/unknown/$1"\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"data-route--regexp":{"count":1,"title":"Data-route / Regexp","type":"paragraph"}}}}},{"search":"The rendered content of the matching template is scoped with this dataProvider.\\nYou can make creative usage on this feature to generate dynamic content based on services.\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"data-route--regexp":{"count":1,"title":"Data-route / Regexp","type":"paragraph"}}}}},{"search":"Same as RegExp but using url patternse.g., data-route="#couleur_:id" => dataProviderExpression="api/unknown/:id"\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"data-route--url-pattern":{"count":1,"title":"Data-route / Url-pattern","type":"paragraph"}}}}},{"search":"Redirect allows to redirect to a url when a data is provided.\\nHere Redirect waits that a data is available in the property theData of the dataProvider stupid-data-set-id\\nWe are then redirected to the url #data-is-set which does nothing in itself.\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"redirect":{"count":1,"title":"Redirect","type":"paragraph"}}}}},{"search":"Example of use : use with a router and a submit to manage the steps of login/logout, display of user info.\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"redirect":{"count":1,"title":"Redirect","type":"paragraph"}}}}},{"search":"The fallback route is rendered when no other route matches the current location.\\n","files":{"core/components/functional/router/router.md":{"title":"Router","hashes":{"fallback":{"count":1,"title":"Fallback","type":"paragraph"}}}}},{"search":"SDUI","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"sdui":{"count":1,"title":"","type":"page"}}}}},{"search":"SDUI stands for Server Driven User Interfaces.\\nBasically, it generates a user interface based on a JSON SDUI Descriptor.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"what-is-sdui":{"count":1,"title":"What is SDUI?","type":"paragraph"}}}}},{"search":"SDUI extends the mixin Subscriber.\\nThis means that you must set a dataProvider with an id pointing to the publisher that will hold your SDUI Descriptor.\\nThis also means that it has a reactive property named props that you can set with the JSON SDUI Descriptor in order to configure it.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"subscriber-extension":{"count":1,"title":"Subscriber extension:","type":"paragraph"}}}}},{"search":"SDUI extends the mixin Fetcher as Fetch and List.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"fetcher-extension":{"count":1,"title":"Fetcher extension:","type":"paragraph"}}}}},{"search":"In this case, it will parse the JSON coming from the request.\\nThe JSON must comply with the SDUI descriptor format.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"fetcher-extension":{"count":1,"title":"Fetcher extension:","type":"paragraph"}}}}},{"search":"As a fetcher, invalidating the publisher or updating the endpoint will trigger a new fetch and update accordingly.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"fetcher-extension":{"count":1,"title":"Fetcher extension:","type":"paragraph"}}}}},{"search":"It has no shadowdom, and its display style is set to contents, so an empty SDUI has the fewest impact on the layout.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"rendering":{"count":1,"title":"Rendering:","type":"paragraph"}}}}},{"search":"An SDUINode represents an HTMLElement.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"descriptor":{"count":1,"title":"Descriptor","type":"paragraph"}}}}},{"search":"TypeScript definition:\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"descriptor":{"count":1,"title":"Descriptor","type":"paragraph"}}}}},{"search":"Summary of properties:\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"descriptor":{"count":1,"title":"Descriptor","type":"paragraph"}}}}},{"search":"Use it if you prefer to define your node entirely using an HTML string.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"markup":{"count":1,"title":"Markup","type":"paragraph"}}}}},{"search":"Here we use the field tagName of SDUINode to create an element with tag name sonic-input.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"tag-name":{"count":1,"title":"Tag name","type":"paragraph"}}}}},{"search":"A string key/value pair storing each attribute name/value of the HTML element created.\\nAs no tag name is defined, a div element is created.\\nHere we define the style attribute to create a tiny red square.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"attributes":{"count":1,"title":"Attributes","type":"paragraph"}}}}},{"search":"Children of the current node can be added using the field nodes recursively.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"nodes":{"count":1,"title":"Nodes","type":"paragraph"}}}}},{"search":"As no tag name is defined, a div element is created, and then we use innerHTML to add content to it.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"innerhtml":{"count":1,"title":"InnerHTML","type":"paragraph"}}}}},{"search":"Use them if you want to wrap the component with some HTML string.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"prefix-and-suffix":{"count":1,"title":"Prefix and suffix","type":"paragraph"}}}}},{"search":"The libraryKey of SDUINode is an identifier that points to an SDUINode description in the library to be used as a model for this node.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"Note that the SDUI has a default library containing some basic component definitions useful for form declaration (see default-library.json).\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"This example uses the library key submit which points to a sonic-submit containing a button also coming from the library.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"The element named button in the library is a sonic-button of type success containing a check icon as a prefix.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"Since the submit library element contains an attribute contentElementSelector with the value sonic-button, the "injected content" is put inside the button.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"We used innerHTML for the sake of simplicity, but you can use nodes to add any complex content.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library-key-and-contentelementselector":{"count":1,"title":"Library key and contentElementSelector","type":"paragraph"}}}}},{"search":"This special field lets you inject the content at any place in the HTML flow already set inside the parent SDUI component by using a CSS selector.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"parentelementselector":{"count":1,"title":"parentElementSelector","type":"paragraph"}}}}},{"search":"⚠️ Note that it doesn't work with top-level nodes.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"parentelementselector":{"count":1,"title":"parentElementSelector","type":"paragraph"}}}}},{"search":"The transformers let you transform the structure of the SDUI Descriptor into a new one before parsing and rendering it.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"transformers":{"count":1,"title":"Transformers:","type":"paragraph"}}}}},{"search":"To enable it, you must fill the transformation attribute of the component with a URL pointing to a Transform descriptor.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"transformers":{"count":1,"title":"Transformers:","type":"paragraph"}}}}},{"search":"Each key of the library will be merged with the current library in the SDUI Descriptor, by replacing or creating items library key by key.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"the-library":{"count":1,"title":"The library:","type":"paragraph"}}}}},{"search":"Each transform represents an action that will be done on the SDUI descriptor before the creation of the entire UI.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"the-transform-actions":{"count":1,"title":"The transform actions:","type":"paragraph"}}}}},{"search":"The action that will be done is a verb:\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"the-transform-actions":{"count":1,"title":"The transform actions:","type":"paragraph"}}}}},{"search":"This is an HTML attribute to set on the component if needed. In this case, the component will not treat its props value directly as an SDUI descriptor. Internally, it will basically extract the SDUIDescriptor by doing something like this: const sduiDescriptor = this.props[this.sduikey].\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"sduikey":{"count":1,"title":"sduiKey","type":"paragraph"}}}}},{"search":"This is an HTML attribute to set on the component if needed. In this case, the component will automatically create a sonic-toast-message-subscriber component. The data found in props[messageKey] will be treated as the data expected by the sonic-toast-message-subscriber. So, by respecting the format of data supported by this component, you will be able to show multiple toasts in the result of a request.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"messagekey":{"count":1,"title":"messageKey","type":"paragraph"}}}}},{"search":"Example of JSON with messageKey=messages:\\n\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"messagekey":{"count":1,"title":"messageKey","type":"paragraph"}}}}},{"search":"This is an HTML attribute to set on the component if needed. You can set a URL pointing to a JSON describing a library with the same structure as the library in the SDUIDescriptor. The component will simply override its library with the given one.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"library":{"count":1,"title":"library","type":"paragraph"}}}}},{"search":"Here is a little playground to let you test some simple tricks.\\n","files":{"core/components/functional/sdui/sdui.md":{"title":"SDUI","hashes":{"playground":{"count":1,"title":"Playground","type":"paragraph"}}}}},{"search":"States","files":{"core/components/functional/states/states.md":{"title":"States","hashes":{"states":{"count":1,"title":"","type":"page"}}}}},{"search":"When using capturing groups () the stored values are accessible via the dataProviderExpressione.g., data-value="#couleur_(\\\\d+)" => dataProviderExpression="api/unknown/$1"\\n","files":{"core/components/functional/states/states.md":{"title":"States","hashes":{"regexp":{"count":1,"title":"Regexp","type":"paragraph"}}}}},{"search":"Same as RegExp but using url patternse.g., data-value="#couleur_:id" => dataProviderExpression="api/unknown/:id"\\n","files":{"core/components/functional/states/states.md":{"title":"States","hashes":{"url-pattern":{"count":1,"title":"Url-pattern","type":"paragraph"}}}}},{"search":"Submit","files":{"core/components/functional/submit/submit.md":{"title":"Submit","hashes":{"submit":{"count":1,"title":"","type":"page"}}}}},{"search":"Result will show when something has been submit because the dataprovider used in this example is the same as the submitResultDataProvider used in the previous form.\\n\\n","files":{"core/components/functional/submit/submit.md":{"title":"Submit","hashes":{"result-handling-example":{"count":1,"title":"Result handling example","type":"paragraph"}}}}},{"search":"You can write the folowing code where the name attribute is written in dot notation.\\n","files":{"core/components/functional/submit/submit.md":{"title":"Submit","hashes":{"dot-notation":{"count":1,"title":"dot notation","type":"paragraph"}}}}},{"search":"The data will be stored in the following format:\\n","files":{"core/components/functional/submit/submit.md":{"title":"Submit","hashes":{"dot-notation":{"count":1,"title":"dot notation","type":"paragraph"}}}}},{"search":"Subscriber","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"subscriber":{"count":1,"title":"","type":"page"}}}}},{"search":"La mixin Subscriber permet lier un composant à un publisher.\\nLa liaison à un publisher se fait via l'attribut dataProvider du composant qui représente ce que l'on obtient en appellant PublisherManager.get(dataProvider).\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"subscriber":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Les propriétés du composant sont automatiquement remplies avec les propriétés du même nom dans les données du publisher.\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"subscriber":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Le composant est automatiquement mis à jour lorsque les données du publisher sont mises à jour.\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"subscriber":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Id of the dataProvider that the component will subscribe to\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"dataprovider":{"count":1,"title":"DataProvider","type":"paragraph"}}}}},{"search":"Data object (json) that will be passed to the dataProvider\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"props":{"count":1,"title":"Props","type":"paragraph"}}}}},{"search":"Helper, display the data held by the dataProvider in a floating div\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"debug":{"count":1,"title":"Debug","type":"paragraph"}}}}},{"search":"Docs coming soon\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"noautofill":{"count":1,"title":"NoAutofill","type":"paragraph"},"propertymap":{"count":1,"title":"PropertyMap","type":"paragraph"},"bindpublisher":{"count":1,"title":"BindPublisher","type":"paragraph"},"instancecounter":{"count":1,"title":"instanceCounter","type":"paragraph"},"publisher":{"count":1,"title":"Publisher","type":"paragraph"},"args":{"count":1,"title":"Args","type":"paragraph"}}}}},{"search":"Permet de mapper un nom de propriété de donnée source vers une propriété du subscriber à la volée\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"propertymap":{"count":1,"title":"PropertyMap","type":"paragraph"}}}}},{"search":"On peut utiliser cette fonction pour lier un publisher spécifique au composant si besoin.\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"bindpublisher":{"count":1,"title":"BindPublisher","type":"paragraph"}}}}},{"search":"Par défaut on crée un shadow dom mais on peut demander à ne pas en avoir via cette propriété et un attribut associé.Cela se fait à l'initialisation uniquement et n'est pas modifiable lors de la vie du composant.\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"noshadowdom":{"count":1,"title":"NoShadowDom","type":"paragraph"}}}}},{"search":"styles ??title ??_props ??onAssign ??defferedDebug ??\\n","files":{"core/components/functional/subscriber/subscriber.md":{"title":"Subscriber","hashes":{"other-attributes-gathered-from-subscriberstoriests":{"count":1,"title":"Other attributes gathered from subscriber.stories.ts","type":"paragraph"}}}}},{"search":"Value","files":{"core/components/functional/value/value.md":{"title":"Value","hashes":{"value":{"count":1,"title":"","type":"page"}}}}},{"search":"Simply shows a value from a data provider.\\nYou can target sub data value using dot syntax.\\nThe value reacts to changes.\\n","files":{"core/components/functional/value/value.md":{"title":"Value","hashes":{"value":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Alert","files":{"core/components/ui/alert/alert.md":{"title":"Alert","hashes":{"alert":{"count":1,"title":"","type":"page"}}}}},{"search":"Badge","files":{"core/components/ui/badge/badge.md":{"title":"Badge","hashes":{"badge":{"count":1,"title":"","type":"page"}}}}},{"search":"Button","files":{"core/components/ui/button/button.md":{"title":"Button","hashes":{"button":{"count":1,"title":"","type":"page"}}}}},{"search":"The length of the button depends on the size of its content\\n\\n","files":{"core/components/ui/button/button.md":{"title":"Button","hashes":{"loading":{"count":1,"title":"Loading","type":"paragraph"}}}}},{"search":"Captcha","files":{"core/components/ui/captcha/captcha.md":{"title":"Captcha","hashes":{"captcha":{"count":1,"title":"","type":"page"}}}}},{"search":"Card","files":{"core/components/ui/card/card.md":{"title":"Card","hashes":{"card":{"count":1,"title":"","type":"page"}}}}},{"search":"Divider","files":{"core/components/ui/divider/divider.md":{"title":"Divider","hashes":{"divider":{"count":1,"title":"","type":"page"}}}}},{"search":"Checkbox","files":{"core/components/ui/form/checkbox/checkbox.md":{"title":"Checkbox","hashes":{"checkbox":{"count":1,"title":"","type":"page"}}}}},{"search":"Fieldset","files":{"core/components/ui/form/fieldset/fieldset.md":{"title":"Fieldset","hashes":{"fieldset":{"count":1,"title":"","type":"page"}}}}},{"search":"Form-actions","files":{"core/components/ui/form/form-actions/form-actions.md":{"title":"Form-actions","hashes":{"form-actions":{"count":1,"title":"","type":"page"}}}}},{"search":"Form-layout","files":{"core/components/ui/form/form-layout/form-layout.md":{"title":"Form-layout","hashes":{"form-layout":{"count":1,"title":"","type":"page"}}}}},{"search":"Input","files":{"core/components/ui/form/input/input.md":{"title":"Input","hashes":{"input":{"count":1,"title":"","type":"page"}}}}},{"search":"Liste des types\\n","files":{"core/components/ui/form/input/input.md":{"title":"Input","hashes":{"type":{"count":1,"title":"Type","type":"paragraph"}}}}},{"search":"\\n","files":{"core/components/ui/form/input/input.md":{"title":"Input","hashes":{"list":{"count":1,"title":"List","type":"paragraph"}}},"core/components/ui/icon/icon.md":{"title":"Icon","hashes":{"custom":{"count":1,"title":"Custom","type":"paragraph"}}},"docs/_misc/templates-demo.md":{"title":"Templates Demo","hashes":{"states":{"count":1,"title":"States","type":"paragraph"},"queue":{"count":1,"title":"Queue","type":"paragraph"}}}}},{"search":"Input-autocomplete","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"input-autocomplete":{"count":1,"title":"","type":"page"}}}}},{"search":"The input-autocomplete component brings input and queue together in order to create a suggest behavior. This is why this component is partially configured as a form input and as a queue.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"input-autocomplete":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Please note that only basic text input params and methods are implemented at this time. You should also be sure to understand the behavior of a queue in order to take full advantage of the input-autocomplete component.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"input-autocomplete":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Here are some of the features of the input-autocomplete component:\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"input-autocomplete":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"If you are looking for a component to provide a suggest behavior, the input-autocomplete component is a good option. \\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"input-autocomplete":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"In this example, the input will use its name as the search parameter when calling the service responsible for autocompletion.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"simple-example":{"count":1,"title":"Simple Example","type":"paragraph"}}}}},{"search":"The template is used to render the list items of results.\\nThe list items are responsible for making a selection.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"simple-example":{"count":1,"title":"Simple Example","type":"paragraph"}}}}},{"search":"This time, we added buttons with the same name as the input while keeping the same data provider.\\nThe result is that when you select an item, the input takes the value of the selected item, completing the classic suggest behavior.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"simple-example":{"count":1,"title":"Simple Example","type":"paragraph"}}}}},{"search":"In this example, the search parameter is separated from the name of the input. This means that the input will use the name "nom" as the search parameter, but the form data provider will be filled with the data named "siren" from the selected list item.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"value-different-from-search-parameter":{"count":1,"title":"Value different from search parameter","type":"paragraph"}}}}},{"search":"To do this, we need to use the searchParam attribute on the input element. This attribute specifies the name of the search parameter that will be used.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"value-different-from-search-parameter":{"count":1,"title":"Value different from search parameter","type":"paragraph"}}}}},{"search":"We also need to use the name and value attribute on the list items. This attribute specifies the value of the data provider that will be used for the selected list item.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"value-different-from-search-parameter":{"count":1,"title":"Value different from search parameter","type":"paragraph"}}}}},{"search":"By using these attributes, we can separate the search parameter from the name of the input and still fill the form data provider with the data from the selected list item.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"value-different-from-search-parameter":{"count":1,"title":"Value different from search parameter","type":"paragraph"}}}}},{"search":"This example is the same as the previous one, except that the select attribute is used. This attribute changes the look and feel of the component slightly.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"select-autocomplete--value-different-from-search-parameter":{"count":1,"title":"Select autocomplete / value different from search parameter","type":"paragraph"}}}}},{"search":"Now the text is less free because, you must select either something from the list given by the service, or nothing else.\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"select-autocomplete--value-different-from-search-parameter":{"count":1,"title":"Select autocomplete / value different from search parameter","type":"paragraph"}}}}},{"search":"The following code shows how to use the select attribute in an autocomplete input:\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"select-autocomplete--value-different-from-search-parameter":{"count":1,"title":"Select autocomplete / value different from search parameter","type":"paragraph"}}}}},{"search":"At the moment you can enable keyboard up/down by adding an attribut "data-keyboard-nav" on the component and its listItems\\n","files":{"core/components/ui/form/input-autocomplete/input-autocomplete.md":{"title":"Input-autocomplete","hashes":{"keyboard-navigation":{"count":1,"title":"keyboard navigation","type":"paragraph"}}}}},{"search":"Radio","files":{"core/components/ui/form/radio/radio.md":{"title":"Radio","hashes":{"radio":{"count":1,"title":"","type":"page"}}}}},{"search":"Select","files":{"core/components/ui/form/select/select.md":{"title":"Select","hashes":{"select":{"count":1,"title":"","type":"page"}}}}},{"search":"Switch","files":{"core/components/ui/form/switch/switch.md":{"title":"Switch","hashes":{"switch":{"count":1,"title":"","type":"page"}}}}},{"search":"Textarea","files":{"core/components/ui/form/textarea/textarea.md":{"title":"Textarea","hashes":{"textarea":{"count":1,"title":"","type":"page"}}}}},{"search":"Group","files":{"core/components/ui/group/group.md":{"title":"Group","hashes":{"group":{"count":1,"title":"","type":"page"}}}}},{"search":"Icon","files":{"core/components/ui/icon/icon.md":{"title":"Icon","hashes":{"icon":{"count":1,"title":"","type":"page"}}}}},{"search":"Image","files":{"core/components/ui/image/image.md":{"title":"Image","hashes":{"image":{"count":1,"title":"","type":"page"}}}}},{"search":"Link","files":{"core/components/ui/link/link.md":{"title":"Link","hashes":{"link":{"count":1,"title":"","type":"page"}}}}},{"search":"Loader","files":{"core/components/ui/loader/loader.md":{"title":"Loader","hashes":{"loader":{"count":1,"title":"","type":"page"}}}}},{"search":"Menu","files":{"core/components/ui/menu/menu.md":{"title":"Menu","hashes":{"menu":{"count":1,"title":"","type":"page"}}}}},{"search":"Modal","files":{"core/components/ui/modal/modal.md":{"title":"Modal","hashes":{"modal":{"count":1,"title":"","type":"page"}}}}},{"search":"Pop","files":{"core/components/ui/pop/pop.md":{"title":"Pop","hashes":{"pop":{"count":1,"title":"","type":"page"}}}}},{"search":"Progress bar","files":{"core/components/ui/progress/progress.md":{"title":"Progress bar","hashes":{"progress-bar":{"count":1,"title":"","type":"page"}}}}},{"search":"Displays an indicator showing the completion progress of a task.\\n","files":{"core/components/ui/progress/progress.md":{"title":"Progress bar","hashes":{"progress-bar":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Table","files":{"core/components/ui/table/table.md":{"title":"Table","hashes":{"table":{"count":1,"title":"","type":"page"}}}}},{"search":"Values available : primary, info, success, warning, danger\\n","files":{"core/components/ui/table/table.md":{"title":"Table","hashes":{"type":{"count":1,"title":"Type","type":"paragraph"}}}}},{"search":"The following attributes will be used to set the style of the component : \\n","files":{"core/components/ui/table/table.md":{"title":"Table","hashes":{"cell-style-attributes":{"count":1,"title":"Cell style attributes","type":"paragraph"}}}}},{"search":"Every table is responsive by default\\n","files":{"core/components/ui/table/table.md":{"title":"Table","hashes":{"responsive":{"count":1,"title":"Responsive","type":"paragraph"}}}}},{"search":"Toast","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"toast":{"count":1,"title":"","type":"page"}}}}},{"search":"Les statuts disponibles sont : success, error, warning, info ou vide (par défaut).\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"statut":{"count":1,"title":"Statut","type":"paragraph"}}}}},{"search":"Le contenu du toast peut contenir du HTML.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"avec-contenu-html":{"count":1,"title":"Avec contenu HTML","type":"paragraph"}}}}},{"search":"Par défaut, les toasts disparaissent automatiquement. Avec preserve: true, le toast reste affiché jusqu'à ce qu'il soit fermé manuellement.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"persistance":{"count":1,"title":"Persistance","type":"paragraph"}}}}},{"search":"Avec dismissForever: true et un id, le toast peut être masqué définitivement. Une fois fermé, il ne réapparaîtra plus même après rechargement de la page.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"masquer-définitivement":{"count":1,"title":"Masquer définitivement","type":"paragraph"}}}}},{"search":"Avec ghost: true, le toast devient semi-transparent et non-interactif.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"fantôme":{"count":1,"title":"Fantôme","type":"paragraph"}}}}},{"search":"Supprime tous les toasts sauf ceux marqués comme ghost.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"tout-supprimer":{"count":1,"title":"Tout supprimer","type":"paragraph"}}}}},{"search":"Supprime tous les toasts d'un statut spécifique.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"supprimer-par-statut":{"count":1,"title":"Supprimer par statut","type":"paragraph"}}}}},{"search":"Supprime tous les toasts qui ne sont pas marqués comme preserve.\\n","files":{"core/components/ui/toast/toast.md":{"title":"Toast","hashes":{"supprimer-les-éléments-temporaires":{"count":1,"title":"Supprimer les éléments temporaires","type":"paragraph"}}}}},{"search":"Tooltip","files":{"core/components/ui/tooltip/tooltip.md":{"title":"Tooltip","hashes":{"tooltip":{"count":1,"title":"","type":"page"}}}}},{"search":"By default, tooltip is centered next to its content\\n","files":{"core/components/ui/tooltip/tooltip.md":{"title":"Tooltip","hashes":{"placement":{"count":1,"title":"Placement","type":"paragraph"}}}}},{"search":"lit + tailwind + vite","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit--tailwind--vite":{"count":1,"title":"","type":"page"}}}}},{"search":"Some notes for an overview of Concorde's functioning\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit--tailwind--vite":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"A web component is simply a custom HTML element created using web standards:\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"standard-web-components":{"count":1,"title":"Standard Web components","type":"paragraph"}}}}},{"search":"web component = Custom Elements + shadowDom + HTML templates\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"standard-web-components":{"count":1,"title":"Standard Web components","type":"paragraph"}}}}},{"search":"Concorde components are written using the lightweight Lit library: https://lit.dev/.\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit-library":{"count":1,"title":"Lit Library","type":"paragraph"}}}}},{"search":"A good portion of the elements documented on the Lit website are standard JavaScript concepts (e.g., mixins, tagged template literals).\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit-library":{"count":1,"title":"Lit Library","type":"paragraph"}}}}},{"search":"The library simplifies the writing of web components by automating certain tasks:\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit-library":{"count":1,"title":"Lit Library","type":"paragraph"}}}}},{"search":"Our use of Lit rarely goes beyond this hello world\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"lit-library":{"count":1,"title":"Lit Library","type":"paragraph"}}}}},{"search":"We write the components in TypeScript, which is then compiled into JS.\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"typescript-language":{"count":1,"title":"Typescript Language","type":"paragraph"}}}}},{"search":"Static and inferred typing provides stronger validation of the program's functioning during compilation.\\nHowever, we often use the "any" type due to time constraints.\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"typescript-language":{"count":1,"title":"Typescript Language","type":"paragraph"}}}}},{"search":"Lit uses TypeScript to simplify development through metadata:\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"typescript-language":{"count":1,"title":"Typescript Language","type":"paragraph"}}}}},{"search":"☢️Warning:\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"typescript-language":{"count":1,"title":"Typescript Language","type":"paragraph"}}}}},{"search":"Compatibility issues may arise when using JS libraries, particularly regarding DOM traversal.\\nThis is because these libraries are blocked from traversing the DOM due to the presence of the shadow DOM.\\nHere are some examples of things that may cause problems:\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"compatibility-with-classic-js-libraries":{"count":1,"title":"Compatibility with Classic JS Libraries","type":"paragraph"}}}}},{"search":"🧱 Creating components\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"topics-to-explore-for-further-learning":{"count":1,"title":"Topics to Explore for Further Learning","type":"paragraph"}}}}},{"search":"🎨 Adding styles\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"topics-to-explore-for-further-learning":{"count":1,"title":"Topics to Explore for Further Learning","type":"paragraph"}}}}},{"search":"🥨 Sharing data\\n","files":{"docs/_core-concept/overview.md":{"title":"lit + tailwind + vite","hashes":{"topics-to-explore-for-further-learning":{"count":1,"title":"Topics to Explore for Further Learning","type":"paragraph"}}}}},{"search":"The subscriber mixin","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"the-subscriber-mixin":{"count":1,"title":"","type":"page"}}}}},{"search":"This is a mixin that is commonly extended by Concorde core components and destination components. Pure UI components usually don't extend it, especially those outside of form components.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"the-subscriber-mixin":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Upon being added to the DOM (connectedCallback), subscribers search for the first occurrence of the dataProvider attribute in their parent's HTML structure.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"The value of this attribute is used to obtain a publisher via the PublisherManager (see 🥨 Sharing Data).\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"The subscriber then subscribes to the publisher as a data template to be filled.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"The reactive properties of the component reflect in real-time the properties with the same name in the publisher.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"This functionality is commonly used in the generic components fetch, queue, and list.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"If the subscriber is inside another subscriber, it can subscribe to a data of its parent using the attribute subDataProvider = 'address.of.my.data' instead of the parent's data. This allows for dynamic behavior.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"dataprovider-attribute-automatic-filling-of-subscriber-properties":{"count":1,"title":"DataProvider Attribute: Automatic Filling of Subscriber Properties","type":"paragraph"}}}}},{"search":"In a similar manner, searching for ancestor attributes can be used to configure automatic translation for any property starting with "wording" and ending with a label identifier recognized by the wordingProvider API.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"automated-translation":{"count":1,"title":"Automated Translation","type":"paragraph"}}}}},{"search":"Normally, this API is globally configured and not within the component. Therefore, remember to prefix translatable label identifiers present in the ticketing system, for example, with "wording".\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"automated-translation":{"count":1,"title":"Automated Translation","type":"paragraph"}}}}},{"search":"The value of this property can be provided as a JSON object or any other value. This value is then assigned to the associated publisher via the dataProvider attribute. As a result, the reactive properties of all subscribers associated with the same dataProvider are filled as mentioned above.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"reactive-property-props":{"count":1,"title":"Reactive Property `props`","type":"paragraph"}}}}},{"search":"It is possible to disable the automatic filling of reactive properties in a particular component. To do so, set the variable noAutoFill = true in the component's class. However, the reactive property props will still be updated.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"disabling-automatic-filling-of-reactive-properties":{"count":1,"title":"Disabling Automatic Filling of Reactive Properties","type":"paragraph"}}}}},{"search":"For example, sonic-subscriber and sonic-fetch have this attribute because they do not have reactive properties.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"disabling-automatic-filling-of-reactive-properties":{"count":1,"title":"Disabling Automatic Filling of Reactive Properties","type":"paragraph"}}}}},{"search":"☢ CAUTION: When creating an object of type Subscriber or Fetcher, make sure to use the mixins and not directly extend the concrete fetch component (sonic-fetch) and subscriber component (sonic-subscriber). This is because the noAutofill = true attribute is set in those components.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"disabling-automatic-filling-of-reactive-properties":{"count":1,"title":"Disabling Automatic Filling of Reactive Properties","type":"paragraph"}}}}},{"search":"TIPS: \\nIf you disable automatic filling, you will likely make the rendering dynamic by writing expressions like this.props.my.subproperty. If props is updated, the rendering will be triggered. However, if this.props.my.subproperty is directly modified, the rendering will not be triggered. To achieve more reactivity, you can enable rendering when any subproperty is modified. Simply set the variable renderOnPropsInternalChange = true in the class that implements the corresponding mixin.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"disabling-automatic-filling-of-reactive-properties":{"count":1,"title":"Disabling Automatic Filling of Reactive Properties","type":"paragraph"}}}}},{"search":"Suppose that:\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"data-binding":{"count":1,"title":"Data Binding","type":"paragraph"}}}}},{"search":"This example also illustrates:\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"data-binding":{"count":1,"title":"Data Binding","type":"paragraph"}}}}},{"search":"Note: Data binding implies that updating the img.src data via the publisher will change the photo without any additional calls.\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"data-binding":{"count":1,"title":"Data Binding","type":"paragraph"}}}}},{"search":"Special Variables:\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"data-binding":{"count":1,"title":"Data Binding","type":"paragraph"}}}}},{"search":"Disabling this functionality:\\nYou can disable data binding if it is not needed by calling DataBinding.disable().\\n","files":{"docs/_core-concept/subscriber.md":{"title":"The subscriber mixin","hashes":{"data-binding":{"count":1,"title":"Data Binding","type":"paragraph"}}}}},{"search":"Installation","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"installation":{"count":1,"title":"","type":"page"}}}}},{"search":"The easiest way to use Concorde is by using the Concorde starter.The following command creates a new Vite project in TypeScript mode with Tailwind and an example component to get started.\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"starter":{"count":1,"title":"Starter","type":"paragraph"}}}}},{"search":"For a more manual configuration, you can refer to the following sections. \\nHowever, the Tailwind configuration is not mentioned at the moment.\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"brand-new-vite-project":{"count":1,"title":"Brand New Vite Project","type":"paragraph"}}}}},{"search":"Using Lit with TypeScript requires the following configuration in the "compilerOptions" section of the tsconfig.json file:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"creating-the-project":{"count":1,"title":"Creating the Project","type":"paragraph"}}}}},{"search":"Navigate to the project folder created and perform the installation:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"installing-concorde":{"count":1,"title":"Installing Concorde","type":"paragraph"}}}}},{"search":"Shortcut imports work by default in JavaScript, but in TypeScript, they are activated by choice as they inject data into tsconfig.json. Here is the command:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"shortcut-imports":{"count":1,"title":"Shortcut Imports","type":"paragraph"}}}}},{"search":"Shortcut imports replace the actual paths with aliases as follows:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"shortcut-imports":{"count":1,"title":"Shortcut Imports","type":"paragraph"}}}}},{"search":"The original paths remain accessible. Shortcut imports are used for the examples later in this documentation.\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"shortcut-imports":{"count":1,"title":"Shortcut Imports","type":"paragraph"}}}}},{"search":"Import needed component in main.ts or wherever you want to use it:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"simple-integration-in-html":{"count":1,"title":"Simple Integration in HTML","type":"paragraph"}}}}},{"search":"Then in the render function ofyour component or in the HTML of the web page that includes the compiled JS, use the component as follows:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"simple-integration-in-html":{"count":1,"title":"Simple Integration in HTML","type":"paragraph"}}}}},{"search":"For example, create a file my-element.ts at the root:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"using-a-mixin-to-create-a-new-lit-component":{"count":1,"title":"Using a Mixin to Create a New Lit Component","type":"paragraph"}}}}},{"search":"@customElement("my-element")\\nexport class SonicComponent extends Fetcher(Subscriber(LitElement)) {\\n @property() email = "";\\n @property() first_name = "";\\n @property() last_name = "";\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"using-a-mixin-to-create-a-new-lit-component":{"count":1,"title":"Using a Mixin to Create a New Lit Component","type":"paragraph"}}}}},{"search":" render() {\\n return html<div> ${this.first_name} ${this.last_name} : ${this.email} </div>;\\n }\\n}\\n \\n\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"using-a-mixin-to-create-a-new-lit-component":{"count":1,"title":"Using a Mixin to Create a New Lit Component","type":"paragraph"}}}}},{"search":"Import component main.ts or main.js or any other component that uses it to be compiled\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"using-a-mixin-to-create-a-new-lit-component":{"count":1,"title":"Using a Mixin to Create a New Lit Component","type":"paragraph"}}}}},{"search":"In the HTML of a JS or TS component or in the HTML of the web page containing the compiled JS:\\n","files":{"docs/_getting-started/concorde-outside.md":{"title":"Installation","hashes":{"using-a-mixin-to-create-a-new-lit-component":{"count":1,"title":"Using a Mixin to Create a New Lit Component","type":"paragraph"}}}}},{"search":"Creating components","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"creating-components":{"count":1,"title":"","type":"page"}}}}},{"search":"In this document, we consider the src directory of the project as the root.\\nWe describe how we organize our components as an example, however it depends on your project.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"where-to-put-it":{"count":1,"title":"Where to put it?","type":"paragraph"}}}}},{"search":"In concorde each component is currently organized in the following directory structure (at least we try):\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"where-to-put-it":{"count":1,"title":"Where to put it?","type":"paragraph"}}}}},{"search":"You can copy example.ts from the source to the desired destination to start with.\\nThis file contains a web component in the form of a class that extends the Subscriber mixin, with a reactive property and a render function.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"starting-from-a-simple-model":{"count":1,"title":"Starting from a Simple Model","type":"paragraph"}}}}},{"search":"@customElement("sonic-example")\\nexport class SonicComponent extends Subscriber(LitElement) {\\n @property() text = "Example";\\n render() {\\n return html${this.text};\\n }\\n}\\n \\n\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"starting-from-a-simple-model":{"count":1,"title":"Starting from a Simple Model","type":"paragraph"}}}}},{"search":"You can remove the dependency on Subscriber if automatic population of the component with external data is not required.\\nFor example, for a UI component:\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"starting-from-a-simple-model":{"count":1,"title":"Starting from a Simple Model","type":"paragraph"}}}}},{"search":"@customElement("sonic-example")\\nexport class SonicComponent extends LitElement {\\n @property() text = "Example";\\n render() {\\n return html${this.text};\\n }\\n}\\n \\n\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"starting-from-a-simple-model":{"count":1,"title":"Starting from a Simple Model","type":"paragraph"}}}}},{"search":"Regarding Subscriber, see:\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"starting-from-a-simple-model":{"count":1,"title":"Starting from a Simple Model","type":"paragraph"}}}}},{"search":"The class name is not necessarily important. However, it is important to give it a component name prefixed with "sonic" (or a prefix of your own) using the dedicated metadata already present in the copied document. For example, a button component would be named as follows:\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"naming-the-component":{"count":1,"title":"Naming the Component","type":"paragraph"}}}}},{"search":"For less generic components with a specific destination, we advise to include the destination in the name.\\nFor example, for a "title" component in the "event" destination, the name would be simply:\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"naming-the-component":{"count":1,"title":"Naming the Component","type":"paragraph"}}}}},{"search":"To do this, study the functioning of https://lit.dev and also refer to Subscriber.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"creating-reactive-properties-and-modifying-the-render-function":{"count":1,"title":"Creating Reactive Properties and Modifying the Render Function","type":"paragraph"}}}}},{"search":"The HTML structure of a component should remain as simple as possible.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"html-structure-of-a-component":{"count":1,"title":"HTML Structure of a Component","type":"paragraph"}}}}},{"search":"Ideally, there should be only one additional level of elements in addition to slots.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"html-structure-of-a-component":{"count":1,"title":"HTML Structure of a Component","type":"paragraph"}}}}},{"search":"This leads to the creation of more components and thus raises questions about the hierarchical organization of files. However, this tends to atomize their roles.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"html-structure-of-a-component":{"count":1,"title":"HTML Structure of a Component","type":"paragraph"}}}}},{"search":"To compile the component, it needs to be referenced somewhere through an import statement. In particular, it is important to reference it in any component that uses it.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"referencing-it":{"count":1,"title":"Referencing It","type":"paragraph"}}}}},{"search":"In the case where it can be directly used in a page, it should also be globally referenced, especially considering the creation of specific bundles in the future.\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"referencing-it":{"count":1,"title":"Referencing It","type":"paragraph"}}}}},{"search":"Here's where we add imports based on the component's location inside concorde as an example\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"referencing-it":{"count":1,"title":"Referencing It","type":"paragraph"}}}}},{"search":"As a reminder, the component is simply integrated into the context by adding a tag with the component's name, for example:\\n","files":{"docs/_getting-started/create-a-component.md":{"title":"Creating components","hashes":{"using-it":{"count":1,"title":"Using It","type":"paragraph"}}}}},{"search":"My first subscriber component","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"my-first-subscriber-component":{"count":1,"title":"","type":"page"}}}}},{"search":"Learn how to build a subscriber component, styled with tailwind, \\nwhich could be used as a regular component or could be filled from a dataprovider.\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"my-first-subscriber-component":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"First export tailwind, in a tailwind.ts file, stylesheet to add it in our component when needed.\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"style-with-tailwind-and-ui-components":{"count":1,"title":"Style with tailwind and ui components","type":"paragraph"}}}}},{"search":"Reactive properties can be filled by its attributes as a simple lit component.\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"basic-usage":{"count":1,"title":"Basic usage","type":"paragraph"}}}}},{"search":"Import Subscriber mixin, and add it around LitElement.\\n\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"add-subscriber-mixin":{"count":1,"title":"Add Subscriber mixin","type":"paragraph"}}}}},{"search":"Without a dataProvider attribute, a subscriber set its own dataprovider from first ancestor found, and then reactive properties automatically filled and update from it.\\nA fetcher is a simple component which set its fetch result to props of its dataprovider.\\n\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"autofill-properties-from-a-dataprovider":{"count":1,"title":"Autofill properties from a dataProvider","type":"paragraph"}}}}},{"search":"A subscriber can subscribe data from anywhere in the DOM, with its dataprovider set as a provider id.\\n","files":{"docs/_getting-started/my-first-subscriber.md":{"title":"My first subscriber component","hashes":{"autofill-properties-from-a-dataprovider":{"count":1,"title":"Autofill properties from a dataProvider","type":"paragraph"}}}}},{"search":"Sharing data","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"sharing-data":{"count":1,"title":"","type":"page"}}}}},{"search":"This section describes how we share data between graphical and non graphical components and classes.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"sharing-data":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Especialy, graphical components should not reference each other in order to remain decoupled.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"sharing-data":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Thats why we use publish/subscribe paradigm to addresse this issue.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"sharing-data":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"❇️ The order of data creation and subscription theoretically has no importance.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"Denotes the identifier of a publisher as referenced in the PublisherManager (see below).\\nUses the dataProvider attribut in html tags to scop the content with some data.\\nsee Subscribers.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"dataprovider":{"count":1,"title":"DataProvider","type":"paragraph"}}}}},{"search":"The PublisherManager is a utility class to get publishers\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"publishermanager":{"count":1,"title":"PublisherManager","type":"paragraph"}}}}},{"search":"It plays a central role in the components, especially through the "subscriber" mixin.\\nAutomatic data communication between components in concorde uses this principle in conjunction with Lit's reactive properties. \\nRefer to the documentation for Subscriber.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"publishermanager":{"count":1,"title":"PublisherManager","type":"paragraph"}}}}},{"search":"It is declared on the window object to allow usage in a web page, so the equivalent one-liner would be:\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"publishermanager":{"count":1,"title":"PublisherManager","type":"paragraph"}}}}},{"search":"This example can be tested in a console when Concorde is loaded on the page (for example, in a ticketing system).\\nIn a component, you will need to perform an import as explained earlier.\\n","files":{"docs/_getting-started/pubsub.md":{"title":"Sharing data","hashes":{"basic-example":{"count":1,"title":"Basic Example","type":"paragraph"}}}}},{"search":"Introduction","files":{"docs/_getting-started/start.md":{"title":"Introduction","hashes":{"introduction":{"count":1,"title":"","type":"page"}}}}},{"search":"Based on lit.dev, Concorde is a collection of webcomponents made to build shared apps or websites.Develop user interfaces without thinking about the implementation context, where everything is scoped, but preserving graphic consistency by setting the strict minimum of css variables.\\n","files":{"docs/_getting-started/start.md":{"title":"Introduction","hashes":{"what-is-concorde-":{"count":1,"title":"What is Concorde ?","type":"paragraph"}}}}},{"search":"In 2022, Supersoniks wanted to create a new version of his ticketing app, in production un nearly 100 websites. We needed shared components which could be implemented in mobile apps, modern websites, and also old ones made in php, without bundlers or whatever.Instead of building a new app for each type of project, which would become impossible to maintain, we've decided to create one app, composed by a few webcomponents wich could easily be recomposed on any website.\\nWebcomponents appeared to be a the perfect solution to guarantee that compatibility with all past, present and futures environment, and lit seemed to be the best choice to build them.\\n","files":{"docs/_getting-started/start.md":{"title":"Introduction","hashes":{"why-and-use-case":{"count":1,"title":"Why and use case","type":"paragraph"}}}}},{"search":"A new project with Vite, Typescript and Tailwind already configured and a simple example of a subscriber component : \\n","files":{"docs/_getting-started/start.md":{"title":"Introduction","hashes":{"start-a-new-project-easily":{"count":1,"title":"Start a new project easily","type":"paragraph"}}}}},{"search":"Adding styles","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"adding-styles":{"count":1,"title":"","type":"page"}}}}},{"search":"No style crosses the shadow root of a component, except for inheritable properties (which have the "inherit" property possible) and CSS variables.\\nProperties integrated via a "slot" remain stylizable in a conventional way.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"normal-behavior":{"count":1,"title":"Normal Behavior","type":"paragraph"}}}}},{"search":"The declaration of reactive properties is useful for selecting a particular configuration that mostly affects a set of properties.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"choosing-style-presets-via-reactive-properties":{"count":1,"title":"Choosing Style Presets via Reactive Properties:","type":"paragraph"}}}}},{"search":"For example, a size property (xs, sm, md, xl) will affect margins, font, line heights to align them with the corresponding CSS vars, which can be customized using the methods mentioned earlier if necessary.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"choosing-style-presets-via-reactive-properties":{"count":1,"title":"Choosing Style Presets via Reactive Properties:","type":"paragraph"}}}}},{"search":"It is recommended to use the {reflect: true} property for reactive properties that have an associated style on the :host(). For example: :host([type='primary']){...}\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"choosing-style-presets-via-reactive-properties":{"count":1,"title":"Choosing Style Presets via Reactive Properties:","type":"paragraph"}}}}},{"search":"☢️ Caution: Passing class names via reactive properties / HTML attributes of the component should be avoided as it can quickly lead to difficult-to-manage situations.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"choosing-style-presets-via-reactive-properties":{"count":1,"title":"Choosing Style Presets via Reactive Properties:","type":"paragraph"}}}}},{"search":"By default, the display property is inline.\\nTherefore, be careful to define it according to the needs, as one might mistakenly expect it to be block as with a regular <div>.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"css-display-property":{"count":1,"title":"CSS \\"display\\" Property","type":"paragraph"}}}}},{"search":"☢️ Caution: Defining the display property as contents may seem attractive at first, but:\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"css-display-property":{"count":1,"title":"CSS \\"display\\" Property","type":"paragraph"}}}}},{"search":"tailwind has been integrated into Concorde and is available in scoped components (with Shadow DOM).\\nTo use it, you need to import the following:\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"tailwind-functional-classes":{"count":1,"title":"TAILWIND Functional Classes","type":"paragraph"}}}}},{"search":"Then include the tailwind style in the static styles property of the component:\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"tailwind-functional-classes":{"count":1,"title":"TAILWIND Functional Classes","type":"paragraph"}}}}},{"search":"Finally, use it in the HTML within the render function:\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"tailwind-functional-classes":{"count":1,"title":"TAILWIND Functional Classes","type":"paragraph"}}}}},{"search":"The colors from Concorde's theme are referenced in Tailwind's theme.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"tailwind-functional-classes":{"count":1,"title":"TAILWIND Functional Classes","type":"paragraph"}}}}},{"search":"This operation is particularly useful when it comes to adding behavior to a simple existing element.\\nIt may also become necessary to establish compatibility with a traditional JS library.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"usefulness":{"count":1,"title":"Usefulness","type":"paragraph"}}}}},{"search":"For example, with a text input:\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"usefulness":{"count":1,"title":"Usefulness","type":"paragraph"}}}}},{"search":"If there is no shadow DOM (see the noShadowDom property of Subscriber):\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"consequences":{"count":1,"title":"Consequences","type":"paragraph"}}}}},{"search":"For example, the components queue, list, and fetch do not have a shadow DOM.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"consequences":{"count":1,"title":"Consequences","type":"paragraph"}}}}},{"search":"ℹ️ Note: Specifically in this case, it may be useful to set the display property to contents.\\n","files":{"docs/_getting-started/theming.md":{"title":"Adding styles","hashes":{"consequences":{"count":1,"title":"Consequences","type":"paragraph"}}}}},{"search":"@ancestorAttribute","files":{"docs/_misc/ancestor-attribute.md":{"title":"@ancestorAttribute","hashes":{"ancestorattribute":{"count":1,"title":"","type":"page"}}}}},{"search":"The @ancestorAttribute decorator automatically injects the value of an ancestor's attribute into a class property at the time of connectedCallback.\\n","files":{"docs/_misc/ancestor-attribute.md":{"title":"@ancestorAttribute","hashes":{"ancestorattribute":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"This decorator uses HTML.getAncestorAttributeValue to traverse up the DOM tree from the current element and find the first ancestor that has the specified attribute. The value of this attribute is then assigned to the decorated property.\\n","files":{"docs/_misc/ancestor-attribute.md":{"title":"@ancestorAttribute","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"Le composant lit les attributs dataProvider et testAttribute exposés par son conteneur ancêtre.\\n","files":{"docs/_misc/ancestor-attribute.md":{"title":"@ancestorAttribute","hashes":{"basic-example":{"count":1,"title":"Basic example","type":"paragraph"}}}}},{"search":"This decorator is particularly useful for:\\n","files":{"docs/_misc/ancestor-attribute.md":{"title":"@ancestorAttribute","hashes":{"use-cases":{"count":1,"title":"Use cases","type":"paragraph"}}},"docs/_misc/auto-subscribe.md":{"title":"@autoSubscribe","hashes":{"use-cases":{"count":1,"title":"Use cases","type":"paragraph"}}},"docs/_misc/bind.md":{"title":"@bind","hashes":{"use-cases":{"count":1,"title":"Use cases","type":"paragraph"}}},"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"use-cases":{"count":1,"title":"Use cases","type":"paragraph"}}}}},{"search":"@autoSubscribe","files":{"docs/_misc/auto-subscribe.md":{"title":"@autoSubscribe","hashes":{"autosubscribe":{"count":1,"title":"","type":"page"}}}}},{"search":"The @autoSubscribe decorator automatically detects which publishers are accessed within a method and subscribes to them. When any of these publishers change, the method is automatically re-executed.\\n","files":{"docs/_misc/auto-subscribe.md":{"title":"@autoSubscribe","hashes":{"autosubscribe":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"This decorator wraps a method to track which publishers are accessed during its execution. It then subscribes to all accessed publishers, and when any of them change, the method is re-executed. This provides automatic reactivity without manually managing subscriptions.\\n","files":{"docs/_misc/auto-subscribe.md":{"title":"@autoSubscribe","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"@bind","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"bind":{"count":1,"title":"","type":"page"}}}}},{"search":"The @bind decorator automatically binds a class property to a path in a publisher. The property will be automatically \\nupdated when the publisher's data changes.\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"bind":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"If you need to trigger the rendering lifecycle of a LitElement, please also add the @state() decorator to the property.\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"bind":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"This decorator subscribes to a publisher via the PublisherManager using a path (dot notation) to access a specific property. When this property is modified in the publisher, the decorated property is automatically updated.\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"The @subscribe decorator is a simplified version of @bind without reflect. It accepts only Key<T> and enforces that the decorated property must be of type T:\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"subscribe-read-only-strictly-typed-with-key":{"count":1,"title":"@subscribe (read-only, strictly typed with Key)","type":"paragraph"}}}}},{"search":"const statsKey = new Key("idDonneesDeStats");\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"subscribe-read-only-strictly-typed-with-key":{"count":1,"title":"@subscribe (read-only, strictly typed with Key)","type":"paragraph"}}},"docs/_misc/key.md":{"title":"Key","hashes":{"integration-with-subscribe":{"count":1,"title":"Integration with @subscribe","type":"paragraph"}}}}},{"search":"@subscribe(statsKey.gauge)\\n@state()\\ngauge: number = 0; // OK — matches Key\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"subscribe-read-only-strictly-typed-with-key":{"count":1,"title":"@subscribe (read-only, strictly typed with Key)","type":"paragraph"}}}}},{"search":"// @subscribe(statsKey.gauge)\\n// gauge: string = ""; // Error — type 'string' is not assignable to type 'number'\\n \\n\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"subscribe-read-only-strictly-typed-with-key":{"count":1,"title":"@subscribe (read-only, strictly typed with Key)","type":"paragraph"}}}}},{"search":"The @publish decorator is the inverse of @subscribe: when you write to the property, the value is published to the publisher path. No subscription (no read from publisher).\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"publish-write-only-inverse-of-subscribe":{"count":1,"title":"@publish (write-only, inverse of @subscribe)","type":"paragraph"}}}}},{"search":"const formKey = new Key("formData");\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"publish-write-only-inverse-of-subscribe":{"count":1,"title":"@publish (write-only, inverse of @subscribe)","type":"paragraph"}}}}},{"search":"@publish(formKey.email)\\n@state()\\nemail = ""; // Writing to email publishes to formData.email\\n \\n\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"publish-write-only-inverse-of-subscribe":{"count":1,"title":"@publish (write-only, inverse of @subscribe)","type":"paragraph"}}}}},{"search":"Lorsque vous avez besoin que les modifications locales se propagent également vers le publisher, activez l'option reflect :\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"reflect-liaison-bidirectionnelle":{"count":1,"title":"Reflect (liaison bidirectionnelle)","type":"paragraph"}}}}},{"search":"The path uses dot notation to navigate through the publisher structure:\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"path-syntax":{"count":1,"title":"Path syntax","type":"paragraph"}}},"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"path-syntax":{"count":1,"title":"Path syntax","type":"paragraph"}}}}},{"search":"You can now build the path dynamically by referencing the host class properties inside the string passed to @bind. Two placeholder syntaxes are supported:\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"Each placeholder is replaced at runtime with the current value of the corresponding property. @bind automatically watches those properties and:\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":" }\\n //\\n render() {\\n return html <div class="flex flex-col gap-2"> <sonic-select .value=${this.dataProvider} label="Users set" @change=${this.updateDataProvider} > <option value="demoUsers">First set of users</option> <option value="demoUsersAlt">Second set of users</option> </sonic-select> <sonic-input type="number" .value=${this.userIndex} @input=${this.updateUserIndex} min="0" max="9" label="Index" class="block" > </sonic-input> <sonic-button @click=${this.updateCurrentUserData} >Update current user data</sonic-button > <div class="flex flex-col gap-2 border p-2"> <div> <sonic-icon name="user" library="heroicons"></sonic-icon> ${this.user?.firstName} ${this.user?.lastName} </div> <div> <sonic-icon name="envelope" library="heroicons"></sonic-icon> ${this.user?.email} </div> </div> </div> ;\\n }\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"⚠️ Use a classic string literal: @bind("${dataProvider}.${profileId}.info.title"). Do not use a template literal (backticks), otherwise JavaScript would try to interpolate the value immediately.\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"Additional constraints:\\n","files":{"docs/_misc/bind.md":{"title":"@bind","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}},"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"Key","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"key":{"count":1,"title":"","type":"page"}}}}},{"search":"The Key<T> utility provides type-safe navigation through composite data structures. Each property or index access extends the path, and the final key can be retrieved via toString() or the path property.\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"key":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"Key uses a Proxy to intercept property access and build a cumulative path string. TypeScript infers the nested type at each level, so myKey.checkedTickets[0] is correctly typed as Key<LegacyCheckedTicket> when checkedTickets is LegacyCheckedTicket[].\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"// Create a key and navigate through the structure\\nconst myKey = new Key("idDonneesDeStats").checkedTickets[0];\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"basic-example":{"count":1,"title":"Basic example","type":"paragraph"}}}}},{"search":"// Equivalent to: new Key("idDonneesDeStats.checkedTickets.0")\\nmyKey.toString(); // "idDonneesDeStats.checkedTickets.0"\\nmyKey.path; // same value\\n// myKey is typed as Key\\n \\n\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"basic-example":{"count":1,"title":"Basic example","type":"paragraph"}}}}},{"search":"const firstTicket = ticketsKey[0];\\nfirstTicket.path; // "data.checkedTickets.0"\\n// firstTicket is Key\\n \\n\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"array-index-access":{"count":1,"title":"Array index access","type":"paragraph"}}}}},{"search":"const key = Key("root");\\nkey.path; // "root"\\n \\n\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"usage-without-new":{"count":1,"title":"Usage without `new`","type":"paragraph"}}}}},{"search":"The final path is built by concatenating each accessed property with a dot:\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"path-retrieval":{"count":1,"title":"Path retrieval","type":"paragraph"}}}}},{"search":"Use toString() or path to get the full path string:\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"path-retrieval":{"count":1,"title":"Path retrieval","type":"paragraph"}}}}},{"search":"Use Key with the @subscribe decorator for strictly typed, read-only bindings (no reflect). The decorated property must match the Key type:\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"integration-with-subscribe":{"count":1,"title":"Integration with @subscribe","type":"paragraph"}}}}},{"search":"@customElement("stats-gauge")\\nexport class StatsGauge extends LitElement {\\n @subscribe(statsKey.gauge)\\n @state()\\n gauge: number = 0; // Type enforced: must be number\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"integration-with-subscribe":{"count":1,"title":"Integration with @subscribe","type":"paragraph"}}}}},{"search":" render() {\\n return html<span>Gauge: ${this.gauge}</span>;\\n }\\n}\\n \\n\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"integration-with-subscribe":{"count":1,"title":"Integration with @subscribe","type":"paragraph"}}}}},{"search":"If you declare gauge: string with @subscribe(statsKey.gauge) (Key), TypeScript will error.\\n","files":{"docs/_misc/key.md":{"title":"Key","hashes":{"integration-with-subscribe":{"count":1,"title":"Integration with @subscribe","type":"paragraph"}}}}},{"search":"@onAssign","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"onassign":{"count":1,"title":"","type":"page"}}}}},{"search":"The @onAssign decorator allows you to execute a method when one or more publishers are updated. The method is called only when all specified publishers have been assigned values.\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"onassign":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"This decorator subscribes to one or more publishers via the PublisherManager. When all specified publishers have been assigned values (via set), the decorated method is called with all the values as arguments.\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"This is particularly useful when you need to wait for multiple data sources to be ready before executing logic.\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"You can now build the paths dynamically by referencing the host class properties inside the strings passed to @onAssign. Two placeholder syntaxes are supported:\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"Each placeholder is replaced at runtime with the current value of the corresponding property. @onAssign automatically watches those properties and:\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"⚠️ Use classic string literals: @onAssign("${dataProvider}.${profileId}", "settings.${profileId}"). Do not use template literals (backticks), otherwise JavaScript would try to interpolate the value immediately.\\n","files":{"docs/_misc/on-assign.md":{"title":"@onAssign","hashes":{"dynamic-path-driven-by-class-properties":{"count":1,"title":"Dynamic path driven by class properties","type":"paragraph"}}}}},{"search":"Templates Demo","files":{"docs/_misc/templates-demo.md":{"title":"Templates Demo","hashes":{"templates-demo":{"count":1,"title":"","type":"page"}}}}},{"search":"Some test/demos\\n","files":{"docs/_misc/templates-demo.md":{"title":"Templates Demo","hashes":{"templates-demo":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"@awaitConnectedAncestors and @dispatchConnectedEvent","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"awaitconnectedancestors-and-dispatchconnectedevent":{"count":1,"title":"","type":"page"}}}}},{"search":"The @awaitConnectedAncestors and @dispatchConnectedEvent decorators delay a web component's initialization until its matching ancestors have executed their connectedCallback. This is when contextual elements (publisher, dataProvider, etc.) are configured.\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"awaitconnectedancestors-and-dispatchconnectedevent":{"count":1,"title":"","type":"paragraph"}}}}},{"search":"When a child component attaches to the DOM, its ancestors may not yet be initialized (especially if custom element definitions are loaded asynchronously). The @awaitConnectedAncestors decorator delays the component's connectedCallback until all ancestors matching the provided CSS selectors have executed their connectedCallback.\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"The @dispatchConnectedEvent decorator allows ancestors to signal they are ready by dispatching the sonic-connected event at the end of their connectedCallback. The event bubbles, so it can be listened to from anywhere (e.g. document.addEventListener(CONNECTED, handler)).\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"Ancestors that are not web components (no hyphen in tag name) are considered connected by default and do not need to emit the event.\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"principle":{"count":1,"title":"Principle","type":"paragraph"}}}}},{"search":"An ancestor container decorated with @dispatchConnectedEvent() signals when it is ready. A child component decorated with @awaitConnectedAncestors("demo-wait-ancestor-container[dataProvider]") waits for this container to be initialized before initializing itself. Parameters are CSS selectors (element.matches()).\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"basic-example":{"count":1,"title":"Basic example","type":"paragraph"}}}}},{"search":"The parent is registered via customElements.define() (vanilla JS) rather than @customElement, so it can be defined later—e.g. when the user clicks a button. This demonstrates the child waiting until the parent exists.\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"basic-example":{"count":1,"title":"Basic example","type":"paragraph"}}}}},{"search":"The child waits for all specified ancestors. Register outer first, then inner — the child initializes only when both are ready.\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"multiple-ancestors":{"count":1,"title":"Multiple ancestors","type":"paragraph"}}}}},{"search":"When the parent is defined at load and already in the DOM, the child initializes immediately (no delay).\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"ancestors-already-connected":{"count":1,"title":"Ancestors already connected","type":"paragraph"}}}}},{"search":"Static (both in DOM from start):\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"ancestors-already-connected":{"count":1,"title":"Ancestors already connected","type":"paragraph"}}}}},{"search":"Dynamic (child added on button click):\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"ancestors-already-connected":{"count":1,"title":"Ancestors already connected","type":"paragraph"}}}}},{"search":"Parameters are CSS selectors matched via element.matches() — e.g. "sonic-subscriber", "sonic-subscriber[dataProvider]", ".my-container", or multiple: "sonic-subscriber", "sonic-sdui".\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"css-selector-support":{"count":1,"title":"CSS selector support","type":"paragraph"}}}}},{"search":"These decorators are particularly useful for:\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"use-cases":{"count":1,"title":"Use cases","type":"paragraph"}}}}},{"search":"The sonic-connected event bubbles, so you can listen to it from anywhere:\\n","files":{"docs/_misc/wait-for-ancestors.md":{"title":"@awaitConnectedAncestors and @dispatchConnectedEvent","hashes":{"listening-to-the-connected-event":{"count":1,"title":"Listening to the connected event","type":"paragraph"}}}}}]');var _p=Object.defineProperty,Dp=Object.getOwnPropertyDescriptor,no=(i,e,r,s)=>{for(var t=s>1?void 0:s?Dp(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&_p(e,r,t),t};const Cp="docs-search",Ap=window,Sp=Ap.fuzzysort;let Ms=class extends A{constructor(){super(...arguments),this.hidePopMenu=!1,this.setFocus=!1}search(i){O.get("searchSelection").selection=null;const e=Sp.go(i,Wo,{key:"search"}),r=[],s=new Map,t=[];for(const o of e){if(o.score<-1e5)continue;const n=o.obj;for(const a in n.files)for(const c in n.files[a].hashes){const p=n.files[a].hashes[c];if(t.includes(a+":"+c))continue;t.push(a+":"+c);const b=n.files[a].title,d={href:"#"+a+"/"+c,part:p.title||"...",search:p.type=="page"?"Page":this.getResultSearchString(o),index:Wo.indexOf(n),template:p.type=="page"?"page":null};if(s.has(b))s.get(b).items.push(d);else{const x={title:b,items:[d]};s.set(b,x),r.push(x)}}}this.shadowRoot?.querySelector("sonic-pop")?.show();for(const o of r)o.items.sort((n,a)=>n.index-a.index);O.get("searchResult").set(r)}getResultSearchString(i){const e=i.p;return i.target.split("").map((s,t)=>e.includes(t)?"<span class='font-bold' style='color:var(--sc-info)'>"+s+"</span>":s).join("")}connectedCallback(){O.get("docsSearch").search.onAssign(i=>this.search(i)),super.connectedCallback()}firstUpdated(){this.setFocus&&setTimeout(()=>{this.shadowRoot?.querySelector("sonic-input")?.focus(),this.shadowRoot?.querySelector("sonic-pop")?.show()},100)}render(){return w`
|
|
4218
4218
|
<sonic-pop noToggle class="inline-block w-full" key="data">
|
|
4219
4219
|
<sonic-input
|
|
4220
4220
|
data-keyboard-nav="doc-search"
|
|
@@ -4308,18 +4308,18 @@ ${this.value}</textarea
|
|
|
4308
4308
|
</sonic-menu>
|
|
4309
4309
|
`}
|
|
4310
4310
|
</sonic-pop>
|
|
4311
|
-
`}};Ms.styles=[
|
|
4311
|
+
`}};Ms.styles=[me,ms];no([L({type:Boolean})],Ms.prototype,"hidePopMenu",2);no([l({type:Boolean})],Ms.prototype,"setFocus",2);Ms=no([F(Cp)],Ms);var Fp=Object.defineProperty,Pp=Object.getOwnPropertyDescriptor,Bn=(i,e,r,s)=>{for(var t=s>1?void 0:s?Pp(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Fp(e,r,t),t};const $p="docs-page";let Ci=class extends st(A){constructor(){super(...arguments),this.location="",this.markDownsURL="",this.noShadowDom="",this.url="",this.anchor=""}connectedCallback(){this.setAttribute("serviceURL",document.location.pathname.replace(/\/index.html$/,"")),this.markDownsURL=this.getAncestorAttributeValue("markDownsURL"),this.markDownsURL.lastIndexOf("/")!=this.markDownsURL.length-1&&(this.markDownsURL+="/"),super.connectedCallback(),un.onChange(this)}willUpdate(i){const e=this.location.indexOf("#");if(e){const r=this.location.substring(e+1).split("/");this.anchor=decodeURI(r.pop()),this.url=r.join("/")}super.willUpdate(i)}render(){return this.url?w`
|
|
4312
4312
|
|
|
4313
4313
|
<sonic-fetch noShadowDom dataProvider="pageHTML" endPoint="${this.markDownsURL+this.url+"?"+Math.random()}">
|
|
4314
4314
|
<docs-markdown-renderer anchor="${this.anchor}"></docs-markdown-renderer>
|
|
4315
4315
|
</sonic-fetch>
|
|
4316
4316
|
</sonic-fetch>
|
|
4317
|
-
`:E}};
|
|
4318
|
-
`}}}}function
|
|
4317
|
+
`:E}};Bn([l()],Ci.prototype,"location",2);Ci=Bn([F($p)],Ci);const kp=/[\0-\x1F!-,\.\/:-@\[-\^`\{-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482\u0530\u0557\u0558\u055A-\u055F\u0589-\u0590\u05BE\u05C0\u05C3\u05C6\u05C8-\u05CF\u05EB-\u05EE\u05F3-\u060F\u061B-\u061F\u066A-\u066D\u06D4\u06DD\u06DE\u06E9\u06FD\u06FE\u0700-\u070F\u074B\u074C\u07B2-\u07BF\u07F6-\u07F9\u07FB\u07FC\u07FE\u07FF\u082E-\u083F\u085C-\u085F\u086B-\u089F\u08B5\u08C8-\u08D2\u08E2\u0964\u0965\u0970\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA\u09BB\u09C5\u09C6\u09C9\u09CA\u09CF-\u09D6\u09D8-\u09DB\u09DE\u09E4\u09E5\u09F2-\u09FB\u09FD\u09FF\u0A00\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A\u0A3B\u0A3D\u0A43-\u0A46\u0A49\u0A4A\u0A4E-\u0A50\u0A52-\u0A58\u0A5D\u0A5F-\u0A65\u0A76-\u0A80\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA\u0ABB\u0AC6\u0ACA\u0ACE\u0ACF\u0AD1-\u0ADF\u0AE4\u0AE5\u0AF0-\u0AF8\u0B00\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A\u0B3B\u0B45\u0B46\u0B49\u0B4A\u0B4E-\u0B54\u0B58-\u0B5B\u0B5E\u0B64\u0B65\u0B70\u0B72-\u0B81\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BBD\u0BC3-\u0BC5\u0BC9\u0BCE\u0BCF\u0BD1-\u0BD6\u0BD8-\u0BE5\u0BF0-\u0BFF\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C45\u0C49\u0C4E-\u0C54\u0C57\u0C5B-\u0C5F\u0C64\u0C65\u0C70-\u0C7F\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA\u0CBB\u0CC5\u0CC9\u0CCE-\u0CD4\u0CD7-\u0CDD\u0CDF\u0CE4\u0CE5\u0CF0\u0CF3-\u0CFF\u0D0D\u0D11\u0D45\u0D49\u0D4F-\u0D53\u0D58-\u0D5E\u0D64\u0D65\u0D70-\u0D79\u0D80\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0DC9\u0DCB-\u0DCE\u0DD5\u0DD7\u0DE0-\u0DE5\u0DF0\u0DF1\u0DF4-\u0E00\u0E3B-\u0E3F\u0E4F\u0E5A-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EBE\u0EBF\u0EC5\u0EC7\u0ECE\u0ECF\u0EDA\u0EDB\u0EE0-\u0EFF\u0F01-\u0F17\u0F1A-\u0F1F\u0F2A-\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F48\u0F6D-\u0F70\u0F85\u0F98\u0FBD-\u0FC5\u0FC7-\u0FFF\u104A-\u104F\u109E\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B\u135C\u1360-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16ED\u16F9-\u16FF\u170D\u1715-\u171F\u1735-\u173F\u1754-\u175F\u176D\u1771\u1774-\u177F\u17D4-\u17D6\u17D8-\u17DB\u17DE\u17DF\u17EA-\u180A\u180E\u180F\u181A-\u181F\u1879-\u187F\u18AB-\u18AF\u18F6-\u18FF\u191F\u192C-\u192F\u193C-\u1945\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19CF\u19DA-\u19FF\u1A1C-\u1A1F\u1A5F\u1A7D\u1A7E\u1A8A-\u1A8F\u1A9A-\u1AA6\u1AA8-\u1AAF\u1AC1-\u1AFF\u1B4C-\u1B4F\u1B5A-\u1B6A\u1B74-\u1B7F\u1BF4-\u1BFF\u1C38-\u1C3F\u1C4A-\u1C4C\u1C7E\u1C7F\u1C89-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CCF\u1CD3\u1CFB-\u1CFF\u1DFA\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u203E\u2041-\u2053\u2055-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u20CF\u20F1-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u215F\u2189-\u24B5\u24EA-\u2BFF\u2C2F\u2C5F\u2CE5-\u2CEA\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7E\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF\u2E00-\u2E2E\u2E30-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u3040\u3097\u3098\u309B\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\u9FFD-\u9FFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA62C-\uA63F\uA673\uA67E\uA6F2-\uA716\uA720\uA721\uA789\uA78A\uA7C0\uA7C1\uA7CB-\uA7F4\uA828-\uA82B\uA82D-\uA83F\uA874-\uA87F\uA8C6-\uA8CF\uA8DA-\uA8DF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA954-\uA95F\uA97D-\uA97F\uA9C1-\uA9CE\uA9DA-\uA9DF\uA9FF\uAA37-\uAA3F\uAA4E\uAA4F\uAA5A-\uAA5F\uAA77-\uAA79\uAAC3-\uAADA\uAADE\uAADF\uAAF0\uAAF1\uAAF7-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABEB\uABEE\uABEF\uABFA-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFDFF\uFE10-\uFE1F\uFE30-\uFE32\uFE35-\uFE4C\uFE50-\uFE6F\uFE75\uFEFD-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF3E\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDD3F\uDD75-\uDDFC\uDDFE-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEDF\uDEE1-\uDEFF\uDF20-\uDF2C\uDF4B-\uDF4F\uDF7B-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0\uDFD6-\uDFFF]|\uD801[\uDC9E\uDC9F\uDCAA-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE04\uDE07-\uDE0B\uDE14\uDE18\uDE36\uDE37\uDE3B-\uDE3E\uDE40-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE7-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD28-\uDD2F\uDD3A-\uDE7F\uDEAA\uDEAD-\uDEAF\uDEB2-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF51-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC47-\uDC65\uDC70-\uDC7E\uDCBB-\uDCCF\uDCE9-\uDCEF\uDCFA-\uDCFF\uDD35\uDD40-\uDD43\uDD48-\uDD4F\uDD74\uDD75\uDD77-\uDD7F\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDFF\uDE12\uDE38-\uDE3D\uDE3F-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEEB-\uDEEF\uDEFA-\uDEFF\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A\uDF45\uDF46\uDF49\uDF4A\uDF4E\uDF4F\uDF51-\uDF56\uDF58-\uDF5C\uDF64\uDF65\uDF6D-\uDF6F\uDF75-\uDFFF]|\uD805[\uDC4B-\uDC4F\uDC5A-\uDC5D\uDC62-\uDC7F\uDCC6\uDCC8-\uDCCF\uDCDA-\uDD7F\uDDB6\uDDB7\uDDC1-\uDDD7\uDDDE-\uDDFF\uDE41-\uDE43\uDE45-\uDE4F\uDE5A-\uDE7F\uDEB9-\uDEBF\uDECA-\uDEFF\uDF1B\uDF1C\uDF2C-\uDF2F\uDF3A-\uDFFF]|\uD806[\uDC3B-\uDC9F\uDCEA-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD36\uDD39\uDD3A\uDD44-\uDD4F\uDD5A-\uDD9F\uDDA8\uDDA9\uDDD8\uDDD9\uDDE2\uDDE5-\uDDFF\uDE3F-\uDE46\uDE48-\uDE4F\uDE9A-\uDE9C\uDE9E-\uDEBF\uDEF9-\uDFFF]|\uD807[\uDC09\uDC37\uDC41-\uDC4F\uDC5A-\uDC71\uDC90\uDC91\uDCA8\uDCB7-\uDCFF\uDD07\uDD0A\uDD37-\uDD39\uDD3B\uDD3E\uDD48-\uDD4F\uDD5A-\uDD5F\uDD66\uDD69\uDD8F\uDD92\uDD99-\uDD9F\uDDAA-\uDEDF\uDEF7-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC6F-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD80B\uD80E-\uD810\uD812-\uD819\uD824-\uD82B\uD82D\uD82E\uD830-\uD833\uD837\uD839\uD83D\uD83F\uD87B-\uD87D\uD87F\uD885-\uDB3F\uDB41-\uDBFF][\uDC00-\uDFFF]|\uD80D[\uDC2F-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F\uDE6A-\uDECF\uDEEE\uDEEF\uDEF5-\uDEFF\uDF37-\uDF3F\uDF44-\uDF4F\uDF5A-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4E\uDF88-\uDF8E\uDFA0-\uDFDF\uDFE2\uDFE5-\uDFEF\uDFF2-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFF\uDD09-\uDFFF]|\uD82C[\uDD1F-\uDD4F\uDD53-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDC9C\uDC9F-\uDFFF]|\uD834[\uDC00-\uDD64\uDD6A-\uDD6C\uDD73-\uDD7A\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDE41\uDE45-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC\uDFCD]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE9A\uDEA0\uDEB0-\uDFFF]|\uD838[\uDC07\uDC19\uDC1A\uDC22\uDC25\uDC2B-\uDCFF\uDD2D-\uDD2F\uDD3E\uDD3F\uDD4A-\uDD4D\uDD4F-\uDEBF\uDEFA-\uDFFF]|\uD83A[\uDCC5-\uDCCF\uDCD7-\uDCFF\uDD4C-\uDD4F\uDD5A-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD83C[\uDC00-\uDD2F\uDD4A-\uDD4F\uDD6A-\uDD6F\uDD8A-\uDFFF]|\uD83E[\uDC00-\uDFEF\uDFFA-\uDFFF]|\uD869[\uDEDE-\uDEFF]|\uD86D[\uDF35-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDFFF]|\uDB40[\uDC00-\uDCFF\uDDF0-\uDFFF]/g,Ep=Object.hasOwnProperty;class Rn{constructor(){this.occurrences,this.reset()}slug(e,r){const s=this;let t=Op(e,r===!0);const o=t;for(;Ep.call(s.occurrences,t);)s.occurrences[o]++,t=o+"-"+s.occurrences[o];return s.occurrences[t]=0,t}reset(){this.occurrences=Object.create(null)}}function Op(i,e){return typeof i!="string"?"":(e||(i=i.toLowerCase()),i.replace(kp,"").replace(/ /g,"-"))}let jn=new Rn,Un=[];function Tp({prefix:i="",globalSlugs:e=!1}={}){return{headerIds:!1,hooks:{preprocess(r){return e||Lp(),r}},renderer:{heading(r,s,t){t=t.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"");const o=`${i}${jn.slug(t)}`,n={level:s,text:r,id:o};return Un.push(n),`<h${s} id="${o}">${r}</h${s}>
|
|
4318
|
+
`}}}}function Lp(){Un=[],jn=new Rn}var Ip=Object.defineProperty,Np=Object.getOwnPropertyDescriptor,qn=(i,e,r,s)=>{for(var t=s>1?void 0:s?Np(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Ip(e,r,t),t};const Mp="docs-markdown-renderer",Ko=window.marked;let Ai=class extends st(A){constructor(){super(...arguments),this.anchor="",this._text=""}connectedCallback(){Ko.use(Tp()),this.noShadowDom="",super.connectedCallback()}set text(i){const e=Ko.parse(i);this._text=e,this.requestUpdate(),setTimeout(()=>{const r=this.querySelector("#"+this.anchor);this.appendImport(),r?document.documentElement.scrollTop=r.offsetTop-95:this.anchor&&this.anchor.indexOf("#")!=-1||(document.documentElement.scrollTop=0)},100)}get text(){return this._text}appendImport(){const i=document.location.hash;if(i.includes("components")){const o=`<sonic-code language="javascript" class="mb-8"
|
|
4319
4319
|
><sonic-code language="javascript">
|
|
4320
4320
|
<template> import '@supersoniks/concorde/${i.split("/").filter(n=>n.endsWith(".md")).pop()?.replace(".md","")}'; </template>
|
|
4321
4321
|
</sonic-code>
|
|
4322
|
-
</sonic-code>`;this.querySelector("h1")?.insertAdjacentHTML("afterend",o)}}render(){return w`${q(this.text)}`}};Tn([l()],_i.prototype,"anchor",2);_i=Tn([F(Sp)],_i);class vr{static toJson(e){const r={};r.nodes=[];for(const o of e){const n=vr.parseNode(o);n&&r.nodes.push(n)}const s="data:text/json;charset=utf-8,"+encodeURIComponent(JSON.stringify(r,null,2)),t=document.createElement("a");return t.setAttribute("href",s),t.setAttribute("download","sdui.json"),document.body.appendChild(t),t.click(),t.remove(),JSON.stringify(r,null,4)}static parseNode(e){const r={},s=e.nodeType;if(s==Node.ELEMENT_NODE){const t=e.nodeName.toLowerCase();r.tagName=t;const o=e;r.attributes={};const n=o.attributes,a=n.length;for(let b=0;b<a;b++){const d=n.item(b);d&&(r.attributes[d.name]=d.value)}let c=o.childNodes,p=o.children;if(t=="template"){const b=e;c=b.content.childNodes,p=b.content.children}if(p.length>0){r.nodes=[];for(const b of c){const d=vr.parseNode(b);d&&r.nodes.push(d)}}else o.innerHTML&&(r.innerHTML=o.innerHTML)}if(s==Node.TEXT_NODE){const t=(e.textContent||"").trim();if(!t)return null;r.markup=t}return r}}var Fp=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{},P=(function(i){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,r=0,s={},t={manual:i.Prism&&i.Prism.manual,disableWorkerMessageHandler:i.Prism&&i.Prism.disableWorkerMessageHandler,util:{encode:function f(m){return m instanceof o?new o(m.type,f(m.content),m.alias):Array.isArray(m)?m.map(f):m.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(f){return Object.prototype.toString.call(f).slice(8,-1)},objId:function(f){return f.__id||Object.defineProperty(f,"__id",{value:++r}),f.__id},clone:function f(m,v){var D,u;switch(v=v||{},t.util.type(m)){case"Object":if(u=t.util.objId(m),v[u])return v[u];for(var h in D={},v[u]=D,m)m.hasOwnProperty(h)&&(D[h]=f(m[h],v));return D;case"Array":return u=t.util.objId(m),v[u]?v[u]:(D=[],v[u]=D,m.forEach(function(g,y){D[y]=f(g,v)}),D);default:return m}},getLanguage:function(f){for(;f;){var m=e.exec(f.className);if(m)return m[1].toLowerCase();f=f.parentElement}return"none"},setLanguage:function(f,m){f.className=f.className.replace(RegExp(e,"gi"),""),f.classList.add("language-"+m)},currentScript:function(){if(typeof document>"u")return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(D){var f=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(D.stack)||[])[1];if(f){var m=document.getElementsByTagName("script");for(var v in m)if(m[v].src==f)return m[v]}return null}},isActive:function(f,m,v){for(var D="no-"+m;f;){var u=f.classList;if(u.contains(m))return!0;if(u.contains(D))return!1;f=f.parentElement}return!!v}},languages:{plain:s,plaintext:s,text:s,txt:s,extend:function(f,m){var v=t.util.clone(t.languages[f]);for(var D in m)v[D]=m[D];return v},insertBefore:function(f,m,v,D){var u=(D=D||t.languages)[f],h={};for(var g in u)if(u.hasOwnProperty(g)){if(g==m)for(var y in v)v.hasOwnProperty(y)&&(h[y]=v[y]);v.hasOwnProperty(g)||(h[g]=u[g])}var C=D[f];return D[f]=h,t.languages.DFS(t.languages,function(A,T){T===C&&A!=f&&(this[A]=h)}),h},DFS:function f(m,v,D,u){u=u||{};var h=t.util.objId;for(var g in m)if(m.hasOwnProperty(g)){v.call(m,g,m[g],D||g);var y=m[g],C=t.util.type(y);C!=="Object"||u[h(y)]?C!=="Array"||u[h(y)]||(u[h(y)]=!0,f(y,v,g,u)):(u[h(y)]=!0,f(y,v,null,u))}}},plugins:{},highlightAll:function(f,m){t.highlightAllUnder(document,f,m)},highlightAllUnder:function(f,m,v){var D={callback:v,container:f,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};t.hooks.run("before-highlightall",D),D.elements=Array.prototype.slice.apply(D.container.querySelectorAll(D.selector)),t.hooks.run("before-all-elements-highlight",D);for(var u,h=0;u=D.elements[h++];)t.highlightElement(u,m===!0,D.callback)},highlightElement:function(f,m,v){var D=t.util.getLanguage(f),u=t.languages[D];t.util.setLanguage(f,D);var h=f.parentElement;h&&h.nodeName.toLowerCase()==="pre"&&t.util.setLanguage(h,D);var g={element:f,language:D,grammar:u,code:f.textContent};function y(A){g.highlightedCode=A,t.hooks.run("before-insert",g),g.element.innerHTML=g.highlightedCode,t.hooks.run("after-highlight",g),t.hooks.run("complete",g),v&&v.call(g.element)}if(t.hooks.run("before-sanity-check",g),(h=g.element.parentElement)&&h.nodeName.toLowerCase()==="pre"&&!h.hasAttribute("tabindex")&&h.setAttribute("tabindex","0"),!g.code)return t.hooks.run("complete",g),void(v&&v.call(g.element));if(t.hooks.run("before-highlight",g),g.grammar)if(m&&i.Worker){var C=new Worker(t.filename);C.onmessage=function(A){y(A.data)},C.postMessage(JSON.stringify({language:g.language,code:g.code,immediateClose:!0}))}else y(t.highlight(g.code,g.grammar,g.language));else y(t.util.encode(g.code))},highlight:function(f,m,v){var D={code:f,grammar:m,language:v};if(t.hooks.run("before-tokenize",D),!D.grammar)throw new Error('The language "'+D.language+'" has no grammar.');return D.tokens=t.tokenize(D.code,D.grammar),t.hooks.run("after-tokenize",D),o.stringify(t.util.encode(D.tokens),D.language)},tokenize:function(f,m){var v=m.rest;if(v){for(var D in v)m[D]=v[D];delete m.rest}var u=new c;return p(u,u.head,f),a(f,u,m,u.head,0),(function(h){for(var g=[],y=h.head.next;y!==h.tail;)g.push(y.value),y=y.next;return g})(u)},hooks:{all:{},add:function(f,m){var v=t.hooks.all;v[f]=v[f]||[],v[f].push(m)},run:function(f,m){var v=t.hooks.all[f];if(v&&v.length)for(var D,u=0;D=v[u++];)D(m)}},Token:o};function o(f,m,v,D){this.type=f,this.content=m,this.alias=v,this.length=0|(D||"").length}function n(f,m,v,D){f.lastIndex=m;var u=f.exec(v);if(u&&D&&u[1]){var h=u[1].length;u.index+=h,u[0]=u[0].slice(h)}return u}function a(f,m,v,D,u,h){for(var g in v)if(v.hasOwnProperty(g)&&v[g]){var y=v[g];y=Array.isArray(y)?y:[y];for(var C=0;C<y.length;++C){if(h&&h.cause==g+","+C)return;var A=y[C],T=A.inside,$=!!A.lookbehind,M=!!A.greedy,X=A.alias;if(M&&!A.pattern.global){var ee=A.pattern.toString().match(/[imsuy]*$/)[0];A.pattern=RegExp(A.pattern.source,ee+"g")}for(var me=A.pattern||A,B=D.next,le=u;B!==m.tail&&!(h&&le>=h.reach);le+=B.value.length,B=B.next){var Me=B.value;if(m.length>f.length)return;if(!(Me instanceof o)){var ke,J=1;if(M){if(!(ke=n(me,le,f,$))||ke.index>=f.length)break;var Ae=ke.index,ft=ke.index+ke[0].length,ze=le;for(ze+=B.value.length;Ae>=ze;)ze+=(B=B.next).value.length;if(le=ze-=B.value.length,B.value instanceof o)continue;for(var fe=B;fe!==m.tail&&(ze<ft||typeof fe.value=="string");fe=fe.next)J++,ze+=fe.value.length;J--,Me=f.slice(le,ze),ke.index-=le}else if(!(ke=n(me,0,Me,$)))continue;Ae=ke.index;var Gt=ke[0],Be=Me.slice(0,Ae),gt=Me.slice(Ae+Gt.length),bt=le+Me.length;h&&bt>h.reach&&(h.reach=bt);var at=B.prev;if(Be&&(at=p(m,at,Be),le+=Be.length),b(m,at,J),B=p(m,at,new o(g,T?t.tokenize(Gt,T):Gt,X,Gt)),gt&&p(m,B,gt),J>1){var Et={cause:g+","+C,reach:bt};a(f,m,v,B.prev,le,Et),h&&Et.reach>h.reach&&(h.reach=Et.reach)}}}}}}function c(){var f={value:null,prev:null,next:null},m={value:null,prev:f,next:null};f.next=m,this.head=f,this.tail=m,this.length=0}function p(f,m,v){var D=m.next,u={value:v,prev:m,next:D};return m.next=u,D.prev=u,f.length++,u}function b(f,m,v){for(var D=m.next,u=0;u<v&&D!==f.tail;u++)D=D.next;m.next=D,D.prev=m,f.length-=u}if(i.Prism=t,o.stringify=function f(m,v){if(typeof m=="string")return m;if(Array.isArray(m)){var D="";return m.forEach(function(C){D+=f(C,v)}),D}var u={type:m.type,content:f(m.content,v),tag:"span",classes:["token",m.type],attributes:{},language:v},h=m.alias;h&&(Array.isArray(h)?Array.prototype.push.apply(u.classes,h):u.classes.push(h)),t.hooks.run("wrap",u);var g="";for(var y in u.attributes)g+=" "+y+'="'+(u.attributes[y]||"").replace(/"/g,""")+'"';return"<"+u.tag+' class="'+u.classes.join(" ")+'"'+g+">"+u.content+"</"+u.tag+">"},!i.document)return i.addEventListener&&(t.disableWorkerMessageHandler||i.addEventListener("message",function(f){var m=JSON.parse(f.data),v=m.language,D=m.code,u=m.immediateClose;i.postMessage(t.highlight(D,t.languages[v],v)),u&&i.close()},!1)),t;var d=t.util.currentScript();function x(){t.manual||t.highlightAll()}if(d&&(t.filename=d.src,d.hasAttribute("data-manual")&&(t.manual=!0)),!t.manual){var _=document.readyState;_==="loading"||_==="interactive"&&d&&d.defer?document.addEventListener("DOMContentLoaded",x):window.requestAnimationFrame?window.requestAnimationFrame(x):window.setTimeout(x,16)}return t})(Fp);typeof Mt<"u"&&Mt.exports&&(Mt.exports=P),typeof global<"u"&&(global.Prism=P);P.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},P.languages.markup.tag.inside["attr-value"].inside.entity=P.languages.markup.entity,P.languages.markup.doctype.inside["internal-subset"].inside=P.languages.markup,P.hooks.add("wrap",function(i){i.type==="entity"&&(i.attributes.title=i.content.replace(/&/,"&"))}),Object.defineProperty(P.languages.markup.tag,"addInlined",{value:function(i,e){var r={};r["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:P.languages[e]},r.cdata=/^<!\[CDATA\[|\]\]>$/i;var s={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:r}};s["language-"+e]={pattern:/[\s\S]+/,inside:P.languages[e]};var t={};t[i]={pattern:RegExp("(<__[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])*?(?=</__>)".replace(/__/g,function(){return i}),"i"),lookbehind:!0,greedy:!0,inside:s},P.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(P.languages.markup.tag,"addAttribute",{value:function(i,e){P.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(`(^|["'\\s])(?:`+i+`)\\s*=\\s*(?:"[^"]*"|'[^']*'|[^\\s'">=]+(?=[\\s>]))`,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:P.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),P.languages.html=P.languages.markup,P.languages.mathml=P.languages.markup,P.languages.svg=P.languages.markup,P.languages.xml=P.languages.extend("markup",{}),P.languages.ssml=P.languages.xml,P.languages.atom=P.languages.xml,P.languages.rss=P.languages.xml;(function(i){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;i.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp(`@[\\w-](?:[^;{\\s"']|\\s+(?!\\s)|`+e.source+")*?(?:;|(?=\\s*\\{))"),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+`|(?:[^\\\\\r
|
|
4322
|
+
</sonic-code>`;this.querySelector("h1")?.insertAdjacentHTML("afterend",o)}}render(){return w`${q(this.text)}`}};qn([l()],Ai.prototype,"anchor",2);Ai=qn([F(Mp)],Ai);class _r{static toJson(e){const r={};r.nodes=[];for(const o of e){const n=_r.parseNode(o);n&&r.nodes.push(n)}const s="data:text/json;charset=utf-8,"+encodeURIComponent(JSON.stringify(r,null,2)),t=document.createElement("a");return t.setAttribute("href",s),t.setAttribute("download","sdui.json"),document.body.appendChild(t),t.click(),t.remove(),JSON.stringify(r,null,4)}static parseNode(e){const r={},s=e.nodeType;if(s==Node.ELEMENT_NODE){const t=e.nodeName.toLowerCase();r.tagName=t;const o=e;r.attributes={};const n=o.attributes,a=n.length;for(let b=0;b<a;b++){const d=n.item(b);d&&(r.attributes[d.name]=d.value)}let c=o.childNodes,p=o.children;if(t=="template"){const b=e;c=b.content.childNodes,p=b.content.children}if(p.length>0){r.nodes=[];for(const b of c){const d=_r.parseNode(b);d&&r.nodes.push(d)}}else o.innerHTML&&(r.innerHTML=o.innerHTML)}if(s==Node.TEXT_NODE){const t=(e.textContent||"").trim();if(!t)return null;r.markup=t}return r}}var zp=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{},P=(function(i){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,r=0,s={},t={manual:i.Prism&&i.Prism.manual,disableWorkerMessageHandler:i.Prism&&i.Prism.disableWorkerMessageHandler,util:{encode:function f(m){return m instanceof o?new o(m.type,f(m.content),m.alias):Array.isArray(m)?m.map(f):m.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(f){return Object.prototype.toString.call(f).slice(8,-1)},objId:function(f){return f.__id||Object.defineProperty(f,"__id",{value:++r}),f.__id},clone:function f(m,y){var D,u;switch(y=y||{},t.util.type(m)){case"Object":if(u=t.util.objId(m),y[u])return y[u];for(var h in D={},y[u]=D,m)m.hasOwnProperty(h)&&(D[h]=f(m[h],y));return D;case"Array":return u=t.util.objId(m),y[u]?y[u]:(D=[],y[u]=D,m.forEach(function(g,v){D[v]=f(g,y)}),D);default:return m}},getLanguage:function(f){for(;f;){var m=e.exec(f.className);if(m)return m[1].toLowerCase();f=f.parentElement}return"none"},setLanguage:function(f,m){f.className=f.className.replace(RegExp(e,"gi"),""),f.classList.add("language-"+m)},currentScript:function(){if(typeof document>"u")return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(D){var f=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(D.stack)||[])[1];if(f){var m=document.getElementsByTagName("script");for(var y in m)if(m[y].src==f)return m[y]}return null}},isActive:function(f,m,y){for(var D="no-"+m;f;){var u=f.classList;if(u.contains(m))return!0;if(u.contains(D))return!1;f=f.parentElement}return!!y}},languages:{plain:s,plaintext:s,text:s,txt:s,extend:function(f,m){var y=t.util.clone(t.languages[f]);for(var D in m)y[D]=m[D];return y},insertBefore:function(f,m,y,D){var u=(D=D||t.languages)[f],h={};for(var g in u)if(u.hasOwnProperty(g)){if(g==m)for(var v in y)y.hasOwnProperty(v)&&(h[v]=y[v]);y.hasOwnProperty(g)||(h[g]=u[g])}var C=D[f];return D[f]=h,t.languages.DFS(t.languages,function(S,I){I===C&&S!=f&&(this[S]=h)}),h},DFS:function f(m,y,D,u){u=u||{};var h=t.util.objId;for(var g in m)if(m.hasOwnProperty(g)){y.call(m,g,m[g],D||g);var v=m[g],C=t.util.type(v);C!=="Object"||u[h(v)]?C!=="Array"||u[h(v)]||(u[h(v)]=!0,f(v,y,g,u)):(u[h(v)]=!0,f(v,y,null,u))}}},plugins:{},highlightAll:function(f,m){t.highlightAllUnder(document,f,m)},highlightAllUnder:function(f,m,y){var D={callback:y,container:f,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};t.hooks.run("before-highlightall",D),D.elements=Array.prototype.slice.apply(D.container.querySelectorAll(D.selector)),t.hooks.run("before-all-elements-highlight",D);for(var u,h=0;u=D.elements[h++];)t.highlightElement(u,m===!0,D.callback)},highlightElement:function(f,m,y){var D=t.util.getLanguage(f),u=t.languages[D];t.util.setLanguage(f,D);var h=f.parentElement;h&&h.nodeName.toLowerCase()==="pre"&&t.util.setLanguage(h,D);var g={element:f,language:D,grammar:u,code:f.textContent};function v(S){g.highlightedCode=S,t.hooks.run("before-insert",g),g.element.innerHTML=g.highlightedCode,t.hooks.run("after-highlight",g),t.hooks.run("complete",g),y&&y.call(g.element)}if(t.hooks.run("before-sanity-check",g),(h=g.element.parentElement)&&h.nodeName.toLowerCase()==="pre"&&!h.hasAttribute("tabindex")&&h.setAttribute("tabindex","0"),!g.code)return t.hooks.run("complete",g),void(y&&y.call(g.element));if(t.hooks.run("before-highlight",g),g.grammar)if(m&&i.Worker){var C=new Worker(t.filename);C.onmessage=function(S){v(S.data)},C.postMessage(JSON.stringify({language:g.language,code:g.code,immediateClose:!0}))}else v(t.highlight(g.code,g.grammar,g.language));else v(t.util.encode(g.code))},highlight:function(f,m,y){var D={code:f,grammar:m,language:y};if(t.hooks.run("before-tokenize",D),!D.grammar)throw new Error('The language "'+D.language+'" has no grammar.');return D.tokens=t.tokenize(D.code,D.grammar),t.hooks.run("after-tokenize",D),o.stringify(t.util.encode(D.tokens),D.language)},tokenize:function(f,m){var y=m.rest;if(y){for(var D in y)m[D]=y[D];delete m.rest}var u=new c;return p(u,u.head,f),a(f,u,m,u.head,0),(function(h){for(var g=[],v=h.head.next;v!==h.tail;)g.push(v.value),v=v.next;return g})(u)},hooks:{all:{},add:function(f,m){var y=t.hooks.all;y[f]=y[f]||[],y[f].push(m)},run:function(f,m){var y=t.hooks.all[f];if(y&&y.length)for(var D,u=0;D=y[u++];)D(m)}},Token:o};function o(f,m,y,D){this.type=f,this.content=m,this.alias=y,this.length=0|(D||"").length}function n(f,m,y,D){f.lastIndex=m;var u=f.exec(y);if(u&&D&&u[1]){var h=u[1].length;u.index+=h,u[0]=u[0].slice(h)}return u}function a(f,m,y,D,u,h){for(var g in y)if(y.hasOwnProperty(g)&&y[g]){var v=y[g];v=Array.isArray(v)?v:[v];for(var C=0;C<v.length;++C){if(h&&h.cause==g+","+C)return;var S=v[C],I=S.inside,$=!!S.lookbehind,M=!!S.greedy,X=S.alias;if(M&&!S.pattern.global){var ee=S.pattern.toString().match(/[imsuy]*$/)[0];S.pattern=RegExp(S.pattern.source,ee+"g")}for(var fe=S.pattern||S,B=D.next,le=u;B!==m.tail&&!(h&&le>=h.reach);le+=B.value.length,B=B.next){var Me=B.value;if(m.length>f.length)return;if(!(Me instanceof o)){var ke,J=1;if(M){if(!(ke=n(fe,le,f,$))||ke.index>=f.length)break;var Ae=ke.index,ft=ke.index+ke[0].length,ze=le;for(ze+=B.value.length;Ae>=ze;)ze+=(B=B.next).value.length;if(le=ze-=B.value.length,B.value instanceof o)continue;for(var ge=B;ge!==m.tail&&(ze<ft||typeof ge.value=="string");ge=ge.next)J++,ze+=ge.value.length;J--,Me=f.slice(le,ze),ke.index-=le}else if(!(ke=n(fe,0,Me,$)))continue;Ae=ke.index;var Zt=ke[0],Be=Me.slice(0,Ae),gt=Me.slice(Ae+Zt.length),bt=le+Me.length;h&&bt>h.reach&&(h.reach=bt);var lt=B.prev;if(Be&&(lt=p(m,lt,Be),le+=Be.length),b(m,lt,J),B=p(m,lt,new o(g,I?t.tokenize(Zt,I):Zt,X,Zt)),gt&&p(m,B,gt),J>1){var Ot={cause:g+","+C,reach:bt};a(f,m,y,B.prev,le,Ot),h&&Ot.reach>h.reach&&(h.reach=Ot.reach)}}}}}}function c(){var f={value:null,prev:null,next:null},m={value:null,prev:f,next:null};f.next=m,this.head=f,this.tail=m,this.length=0}function p(f,m,y){var D=m.next,u={value:y,prev:m,next:D};return m.next=u,D.prev=u,f.length++,u}function b(f,m,y){for(var D=m.next,u=0;u<y&&D!==f.tail;u++)D=D.next;m.next=D,D.prev=m,f.length-=u}if(i.Prism=t,o.stringify=function f(m,y){if(typeof m=="string")return m;if(Array.isArray(m)){var D="";return m.forEach(function(C){D+=f(C,y)}),D}var u={type:m.type,content:f(m.content,y),tag:"span",classes:["token",m.type],attributes:{},language:y},h=m.alias;h&&(Array.isArray(h)?Array.prototype.push.apply(u.classes,h):u.classes.push(h)),t.hooks.run("wrap",u);var g="";for(var v in u.attributes)g+=" "+v+'="'+(u.attributes[v]||"").replace(/"/g,""")+'"';return"<"+u.tag+' class="'+u.classes.join(" ")+'"'+g+">"+u.content+"</"+u.tag+">"},!i.document)return i.addEventListener&&(t.disableWorkerMessageHandler||i.addEventListener("message",function(f){var m=JSON.parse(f.data),y=m.language,D=m.code,u=m.immediateClose;i.postMessage(t.highlight(D,t.languages[y],y)),u&&i.close()},!1)),t;var d=t.util.currentScript();function x(){t.manual||t.highlightAll()}if(d&&(t.filename=d.src,d.hasAttribute("data-manual")&&(t.manual=!0)),!t.manual){var _=document.readyState;_==="loading"||_==="interactive"&&d&&d.defer?document.addEventListener("DOMContentLoaded",x):window.requestAnimationFrame?window.requestAnimationFrame(x):window.setTimeout(x,16)}return t})(zp);typeof zt<"u"&&zt.exports&&(zt.exports=P),typeof global<"u"&&(global.Prism=P);P.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},P.languages.markup.tag.inside["attr-value"].inside.entity=P.languages.markup.entity,P.languages.markup.doctype.inside["internal-subset"].inside=P.languages.markup,P.hooks.add("wrap",function(i){i.type==="entity"&&(i.attributes.title=i.content.replace(/&/,"&"))}),Object.defineProperty(P.languages.markup.tag,"addInlined",{value:function(i,e){var r={};r["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:P.languages[e]},r.cdata=/^<!\[CDATA\[|\]\]>$/i;var s={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:r}};s["language-"+e]={pattern:/[\s\S]+/,inside:P.languages[e]};var t={};t[i]={pattern:RegExp("(<__[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])*?(?=</__>)".replace(/__/g,function(){return i}),"i"),lookbehind:!0,greedy:!0,inside:s},P.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(P.languages.markup.tag,"addAttribute",{value:function(i,e){P.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(`(^|["'\\s])(?:`+i+`)\\s*=\\s*(?:"[^"]*"|'[^']*'|[^\\s'">=]+(?=[\\s>]))`,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:P.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),P.languages.html=P.languages.markup,P.languages.mathml=P.languages.markup,P.languages.svg=P.languages.markup,P.languages.xml=P.languages.extend("markup",{}),P.languages.ssml=P.languages.xml,P.languages.atom=P.languages.xml,P.languages.rss=P.languages.xml;(function(i){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;i.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp(`@[\\w-](?:[^;{\\s"']|\\s+(?!\\s)|`+e.source+")*?(?:;|(?=\\s*\\{))"),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+`|(?:[^\\\\\r
|
|
4323
4323
|
()"']|\\\\[^])*)\\)`,"i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},i.languages.css.atrule.inside.rest=i.languages.css;var r=i.languages.markup;r&&(r.tag.addInlined("style","css"),r.tag.addAttribute("style","css"))})(P);P.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};P.languages.javascript=P.languages.extend("clike",{"class-name":[P.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp("(^|[^\\w$])(?:NaN|Infinity|0[bB][01]+(?:_[01]+)*n?|0[oO][0-7]+(?:_[0-7]+)*n?|0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?|\\d+(?:_\\d+)*n|(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?)(?![\\w$])"),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),P.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,P.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(`((?:^|[^$\\w\\xA0-\\uFFFF."'\\])\\s]|\\b(?:return|yield))\\s*)/(?:(?:\\[(?:[^\\]\\\\\r
|
|
4324
4324
|
]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\r
|
|
4325
4325
|
])+/[dgimyus]{0,7}|(?:\\[(?:[^[\\]\\\\\r
|
|
@@ -4327,24 +4327,24 @@ ${this.value}</textarea
|
|
|
4327
4327
|
]|\\\\.|\\[(?:[^[\\]\\\\\r
|
|
4328
4328
|
]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\r
|
|
4329
4329
|
])+/[dgimyus]{0,7}v[dgimyus]{0,7})(?=(?:\\s|/\\*(?:[^*]|\\*(?!/))*\\*/)*(?:$|[\r
|
|
4330
|
-
,.;:})\\]]|//))`),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:P.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:P.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:P.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:P.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:P.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),P.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:P.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),P.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),P.languages.markup&&(P.languages.markup.tag.addInlined("script","javascript"),P.languages.markup.tag.addAttribute("on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)","javascript")),P.languages.js=P.languages.javascript;(function(){if(typeof P<"u"&&typeof document<"u"&&document.querySelector){var i,e="line-numbers",r="linkable-line-numbers",s=/\n(?!$)/g,t=!0;P.plugins.lineHighlight={highlightLines:function(d,x,_){var f=(x=typeof x=="string"?x:d.getAttribute("data-line")||"").replace(/\s+/g,"").split(",").filter(Boolean),m=+d.getAttribute("data-line-offset")||0,
|
|
4331
|
-
`)});g.push(function(){B.style.width=d.scrollWidth+"px"}),g.push(function(){h.appendChild(B)})}});var
|
|
4330
|
+
,.;:})\\]]|//))`),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:P.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:P.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:P.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:P.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:P.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),P.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:P.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),P.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),P.languages.markup&&(P.languages.markup.tag.addInlined("script","javascript"),P.languages.markup.tag.addAttribute("on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)","javascript")),P.languages.js=P.languages.javascript;(function(){if(typeof P<"u"&&typeof document<"u"&&document.querySelector){var i,e="line-numbers",r="linkable-line-numbers",s=/\n(?!$)/g,t=!0;P.plugins.lineHighlight={highlightLines:function(d,x,_){var f=(x=typeof x=="string"?x:d.getAttribute("data-line")||"").replace(/\s+/g,"").split(",").filter(Boolean),m=+d.getAttribute("data-line-offset")||0,y=((function(){if(i===void 0){var M=document.createElement("div");M.style.fontSize="13px",M.style.lineHeight="1.5",M.style.padding="0",M.style.border="0",M.innerHTML=" <br /> ",document.body.appendChild(M),i=M.offsetHeight===38,document.body.removeChild(M)}return i})()?parseInt:parseFloat)(getComputedStyle(d).lineHeight),D=P.util.isActive(d,e),u=d.querySelector("code"),h=D?d:u||d,g=[],v=u.textContent.match(s),C=v?v.length+1:1,S=u&&h!=u?(function(M,X){var ee=getComputedStyle(M),fe=getComputedStyle(X);function B(le){return+le.substr(0,le.length-2)}return X.offsetTop+B(fe.borderTopWidth)+B(fe.paddingTop)-B(ee.paddingTop)})(d,u):0;f.forEach(function(M){var X=M.split("-"),ee=+X[0],fe=+X[1]||ee;if(!((fe=Math.min(C+m,fe))<ee)){var B=d.querySelector('.line-highlight[data-range="'+M+'"]')||document.createElement("div");if(g.push(function(){B.setAttribute("aria-hidden","true"),B.setAttribute("data-range",M),B.className=(_||"")+" line-highlight"}),D&&P.plugins.lineNumbers){var le=P.plugins.lineNumbers.getLine(d,ee),Me=P.plugins.lineNumbers.getLine(d,fe);if(le){var ke=le.offsetTop+S+"px";g.push(function(){B.style.top=ke})}if(Me){var J=Me.offsetTop-le.offsetTop+Me.offsetHeight+"px";g.push(function(){B.style.height=J})}}else g.push(function(){B.setAttribute("data-start",String(ee)),fe>ee&&B.setAttribute("data-end",String(fe)),B.style.top=(ee-m-1)*y+S+"px",B.textContent=new Array(fe-ee+2).join(`
|
|
4331
|
+
`)});g.push(function(){B.style.width=d.scrollWidth+"px"}),g.push(function(){h.appendChild(B)})}});var I=d.id;if(D&&P.util.isActive(d,r)&&I){a(d,r)||g.push(function(){d.classList.add(r)});var $=parseInt(d.getAttribute("data-start")||"1");n(".line-numbers-rows > span",d).forEach(function(M,X){var ee=X+$;M.onclick=function(){var fe=I+"."+ee;t=!1,location.hash=fe,setTimeout(function(){t=!0},1)}})}return function(){g.forEach(c)}}};var o=0;P.hooks.add("before-sanity-check",function(d){var x=d.element.parentElement;if(p(x)){var _=0;n(".line-highlight",x).forEach(function(f){_+=f.textContent.length,f.parentNode.removeChild(f)}),_&&/^(?: \n)+$/.test(d.code.slice(-_))&&(d.code=d.code.slice(0,-_))}}),P.hooks.add("complete",function d(x){var _=x.element.parentElement;if(p(_)){clearTimeout(o);var f=P.plugins.lineNumbers,m=x.plugins&&x.plugins.lineNumbers;a(_,e)&&f&&!m?P.hooks.add("line-numbers",d):(P.plugins.lineHighlight.highlightLines(_)(),o=setTimeout(b,1))}}),window.addEventListener("hashchange",b),window.addEventListener("resize",function(){n("pre").filter(p).map(function(d){return P.plugins.lineHighlight.highlightLines(d)}).forEach(c)})}function n(d,x){return Array.prototype.slice.call((x||document).querySelectorAll(d))}function a(d,x){return d.classList.contains(x)}function c(d){d()}function p(d){return!!(d&&/pre/i.test(d.nodeName)&&(d.hasAttribute("data-line")||d.id&&P.util.isActive(d,r)))}function b(){var d=location.hash.slice(1);n(".temporary.line-highlight").forEach(function(m){m.parentNode.removeChild(m)});var x=(d.match(/\.([\d,-]+)$/)||[,""])[1];if(x&&!document.getElementById(d)){var _=d.slice(0,d.lastIndexOf(".")),f=document.getElementById(_);f&&(f.hasAttribute("data-line")||f.setAttribute("data-line",""),P.plugins.lineHighlight.highlightLines(f,x,"temporary ")(),t&&document.querySelector(".temporary.line-highlight").scrollIntoView())}}})();typeof P<"u"&&P.hooks.add("wrap",function(i){i.type==="keyword"&&i.classes.push("keyword-"+i.content)});(function(){if(typeof P<"u"){var i=Object.assign||function(t,o){for(var n in o)o.hasOwnProperty(n)&&(t[n]=o[n]);return t},e={"remove-trailing":"boolean","remove-indent":"boolean","left-trim":"boolean","right-trim":"boolean","break-lines":"number",indent:"number","remove-initial-line-feed":"boolean","tabs-to-spaces":"number","spaces-to-tabs":"number"};r.prototype={setDefaults:function(t){this.defaults=i(this.defaults,t)},normalize:function(t,o){for(var n in o=i(this.defaults,o)){var a=n.replace(/-(\w)/g,function(c,p){return p.toUpperCase()});n!=="normalize"&&a!=="setDefaults"&&o[n]&&this[a]&&(t=this[a].call(this,t,o[n]))}return t},leftTrim:function(t){return t.replace(/^\s+/,"")},rightTrim:function(t){return t.replace(/\s+$/,"")},tabsToSpaces:function(t,o){return o=0|o||4,t.replace(/\t/g,new Array(++o).join(" "))},spacesToTabs:function(t,o){return o=0|o||4,t.replace(RegExp(" {"+o+"}","g")," ")},removeTrailing:function(t){return t.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(t){return t.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(t){var o=t.match(/^[^\S\n\r]*(?=\S)/gm);return o&&o[0].length?(o.sort(function(n,a){return n.length-a.length}),o[0].length?t.replace(RegExp("^"+o[0],"gm"),""):t):t},indent:function(t,o){return t.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++o).join(" ")+"$&")},breakLines:function(t,o){o=o===!0?80:0|o||80;for(var n=t.split(`
|
|
4332
4332
|
`),a=0;a<n.length;++a)if(!(s(n[a])<=o)){for(var c=n[a].split(/(\s+)/g),p=0,b=0;b<c.length;++b){var d=s(c[b]);(p+=d)>o&&(c[b]=`
|
|
4333
4333
|
`+c[b],p=d)}n[a]=c.join("")}return n.join(`
|
|
4334
|
-
`)}},typeof
|
|
4335
|
-
${
|
|
4336
|
-
`;var
|
|
4334
|
+
`)}},typeof zt<"u"&&zt.exports&&(zt.exports=r),P.plugins.NormalizeWhitespace=new r({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),P.hooks.add("before-sanity-check",function(t){var o=P.plugins.NormalizeWhitespace;if((!t.settings||t.settings["whitespace-normalization"]!==!1)&&P.util.isActive(t.element,"whitespace-normalization",!0))if(t.element&&t.element.parentNode||!t.code){var n=t.element.parentNode;if(t.code&&n&&n.nodeName.toLowerCase()==="pre"){for(var a in t.settings==null&&(t.settings={}),e)if(Object.hasOwnProperty.call(e,a)){var c=e[a];if(n.hasAttribute("data-"+a))try{var p=JSON.parse(n.getAttribute("data-"+a)||"true");typeof p===c&&(t.settings[a]=p)}catch{}}for(var b=n.childNodes,d="",x="",_=!1,f=0;f<b.length;++f){var m=b[f];m==t.element?_=!0:m.nodeName==="#text"&&(_?x+=m.nodeValue:d+=m.nodeValue,n.removeChild(m),--f)}if(t.element.children.length&&P.plugins.KeepMarkup){var y=d+t.element.innerHTML+x;t.element.innerHTML=o.normalize(y,t.settings),t.code=t.element.textContent}else t.code=d+t.code+x,t.code=o.normalize(t.code,t.settings)}}else t.code=o.normalize(t.code,t.settings)})}function r(t){this.defaults=i({},t)}function s(t){for(var o=0,n=0;n<t.length;++n)t.charCodeAt(n)==9&&(o+=3);return t.length+o}})();(function(){if(typeof P<"u"&&typeof document<"u"){var i=[],e={},r=function(){};P.plugins.toolbar={};var s=P.plugins.toolbar.registerButton=function(o,n){var a;a=typeof n=="function"?n:function(c){var p;return typeof n.onClick=="function"?((p=document.createElement("button")).type="button",p.addEventListener("click",function(){n.onClick.call(this,c)})):typeof n.url=="string"?(p=document.createElement("a")).href=n.url:p=document.createElement("span"),n.className&&p.classList.add(n.className),p.textContent=n.text,p},o in e?console.warn('There is a button with the key "'+o+'" registered already.'):i.push(e[o]=a)},t=P.plugins.toolbar.hook=function(o){var n=o.element.parentNode;if(n&&/pre/i.test(n.nodeName)&&!n.parentNode.classList.contains("code-toolbar")){var a=document.createElement("div");a.classList.add("code-toolbar"),n.parentNode.insertBefore(a,n),a.appendChild(n);var c=document.createElement("div");c.classList.add("toolbar");var p=i,b=(function(d){for(;d;){var x=d.getAttribute("data-toolbar-order");if(x!=null)return(x=x.trim()).length?x.split(/\s*,\s*/g):[];d=d.parentElement}})(o.element);b&&(p=b.map(function(d){return e[d]||r})),p.forEach(function(d){var x=d(o);if(x){var _=document.createElement("div");_.classList.add("toolbar-item"),_.appendChild(x),c.appendChild(_)}}),a.appendChild(c)}};s("label",function(o){var n=o.element.parentNode;if(n&&/pre/i.test(n.nodeName)&&n.hasAttribute("data-label")){var a,c,p=n.getAttribute("data-label");try{c=document.querySelector("template#"+p)}catch{}return c?a=c.content:(n.hasAttribute("data-url")?(a=document.createElement("a")).href=n.getAttribute("data-url"):a=document.createElement("span"),a.textContent=p),a}}),P.hooks.add("complete",t)}})();const Bp=k`code[class*=language-],pre[class*=language-]{color:#d6deeb;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;font-size:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#1d3b53fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#1d3b53fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{color:#fff;background:#011627}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.cdata{color:#637777;font-style:italic}.token.punctuation{color:#c792ea}.namespace{color:#b2ccd6}.token.deleted{color:#ef53508f;font-style:italic}.token.symbol,.token.property{color:#80cbc4}.token.tag,.token.operator,.token.keyword{color:#7fdbca}.token.boolean{color:#ff5874}.token.number{color:#f78c6c}.token.constant,.token.function,.token.builtin,.token.char{color:#82aaff}.token.selector,.token.doctype{color:#c792ea;font-style:italic}.token.attr-name,.token.inserted{color:#addb67;font-style:italic}.token.string,.token.url,.token.entity,.language-css .token.string,.style .token.string{color:#addb67}.token.class-name,.token.atrule,.token.attr-value{color:#ffcb8b}.token.regex,.token.important,.token.variable{color:#d6deeb}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}`,Rp=k`
|
|
4335
|
+
${Ii(Bp)}
|
|
4336
|
+
`;var Jr={exports:{}},Yo;function jp(){return Yo||(Yo=1,(function(i){var e=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{};/**
|
|
4337
4337
|
* Prism: Lightweight, robust, elegant syntax highlighting
|
|
4338
4338
|
*
|
|
4339
4339
|
* @license MIT <https://opensource.org/licenses/MIT>
|
|
4340
4340
|
* @author Lea Verou <https://lea.verou.me>
|
|
4341
4341
|
* @namespace
|
|
4342
4342
|
* @public
|
|
4343
|
-
*/var r=(function(s){var t=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,o=0,n={},a={manual:s.Prism&&s.Prism.manual,disableWorkerMessageHandler:s.Prism&&s.Prism.disableWorkerMessageHandler,util:{encode:function u(h){return h instanceof c?new c(h.type,u(h.content),h.alias):Array.isArray(h)?h.map(u):h.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(u){return Object.prototype.toString.call(u).slice(8,-1)},objId:function(u){return u.__id||Object.defineProperty(u,"__id",{value:++o}),u.__id},clone:function u(h,g){g=g||{};var y,C;switch(a.util.type(h)){case"Object":if(C=a.util.objId(h),g[C])return g[C];y={},g[C]=y;for(var A in h)h.hasOwnProperty(A)&&(y[A]=u(h[A],g));return y;case"Array":return C=a.util.objId(h),g[C]?g[C]:(y=[],g[C]=y,h.forEach(function(T,$){y[$]=u(T,g)}),y);default:return h}},getLanguage:function(u){for(;u;){var h=t.exec(u.className);if(h)return h[1].toLowerCase();u=u.parentElement}return"none"},setLanguage:function(u,h){u.className=u.className.replace(RegExp(t,"gi"),""),u.classList.add("language-"+h)},currentScript:function(){if(typeof document>"u")return null;if(document.currentScript&&document.currentScript.tagName==="SCRIPT")return document.currentScript;try{throw new Error}catch(y){var u=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(y.stack)||[])[1];if(u){var h=document.getElementsByTagName("script");for(var g in h)if(h[g].src==u)return h[g]}return null}},isActive:function(u,h,g){for(var y="no-"+h;u;){var C=u.classList;if(C.contains(h))return!0;if(C.contains(y))return!1;u=u.parentElement}return!!g}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(u,h){var g=a.util.clone(a.languages[u]);for(var y in h)g[y]=h[y];return g},insertBefore:function(u,h,g,y){y=y||a.languages;var C=y[u],A={};for(var T in C)if(C.hasOwnProperty(T)){if(T==h)for(var $ in g)g.hasOwnProperty($)&&(A[$]=g[$]);g.hasOwnProperty(T)||(A[T]=C[T])}var M=y[u];return y[u]=A,a.languages.DFS(a.languages,function(X,ee){ee===M&&X!=u&&(this[X]=A)}),A},DFS:function u(h,g,y,C){C=C||{};var A=a.util.objId;for(var T in h)if(h.hasOwnProperty(T)){g.call(h,T,h[T],y||T);var $=h[T],M=a.util.type($);M==="Object"&&!C[A($)]?(C[A($)]=!0,u($,g,null,C)):M==="Array"&&!C[A($)]&&(C[A($)]=!0,u($,g,T,C))}}},plugins:{},highlightAll:function(u,h){a.highlightAllUnder(document,u,h)},highlightAllUnder:function(u,h,g){var y={callback:g,container:u,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};a.hooks.run("before-highlightall",y),y.elements=Array.prototype.slice.apply(y.container.querySelectorAll(y.selector)),a.hooks.run("before-all-elements-highlight",y);for(var C=0,A;A=y.elements[C++];)a.highlightElement(A,h===!0,y.callback)},highlightElement:function(u,h,g){var y=a.util.getLanguage(u),C=a.languages[y];a.util.setLanguage(u,y);var A=u.parentElement;A&&A.nodeName.toLowerCase()==="pre"&&a.util.setLanguage(A,y);var T=u.textContent,$={element:u,language:y,grammar:C,code:T};function M(ee){$.highlightedCode=ee,a.hooks.run("before-insert",$),$.element.innerHTML=$.highlightedCode,a.hooks.run("after-highlight",$),a.hooks.run("complete",$),g&&g.call($.element)}if(a.hooks.run("before-sanity-check",$),A=$.element.parentElement,A&&A.nodeName.toLowerCase()==="pre"&&!A.hasAttribute("tabindex")&&A.setAttribute("tabindex","0"),!$.code){a.hooks.run("complete",$),g&&g.call($.element);return}if(a.hooks.run("before-highlight",$),!$.grammar){M(a.util.encode($.code));return}if(h&&s.Worker){var X=new Worker(a.filename);X.onmessage=function(ee){M(ee.data)},X.postMessage(JSON.stringify({language:$.language,code:$.code,immediateClose:!0}))}else M(a.highlight($.code,$.grammar,$.language))},highlight:function(u,h,g){var y={code:u,grammar:h,language:g};if(a.hooks.run("before-tokenize",y),!y.grammar)throw new Error('The language "'+y.language+'" has no grammar.');return y.tokens=a.tokenize(y.code,y.grammar),a.hooks.run("after-tokenize",y),c.stringify(a.util.encode(y.tokens),y.language)},tokenize:function(u,h){var g=h.rest;if(g){for(var y in g)h[y]=g[y];delete h.rest}var C=new d;return x(C,C.head,u),b(u,C,h,C.head,0),f(C)},hooks:{all:{},add:function(u,h){var g=a.hooks.all;g[u]=g[u]||[],g[u].push(h)},run:function(u,h){var g=a.hooks.all[u];if(!(!g||!g.length))for(var y=0,C;C=g[y++];)C(h)}},Token:c};s.Prism=a;function c(u,h,g,y){this.type=u,this.content=h,this.alias=g,this.length=(y||"").length|0}c.stringify=function u(h,g){if(typeof h=="string")return h;if(Array.isArray(h)){var y="";return h.forEach(function(M){y+=u(M,g)}),y}var C={type:h.type,content:u(h.content,g),tag:"span",classes:["token",h.type],attributes:{},language:g},A=h.alias;A&&(Array.isArray(A)?Array.prototype.push.apply(C.classes,A):C.classes.push(A)),a.hooks.run("wrap",C);var T="";for(var $ in C.attributes)T+=" "+$+'="'+(C.attributes[$]||"").replace(/"/g,""")+'"';return"<"+C.tag+' class="'+C.classes.join(" ")+'"'+T+">"+C.content+"</"+C.tag+">"};function p(u,h,g,y){u.lastIndex=h;var C=u.exec(g);if(C&&y&&C[1]){var A=C[1].length;C.index+=A,C[0]=C[0].slice(A)}return C}function b(u,h,g,y,C,A){for(var T in g)if(!(!g.hasOwnProperty(T)||!g[T])){var $=g[T];$=Array.isArray($)?$:[$];for(var M=0;M<$.length;++M){if(A&&A.cause==T+","+M)return;var X=$[M],ee=X.inside,me=!!X.lookbehind,B=!!X.greedy,le=X.alias;if(B&&!X.pattern.global){var Me=X.pattern.toString().match(/[imsuy]*$/)[0];X.pattern=RegExp(X.pattern.source,Me+"g")}for(var ke=X.pattern||X,J=y.next,Ae=C;J!==h.tail&&!(A&&Ae>=A.reach);Ae+=J.value.length,J=J.next){var ft=J.value;if(h.length>u.length)return;if(!(ft instanceof c)){var ze=1,fe;if(B){if(fe=p(ke,Ae,u,me),!fe||fe.index>=u.length)break;var bt=fe.index,Gt=fe.index+fe[0].length,Be=Ae;for(Be+=J.value.length;bt>=Be;)J=J.next,Be+=J.value.length;if(Be-=J.value.length,Ae=Be,J.value instanceof c)continue;for(var gt=J;gt!==h.tail&&(Be<Gt||typeof gt.value=="string");gt=gt.next)ze++,Be+=gt.value.length;ze--,ft=u.slice(Ae,Be),fe.index-=Ae}else if(fe=p(ke,0,ft,me),!fe)continue;var bt=fe.index,at=fe[0],Et=ft.slice(0,bt),ro=ft.slice(bt+at.length),Rr=Ae+ft.length;A&&Rr>A.reach&&(A.reach=Rr);var Xs=J.prev;Et&&(Xs=x(h,Xs,Et),Ae+=Et.length),_(h,Xs,ze);var Bn=new c(T,ee?a.tokenize(at,ee):at,le,at);if(J=x(h,Xs,Bn),ro&&x(h,J,ro),ze>1){var jr={cause:T+","+M,reach:Rr};b(u,h,g,J.prev,Ae,jr),A&&jr.reach>A.reach&&(A.reach=jr.reach)}}}}}}function d(){var u={value:null,prev:null,next:null},h={value:null,prev:u,next:null};u.next=h,this.head=u,this.tail=h,this.length=0}function x(u,h,g){var y=h.next,C={value:g,prev:h,next:y};return h.next=C,y.prev=C,u.length++,C}function _(u,h,g){for(var y=h.next,C=0;C<g&&y!==u.tail;C++)y=y.next;h.next=y,y.prev=h,u.length-=C}function f(u){for(var h=[],g=u.head.next;g!==u.tail;)h.push(g.value),g=g.next;return h}if(!s.document)return s.addEventListener&&(a.disableWorkerMessageHandler||s.addEventListener("message",function(u){var h=JSON.parse(u.data),g=h.language,y=h.code,C=h.immediateClose;s.postMessage(a.highlight(y,a.languages[g],g)),C&&s.close()},!1)),a;var m=a.util.currentScript();m&&(a.filename=m.src,m.hasAttribute("data-manual")&&(a.manual=!0));function v(){a.manual||a.highlightAll()}if(!a.manual){var D=document.readyState;D==="loading"||D==="interactive"&&m&&m.defer?document.addEventListener("DOMContentLoaded",v):window.requestAnimationFrame?window.requestAnimationFrame(v):window.setTimeout(v,16)}return a})(e);i.exports&&(i.exports=r),typeof yo<"u"&&(yo.Prism=r),r.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},r.languages.markup.tag.inside["attr-value"].inside.entity=r.languages.markup.entity,r.languages.markup.doctype.inside["internal-subset"].inside=r.languages.markup,r.hooks.add("wrap",function(s){s.type==="entity"&&(s.attributes.title=s.content.replace(/&/,"&"))}),Object.defineProperty(r.languages.markup.tag,"addInlined",{value:function(t,o){var n={};n["language-"+o]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:r.languages[o]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var a={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};a["language-"+o]={pattern:/[\s\S]+/,inside:r.languages[o]};var c={};c[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return t}),"i"),lookbehind:!0,greedy:!0,inside:a},r.languages.insertBefore("markup","cdata",c)}}),Object.defineProperty(r.languages.markup.tag,"addAttribute",{value:function(s,t){r.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+s+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:r.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),r.languages.html=r.languages.markup,r.languages.mathml=r.languages.markup,r.languages.svg=r.languages.markup,r.languages.xml=r.languages.extend("markup",{}),r.languages.ssml=r.languages.xml,r.languages.atom=r.languages.xml,r.languages.rss=r.languages.xml,(function(s){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var o=s.languages.markup;o&&(o.tag.addInlined("style","css"),o.tag.addAttribute("style","css"))})(r),r.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},r.languages.javascript=r.languages.extend("clike",{"class-name":[r.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),r.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,r.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:r.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:r.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:r.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:r.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:r.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),r.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:r.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),r.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),r.languages.markup&&(r.languages.markup.tag.addInlined("script","javascript"),r.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),r.languages.js=r.languages.javascript,(function(){if(typeof r>"u"||typeof document>"u")return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var s="Loading…",t=function(m,v){return"✖ Error "+m+" while fetching file: "+v},o="✖ Error: File does not exist or is empty",n={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},a="data-src-status",c="loading",p="loaded",b="failed",d="pre[data-src]:not(["+a+'="'+p+'"]):not(['+a+'="'+c+'"])';function x(m,v,D){var u=new XMLHttpRequest;u.open("GET",m,!0),u.onreadystatechange=function(){u.readyState==4&&(u.status<400&&u.responseText?v(u.responseText):u.status>=400?D(t(u.status,u.statusText)):D(o))},u.send(null)}function _(m){var v=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(m||"");if(v){var D=Number(v[1]),u=v[2],h=v[3];return u?h?[D,Number(h)]:[D,void 0]:[D,D]}}r.hooks.add("before-highlightall",function(m){m.selector+=", "+d}),r.hooks.add("before-sanity-check",function(m){var v=m.element;if(v.matches(d)){m.code="",v.setAttribute(a,c);var D=v.appendChild(document.createElement("CODE"));D.textContent=s;var u=v.getAttribute("data-src"),h=m.language;if(h==="none"){var g=(/\.(\w+)$/.exec(u)||[,"none"])[1];h=n[g]||g}r.util.setLanguage(D,h),r.util.setLanguage(v,h);var y=r.plugins.autoloader;y&&y.loadLanguages(h),x(u,function(C){v.setAttribute(a,p);var A=_(v.getAttribute("data-range"));if(A){var T=C.split(/\r\n?|\n/g),$=A[0],M=A[1]==null?T.length:A[1];$<0&&($+=T.length),$=Math.max(0,Math.min($-1,T.length)),M<0&&(M+=T.length),M=Math.max(0,Math.min(M,T.length)),C=T.slice($,M).join(`
|
|
4344
|
-
`),
|
|
4343
|
+
*/var r=(function(s){var t=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,o=0,n={},a={manual:s.Prism&&s.Prism.manual,disableWorkerMessageHandler:s.Prism&&s.Prism.disableWorkerMessageHandler,util:{encode:function u(h){return h instanceof c?new c(h.type,u(h.content),h.alias):Array.isArray(h)?h.map(u):h.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(u){return Object.prototype.toString.call(u).slice(8,-1)},objId:function(u){return u.__id||Object.defineProperty(u,"__id",{value:++o}),u.__id},clone:function u(h,g){g=g||{};var v,C;switch(a.util.type(h)){case"Object":if(C=a.util.objId(h),g[C])return g[C];v={},g[C]=v;for(var S in h)h.hasOwnProperty(S)&&(v[S]=u(h[S],g));return v;case"Array":return C=a.util.objId(h),g[C]?g[C]:(v=[],g[C]=v,h.forEach(function(I,$){v[$]=u(I,g)}),v);default:return h}},getLanguage:function(u){for(;u;){var h=t.exec(u.className);if(h)return h[1].toLowerCase();u=u.parentElement}return"none"},setLanguage:function(u,h){u.className=u.className.replace(RegExp(t,"gi"),""),u.classList.add("language-"+h)},currentScript:function(){if(typeof document>"u")return null;if(document.currentScript&&document.currentScript.tagName==="SCRIPT")return document.currentScript;try{throw new Error}catch(v){var u=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(v.stack)||[])[1];if(u){var h=document.getElementsByTagName("script");for(var g in h)if(h[g].src==u)return h[g]}return null}},isActive:function(u,h,g){for(var v="no-"+h;u;){var C=u.classList;if(C.contains(h))return!0;if(C.contains(v))return!1;u=u.parentElement}return!!g}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(u,h){var g=a.util.clone(a.languages[u]);for(var v in h)g[v]=h[v];return g},insertBefore:function(u,h,g,v){v=v||a.languages;var C=v[u],S={};for(var I in C)if(C.hasOwnProperty(I)){if(I==h)for(var $ in g)g.hasOwnProperty($)&&(S[$]=g[$]);g.hasOwnProperty(I)||(S[I]=C[I])}var M=v[u];return v[u]=S,a.languages.DFS(a.languages,function(X,ee){ee===M&&X!=u&&(this[X]=S)}),S},DFS:function u(h,g,v,C){C=C||{};var S=a.util.objId;for(var I in h)if(h.hasOwnProperty(I)){g.call(h,I,h[I],v||I);var $=h[I],M=a.util.type($);M==="Object"&&!C[S($)]?(C[S($)]=!0,u($,g,null,C)):M==="Array"&&!C[S($)]&&(C[S($)]=!0,u($,g,I,C))}}},plugins:{},highlightAll:function(u,h){a.highlightAllUnder(document,u,h)},highlightAllUnder:function(u,h,g){var v={callback:g,container:u,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};a.hooks.run("before-highlightall",v),v.elements=Array.prototype.slice.apply(v.container.querySelectorAll(v.selector)),a.hooks.run("before-all-elements-highlight",v);for(var C=0,S;S=v.elements[C++];)a.highlightElement(S,h===!0,v.callback)},highlightElement:function(u,h,g){var v=a.util.getLanguage(u),C=a.languages[v];a.util.setLanguage(u,v);var S=u.parentElement;S&&S.nodeName.toLowerCase()==="pre"&&a.util.setLanguage(S,v);var I=u.textContent,$={element:u,language:v,grammar:C,code:I};function M(ee){$.highlightedCode=ee,a.hooks.run("before-insert",$),$.element.innerHTML=$.highlightedCode,a.hooks.run("after-highlight",$),a.hooks.run("complete",$),g&&g.call($.element)}if(a.hooks.run("before-sanity-check",$),S=$.element.parentElement,S&&S.nodeName.toLowerCase()==="pre"&&!S.hasAttribute("tabindex")&&S.setAttribute("tabindex","0"),!$.code){a.hooks.run("complete",$),g&&g.call($.element);return}if(a.hooks.run("before-highlight",$),!$.grammar){M(a.util.encode($.code));return}if(h&&s.Worker){var X=new Worker(a.filename);X.onmessage=function(ee){M(ee.data)},X.postMessage(JSON.stringify({language:$.language,code:$.code,immediateClose:!0}))}else M(a.highlight($.code,$.grammar,$.language))},highlight:function(u,h,g){var v={code:u,grammar:h,language:g};if(a.hooks.run("before-tokenize",v),!v.grammar)throw new Error('The language "'+v.language+'" has no grammar.');return v.tokens=a.tokenize(v.code,v.grammar),a.hooks.run("after-tokenize",v),c.stringify(a.util.encode(v.tokens),v.language)},tokenize:function(u,h){var g=h.rest;if(g){for(var v in g)h[v]=g[v];delete h.rest}var C=new d;return x(C,C.head,u),b(u,C,h,C.head,0),f(C)},hooks:{all:{},add:function(u,h){var g=a.hooks.all;g[u]=g[u]||[],g[u].push(h)},run:function(u,h){var g=a.hooks.all[u];if(!(!g||!g.length))for(var v=0,C;C=g[v++];)C(h)}},Token:c};s.Prism=a;function c(u,h,g,v){this.type=u,this.content=h,this.alias=g,this.length=(v||"").length|0}c.stringify=function u(h,g){if(typeof h=="string")return h;if(Array.isArray(h)){var v="";return h.forEach(function(M){v+=u(M,g)}),v}var C={type:h.type,content:u(h.content,g),tag:"span",classes:["token",h.type],attributes:{},language:g},S=h.alias;S&&(Array.isArray(S)?Array.prototype.push.apply(C.classes,S):C.classes.push(S)),a.hooks.run("wrap",C);var I="";for(var $ in C.attributes)I+=" "+$+'="'+(C.attributes[$]||"").replace(/"/g,""")+'"';return"<"+C.tag+' class="'+C.classes.join(" ")+'"'+I+">"+C.content+"</"+C.tag+">"};function p(u,h,g,v){u.lastIndex=h;var C=u.exec(g);if(C&&v&&C[1]){var S=C[1].length;C.index+=S,C[0]=C[0].slice(S)}return C}function b(u,h,g,v,C,S){for(var I in g)if(!(!g.hasOwnProperty(I)||!g[I])){var $=g[I];$=Array.isArray($)?$:[$];for(var M=0;M<$.length;++M){if(S&&S.cause==I+","+M)return;var X=$[M],ee=X.inside,fe=!!X.lookbehind,B=!!X.greedy,le=X.alias;if(B&&!X.pattern.global){var Me=X.pattern.toString().match(/[imsuy]*$/)[0];X.pattern=RegExp(X.pattern.source,Me+"g")}for(var ke=X.pattern||X,J=v.next,Ae=C;J!==h.tail&&!(S&&Ae>=S.reach);Ae+=J.value.length,J=J.next){var ft=J.value;if(h.length>u.length)return;if(!(ft instanceof c)){var ze=1,ge;if(B){if(ge=p(ke,Ae,u,fe),!ge||ge.index>=u.length)break;var bt=ge.index,Zt=ge.index+ge[0].length,Be=Ae;for(Be+=J.value.length;bt>=Be;)J=J.next,Be+=J.value.length;if(Be-=J.value.length,Ae=Be,J.value instanceof c)continue;for(var gt=J;gt!==h.tail&&(Be<Zt||typeof gt.value=="string");gt=gt.next)ze++,Be+=gt.value.length;ze--,ft=u.slice(Ae,Be),ge.index-=Ae}else if(ge=p(ke,0,ft,fe),!ge)continue;var bt=ge.index,lt=ge[0],Ot=ft.slice(0,bt),co=ft.slice(bt+lt.length),qr=Ae+ft.length;S&&qr>S.reach&&(S.reach=qr);var Qs=J.prev;Ot&&(Qs=x(h,Qs,Ot),Ae+=Ot.length),_(h,Qs,ze);var Gn=new c(I,ee?a.tokenize(lt,ee):lt,le,lt);if(J=x(h,Qs,Gn),co&&x(h,J,co),ze>1){var Vr={cause:I+","+M,reach:qr};b(u,h,g,J.prev,Ae,Vr),S&&Vr.reach>S.reach&&(S.reach=Vr.reach)}}}}}}function d(){var u={value:null,prev:null,next:null},h={value:null,prev:u,next:null};u.next=h,this.head=u,this.tail=h,this.length=0}function x(u,h,g){var v=h.next,C={value:g,prev:h,next:v};return h.next=C,v.prev=C,u.length++,C}function _(u,h,g){for(var v=h.next,C=0;C<g&&v!==u.tail;C++)v=v.next;h.next=v,v.prev=h,u.length-=C}function f(u){for(var h=[],g=u.head.next;g!==u.tail;)h.push(g.value),g=g.next;return h}if(!s.document)return s.addEventListener&&(a.disableWorkerMessageHandler||s.addEventListener("message",function(u){var h=JSON.parse(u.data),g=h.language,v=h.code,C=h.immediateClose;s.postMessage(a.highlight(v,a.languages[g],g)),C&&s.close()},!1)),a;var m=a.util.currentScript();m&&(a.filename=m.src,m.hasAttribute("data-manual")&&(a.manual=!0));function y(){a.manual||a.highlightAll()}if(!a.manual){var D=document.readyState;D==="loading"||D==="interactive"&&m&&m.defer?document.addEventListener("DOMContentLoaded",y):window.requestAnimationFrame?window.requestAnimationFrame(y):window.setTimeout(y,16)}return a})(e);i.exports&&(i.exports=r),typeof Ao<"u"&&(Ao.Prism=r),r.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},r.languages.markup.tag.inside["attr-value"].inside.entity=r.languages.markup.entity,r.languages.markup.doctype.inside["internal-subset"].inside=r.languages.markup,r.hooks.add("wrap",function(s){s.type==="entity"&&(s.attributes.title=s.content.replace(/&/,"&"))}),Object.defineProperty(r.languages.markup.tag,"addInlined",{value:function(t,o){var n={};n["language-"+o]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:r.languages[o]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var a={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};a["language-"+o]={pattern:/[\s\S]+/,inside:r.languages[o]};var c={};c[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return t}),"i"),lookbehind:!0,greedy:!0,inside:a},r.languages.insertBefore("markup","cdata",c)}}),Object.defineProperty(r.languages.markup.tag,"addAttribute",{value:function(s,t){r.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+s+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:r.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),r.languages.html=r.languages.markup,r.languages.mathml=r.languages.markup,r.languages.svg=r.languages.markup,r.languages.xml=r.languages.extend("markup",{}),r.languages.ssml=r.languages.xml,r.languages.atom=r.languages.xml,r.languages.rss=r.languages.xml,(function(s){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var o=s.languages.markup;o&&(o.tag.addInlined("style","css"),o.tag.addAttribute("style","css"))})(r),r.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},r.languages.javascript=r.languages.extend("clike",{"class-name":[r.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),r.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,r.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:r.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:r.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:r.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:r.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:r.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),r.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:r.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),r.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),r.languages.markup&&(r.languages.markup.tag.addInlined("script","javascript"),r.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),r.languages.js=r.languages.javascript,(function(){if(typeof r>"u"||typeof document>"u")return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var s="Loading…",t=function(m,y){return"✖ Error "+m+" while fetching file: "+y},o="✖ Error: File does not exist or is empty",n={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},a="data-src-status",c="loading",p="loaded",b="failed",d="pre[data-src]:not(["+a+'="'+p+'"]):not(['+a+'="'+c+'"])';function x(m,y,D){var u=new XMLHttpRequest;u.open("GET",m,!0),u.onreadystatechange=function(){u.readyState==4&&(u.status<400&&u.responseText?y(u.responseText):u.status>=400?D(t(u.status,u.statusText)):D(o))},u.send(null)}function _(m){var y=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(m||"");if(y){var D=Number(y[1]),u=y[2],h=y[3];return u?h?[D,Number(h)]:[D,void 0]:[D,D]}}r.hooks.add("before-highlightall",function(m){m.selector+=", "+d}),r.hooks.add("before-sanity-check",function(m){var y=m.element;if(y.matches(d)){m.code="",y.setAttribute(a,c);var D=y.appendChild(document.createElement("CODE"));D.textContent=s;var u=y.getAttribute("data-src"),h=m.language;if(h==="none"){var g=(/\.(\w+)$/.exec(u)||[,"none"])[1];h=n[g]||g}r.util.setLanguage(D,h),r.util.setLanguage(y,h);var v=r.plugins.autoloader;v&&v.loadLanguages(h),x(u,function(C){y.setAttribute(a,p);var S=_(y.getAttribute("data-range"));if(S){var I=C.split(/\r\n?|\n/g),$=S[0],M=S[1]==null?I.length:S[1];$<0&&($+=I.length),$=Math.max(0,Math.min($-1,I.length)),M<0&&(M+=I.length),M=Math.max(0,Math.min(M,I.length)),C=I.slice($,M).join(`
|
|
4344
|
+
`),y.hasAttribute("data-start")||y.setAttribute("data-start",String($+1))}D.textContent=C,r.highlightElement(D)},function(C){y.setAttribute(a,b),D.textContent=C})}}),r.plugins.fileHighlight={highlight:function(y){for(var D=(y||document).querySelectorAll(d),u=0,h;h=D[u++];)r.highlightElement(h)}};var f=!1;r.fileHighlight=function(){f||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),f=!0),r.plugins.fileHighlight.highlight.apply(this,arguments)}})()})(Jr)),Jr.exports}var Xt=jp(),Qr={exports:{}},Go;function Up(){return Go||(Go=1,(function(i){(function(){if(typeof Prism>"u")return;var e=Object.assign||function(n,a){for(var c in a)a.hasOwnProperty(c)&&(n[c]=a[c]);return n};function r(n){this.defaults=e({},n)}function s(n){return n.replace(/-(\w)/g,function(a,c){return c.toUpperCase()})}function t(n){for(var a=0,c=0;c<n.length;++c)n.charCodeAt(c)==9&&(a+=3);return n.length+a}var o={"remove-trailing":"boolean","remove-indent":"boolean","left-trim":"boolean","right-trim":"boolean","break-lines":"number",indent:"number","remove-initial-line-feed":"boolean","tabs-to-spaces":"number","spaces-to-tabs":"number"};r.prototype={setDefaults:function(n){this.defaults=e(this.defaults,n)},normalize:function(n,a){a=e(this.defaults,a);for(var c in a){var p=s(c);c!=="normalize"&&p!=="setDefaults"&&a[c]&&this[p]&&(n=this[p].call(this,n,a[c]))}return n},leftTrim:function(n){return n.replace(/^\s+/,"")},rightTrim:function(n){return n.replace(/\s+$/,"")},tabsToSpaces:function(n,a){return a=a|0||4,n.replace(/\t/g,new Array(++a).join(" "))},spacesToTabs:function(n,a){return a=a|0||4,n.replace(RegExp(" {"+a+"}","g")," ")},removeTrailing:function(n){return n.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(n){return n.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(n){var a=n.match(/^[^\S\n\r]*(?=\S)/gm);return!a||!a[0].length||(a.sort(function(c,p){return c.length-p.length}),!a[0].length)?n:n.replace(RegExp("^"+a[0],"gm"),"")},indent:function(n,a){return n.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++a).join(" ")+"$&")},breakLines:function(n,a){a=a===!0?80:a|0||80;for(var c=n.split(`
|
|
4345
4345
|
`),p=0;p<c.length;++p)if(!(t(c[p])<=a)){for(var b=c[p].split(/(\s+)/g),d=0,x=0;x<b.length;++x){var _=t(b[x]);d+=_,d>a&&(b[x]=`
|
|
4346
4346
|
`+b[x],d=_)}c[p]=b.join("")}return c.join(`
|
|
4347
|
-
`)}},i.exports&&(i.exports=r),Prism.plugins.NormalizeWhitespace=new r({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",function(n){var a=Prism.plugins.NormalizeWhitespace;if(!(n.settings&&n.settings["whitespace-normalization"]===!1)&&Prism.util.isActive(n.element,"whitespace-normalization",!0)){if((!n.element||!n.element.parentNode)&&n.code){n.code=a.normalize(n.code,n.settings);return}var c=n.element.parentNode;if(!(!n.code||!c||c.nodeName.toLowerCase()!=="pre")){n.settings==null&&(n.settings={});for(var p in o)if(Object.hasOwnProperty.call(o,p)){var b=o[p];if(c.hasAttribute("data-"+p))try{var d=JSON.parse(c.getAttribute("data-"+p)||"true");typeof d===b&&(n.settings[p]=d)}catch{}}for(var x=c.childNodes,_="",f="",m=!1,v=0;v<x.length;++v){var D=x[v];D==n.element?m=!0:D.nodeName==="#text"&&(m?f+=D.nodeValue:_+=D.nodeValue,c.removeChild(D),--v)}if(!n.element.children.length||!Prism.plugins.KeepMarkup)n.code=_+n.code+f,n.code=a.normalize(n.code,n.settings);else{var u=_+n.element.innerHTML+f;n.element.innerHTML=a.normalize(u,n.settings),n.code=n.element.textContent}}}})})()})(Zr)),Zr.exports}Ep();Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}};Prism.languages.webmanifest=Prism.languages.json;var qo={},Vo;function Op(){return Vo||(Vo=1,(function(i){i.languages.typescript=i.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),i.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete i.languages.typescript.parameter,delete i.languages.typescript["literal-property"];var e=i.languages.extend("typescript",{});delete e["class-name"],i.languages.typescript["class-name"].inside=e,i.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e}}}}),i.languages.ts=i.languages.typescript})(Prism)),qo}Op();Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/});Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/});Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}});Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}});Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript"));Prism.languages.js=Prism.languages.javascript;(function(i){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",r={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},s={bash:r,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};i.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:s},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:r}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:s},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:s.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:s.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},r.inside=i.languages.bash;for(var t=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],o=s.variable[1].inside,n=0;n<t.length;n++)o[t[n]]=i.languages.bash[t[n]];i.languages.sh=i.languages.bash,i.languages.shell=i.languages.bash})(Prism);Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]};Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity;Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup;Prism.hooks.add("wrap",function(i){i.type==="entity"&&(i.attributes.title=i.content.replace(/&/,"&"))});Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(e,r){var s={};s["language-"+r]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[r]},s.cdata=/^<!\[CDATA\[|\]\]>$/i;var t={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:s}};t["language-"+r]={pattern:/[\s\S]+/,inside:Prism.languages[r]};var o={};o[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:t},Prism.languages.insertBefore("markup","cdata",o)}});Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(i,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+i+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}});Prism.languages.html=Prism.languages.markup;Prism.languages.mathml=Prism.languages.markup;Prism.languages.svg=Prism.languages.markup;Prism.languages.xml=Prism.languages.extend("markup",{});Prism.languages.ssml=Prism.languages.xml;Prism.languages.atom=Prism.languages.xml;Prism.languages.rss=Prism.languages.xml;var Lp=Object.defineProperty,Tp=Object.getOwnPropertyDescriptor,Le=(i,e,r,s)=>{for(var t=s>1?void 0:s?Tp(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Lp(e,r,t),t};const Ip="sonic-code";let _e=class extends S{constructor(){super(...arguments),this.inline=!1,this.showCode=!1,this.toggleCode=!1,this.noEdit=!1,this.noOutput=!1,this.language="markup",this.codeEdited=!1}connectedCallback(){if(super.connectedCallback(),this.toggleCode||(this.showCode=!0),this.templateEl=this.querySelector("template"),this.defaultCode=this.templateEl?.innerHTML.toString().replace(/</g,"<").replace(/>/g,">"),this.defaultCode){Zt.plugins.NormalizeWhitespace.setDefaults({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0,"remove-initial-line-feed":!0,"tabs-to-tabs":2});const e=Zt.plugins.NormalizeWhitespace.normalize(this.defaultCode).replaceAll('=""',"").replaceAll(""",'"').replaceAll('"{',"'{").replaceAll('}"',"}'").replaceAll("&","&");this.currentCode=Zt.highlight(e,Zt.languages[this.language],this.language)}this.codeOutput=this.defaultCode}updateCodeRender(){this.defaultCode!==this.currentCode&&(this.codeEdited=!0),this.codeOutput=this.codePreview?.innerText}resetCode(){this.codeEdited=!1,this.defaultCode&&(this.currentCode="",window.requestAnimationFrame(()=>{this.currentCode=Zt.highlight(this.defaultCode||"",Zt.languages[this.language],this.language)})),this.codeOutput=this.defaultCode}handleToggleCode(){this.showCode=!this.showCode}handleCopyCode(i){if(this.codeOutput){navigator.clipboard.writeText(this.codeOutput);const e=i.currentTarget;e?.setAttribute("active",""),setTimeout(()=>{e?.removeAttribute("active")},500)}}updated(i){super.updated(i),i.has("codeOutput")&&this.appendOutput()}appendOutput(){let i=this.querySelector("[slot=output]");i||(i=document.createElement("div"),i.setAttribute("slot","output"),this.appendChild(i)),i&&(i.innerHTML=this.codeOutput||"")}handleGetSDUI(){vr.toJson(this.templateEl?.content.children)}render(){return w`
|
|
4347
|
+
`)}},i.exports&&(i.exports=r),Prism.plugins.NormalizeWhitespace=new r({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",function(n){var a=Prism.plugins.NormalizeWhitespace;if(!(n.settings&&n.settings["whitespace-normalization"]===!1)&&Prism.util.isActive(n.element,"whitespace-normalization",!0)){if((!n.element||!n.element.parentNode)&&n.code){n.code=a.normalize(n.code,n.settings);return}var c=n.element.parentNode;if(!(!n.code||!c||c.nodeName.toLowerCase()!=="pre")){n.settings==null&&(n.settings={});for(var p in o)if(Object.hasOwnProperty.call(o,p)){var b=o[p];if(c.hasAttribute("data-"+p))try{var d=JSON.parse(c.getAttribute("data-"+p)||"true");typeof d===b&&(n.settings[p]=d)}catch{}}for(var x=c.childNodes,_="",f="",m=!1,y=0;y<x.length;++y){var D=x[y];D==n.element?m=!0:D.nodeName==="#text"&&(m?f+=D.nodeValue:_+=D.nodeValue,c.removeChild(D),--y)}if(!n.element.children.length||!Prism.plugins.KeepMarkup)n.code=_+n.code+f,n.code=a.normalize(n.code,n.settings);else{var u=_+n.element.innerHTML+f;n.element.innerHTML=a.normalize(u,n.settings),n.code=n.element.textContent}}}})})()})(Qr)),Qr.exports}Up();Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}};Prism.languages.webmanifest=Prism.languages.json;var Zo={},Xo;function qp(){return Xo||(Xo=1,(function(i){i.languages.typescript=i.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),i.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete i.languages.typescript.parameter,delete i.languages.typescript["literal-property"];var e=i.languages.extend("typescript",{});delete e["class-name"],i.languages.typescript["class-name"].inside=e,i.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e}}}}),i.languages.ts=i.languages.typescript})(Prism)),Zo}qp();Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/});Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/});Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}});Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}});Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript"));Prism.languages.js=Prism.languages.javascript;(function(i){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",r={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},s={bash:r,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};i.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:s},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:r}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:s},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:s.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:s.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},r.inside=i.languages.bash;for(var t=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],o=s.variable[1].inside,n=0;n<t.length;n++)o[t[n]]=i.languages.bash[t[n]];i.languages.sh=i.languages.bash,i.languages.shell=i.languages.bash})(Prism);Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]};Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity;Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup;Prism.hooks.add("wrap",function(i){i.type==="entity"&&(i.attributes.title=i.content.replace(/&/,"&"))});Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(e,r){var s={};s["language-"+r]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[r]},s.cdata=/^<!\[CDATA\[|\]\]>$/i;var t={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:s}};t["language-"+r]={pattern:/[\s\S]+/,inside:Prism.languages[r]};var o={};o[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:t},Prism.languages.insertBefore("markup","cdata",o)}});Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(i,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+i+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}});Prism.languages.html=Prism.languages.markup;Prism.languages.mathml=Prism.languages.markup;Prism.languages.svg=Prism.languages.markup;Prism.languages.xml=Prism.languages.extend("markup",{});Prism.languages.ssml=Prism.languages.xml;Prism.languages.atom=Prism.languages.xml;Prism.languages.rss=Prism.languages.xml;var Vp=Object.defineProperty,Hp=Object.getOwnPropertyDescriptor,Te=(i,e,r,s)=>{for(var t=s>1?void 0:s?Hp(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Vp(e,r,t),t};const Wp="sonic-code";let _e=class extends A{constructor(){super(...arguments),this.inline=!1,this.showCode=!1,this.toggleCode=!1,this.noEdit=!1,this.noOutput=!1,this.language="markup",this.codeEdited=!1}connectedCallback(){if(super.connectedCallback(),this.toggleCode||(this.showCode=!0),this.templateEl=this.querySelector("template"),this.defaultCode=this.templateEl?.innerHTML.toString().replace(/</g,"<").replace(/>/g,">"),this.defaultCode){Xt.plugins.NormalizeWhitespace.setDefaults({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0,"remove-initial-line-feed":!0,"tabs-to-tabs":2});const e=Xt.plugins.NormalizeWhitespace.normalize(this.defaultCode).replaceAll('=""',"").replaceAll(""",'"').replaceAll('"{',"'{").replaceAll('}"',"}'").replaceAll("&","&");this.currentCode=Xt.highlight(e,Xt.languages[this.language],this.language)}this.codeOutput=this.defaultCode}updateCodeRender(){this.defaultCode!==this.currentCode&&(this.codeEdited=!0),this.codeOutput=this.codePreview?.innerText}resetCode(){this.codeEdited=!1,this.defaultCode&&(this.currentCode="",window.requestAnimationFrame(()=>{this.currentCode=Xt.highlight(this.defaultCode||"",Xt.languages[this.language],this.language)})),this.codeOutput=this.defaultCode}handleToggleCode(){this.showCode=!this.showCode}handleCopyCode(i){if(this.codeOutput){navigator.clipboard.writeText(this.codeOutput);const e=i.currentTarget;e?.setAttribute("active",""),setTimeout(()=>{e?.removeAttribute("active")},500)}}updated(i){super.updated(i),i.has("codeOutput")&&this.appendOutput()}appendOutput(){let i=this.querySelector("[slot=output]");i||(i=document.createElement("div"),i.setAttribute("slot","output"),this.appendChild(i)),i&&(i.innerHTML=this.codeOutput||"")}handleGetSDUI(){_r.toJson(this.templateEl?.content.children)}render(){return w`
|
|
4348
4348
|
<div
|
|
4349
4349
|
class="relative ${this.language==="markup"?"border border-neutral-100 p-4 rounded-md":""}"
|
|
4350
4350
|
>
|
|
@@ -4420,7 +4420,7 @@ ${this.value}</textarea
|
|
|
4420
4420
|
</div>
|
|
4421
4421
|
</div>
|
|
4422
4422
|
</div>
|
|
4423
|
-
`}};_e.styles=[
|
|
4423
|
+
`}};_e.styles=[me,Rp,k`
|
|
4424
4424
|
:host(:not([inline])) {
|
|
4425
4425
|
display: block;
|
|
4426
4426
|
margin: 1rem 0;
|
|
@@ -4456,7 +4456,7 @@ ${this.value}</textarea
|
|
|
4456
4456
|
border-radius: var(--sc-rounded);
|
|
4457
4457
|
border: solid 0.15rem transparent;
|
|
4458
4458
|
}
|
|
4459
|
-
`];
|
|
4459
|
+
`];Te([l({type:Boolean,reflect:!0})],_e.prototype,"inline",2);Te([l({type:Boolean,reflect:!0})],_e.prototype,"showCode",2);Te([l({type:Boolean,reflect:!0})],_e.prototype,"toggleCode",2);Te([l({type:Boolean,reflect:!0})],_e.prototype,"noEdit",2);Te([l({type:Boolean,reflect:!0})],_e.prototype,"noOutput",2);Te([l()],_e.prototype,"language",2);Te([l()],_e.prototype,"defaultCode",2);Te([l()],_e.prototype,"currentCode",2);Te([l()],_e.prototype,"codeOutput",2);Te([l()],_e.prototype,"templateEl",2);Te([et("#codePreview")],_e.prototype,"codePreview",2);Te([et("#codeRender")],_e.prototype,"codeRender",2);Te([L()],_e.prototype,"codeEdited",2);_e=Te([F(Wp)],_e);var Kp=Object.defineProperty,Yp=Object.getOwnPropertyDescriptor,ao=(i,e,r,s)=>{for(var t=s>1?void 0:s?Yp(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Kp(e,r,t),t};const Gp="sonic-docs-header";let zs=class extends Q(A){constructor(){super(...arguments),this.theme="light",this.searchVisible=!1}connectedCallback(){this.handleColorScheme(),super.connectedCallback(),document.addEventListener("keydown",i=>{i.key==="Escape"&&this.searchVisible&&this.hideSearch()}),document.addEventListener("keydown",i=>{i.ctrlKey&&i.key==="k"&&(this.toggleSearch(),i.preventDefault()),i.metaKey&&i.key==="k"&&(this.toggleSearch(),i.preventDefault())}),window.addEventListener("hashchange",()=>{this.hideSearch()})}handleColorScheme(){localStorage.sonicTheme==="dark"||!("sonicTheme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?(document.documentElement.setAttribute("data-concorde-theme","dark"),document.documentElement.classList.add("dark"),this.theme="dark"):(document.documentElement.classList.remove("dark"),document.documentElement.setAttribute("data-concorde-theme","light"),this.theme="light")}setMode(i){localStorage.sonicTheme=i,this.handleColorScheme()}hideSearch(){this.searchVisible=!1}toggleSearch(){this.searchVisible=!this.searchVisible}render(){return w`<div
|
|
4460
4460
|
class="flex items-center gap-4 border-b-[.18rem] text-content border-current py-3 sticky top-0 z-40 bg-neutral-0"
|
|
4461
4461
|
>
|
|
4462
4462
|
<div class="">
|
|
@@ -4532,7 +4532,7 @@ ${this.value}</textarea
|
|
|
4532
4532
|
|
|
4533
4533
|
${this.searchVisible?w`
|
|
4534
4534
|
<div
|
|
4535
|
-
${
|
|
4535
|
+
${oi({keyframeOptions:{duration:250},in:[{opacity:0}],out:[{opacity:0}],stabilizeOut:!0})}
|
|
4536
4536
|
class="fixed top-0 w-full left-0 z-[3000] pt-[20vh] flex items-center justify-center "
|
|
4537
4537
|
>
|
|
4538
4538
|
<div
|
|
@@ -4541,7 +4541,7 @@ ${this.value}</textarea
|
|
|
4541
4541
|
></div>
|
|
4542
4542
|
|
|
4543
4543
|
<div
|
|
4544
|
-
${
|
|
4544
|
+
${oi({keyframeOptions:{duration:250,easing:"cubic-bezier(0.250, 0.250, 0.420, 1.225)"},in:[{transform:"translateY(1rem) scale(1.05)",opacity:0}],out:[{transform:"scale(.90) ",opacity:0,duration:3e3,easing:"ease-in-out"}],stabilizeOut:!0})}
|
|
4545
4545
|
class="relative z-20 w-full max-w-[40rem] w-full block "
|
|
4546
4546
|
>
|
|
4547
4547
|
<docs-search setFocus class="max-w-[40rem] w-full block">
|
|
@@ -4551,7 +4551,7 @@ ${this.value}</textarea
|
|
|
4551
4551
|
`:E}
|
|
4552
4552
|
</div>
|
|
4553
4553
|
|
|
4554
|
-
</div> `}};zs.styles=[
|
|
4554
|
+
</div> `}};zs.styles=[me];ao([L()],zs.prototype,"theme",2);ao([L()],zs.prototype,"searchVisible",2);zs=ao([F(Gp)],zs);var Zp=Object.defineProperty,Xp=Object.getOwnPropertyDescriptor,Vn=(i,e,r,s)=>{for(var t=s>1?void 0:s?Xp(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Zp(e,r,t),t};const Jp="docs-navigation";let ns=class extends A{constructor(){super(...arguments),this.navigation=[{label:"Introduction",href:"#docs/_getting-started/start.md/start"},"Getting Started",{label:"Installation",href:"#docs/_getting-started/concorde-outside.md/concorde-outside"},{label:"My first subscriber",href:"#docs/_getting-started/my-first-subscriber.md/my-first-subscriber"},{label:"Adding styles",href:"#docs/_getting-started/theming.md/theming"},{label:"Sharing data",href:"#docs/_getting-started/pubsub.md/pubsub"},"Core concept",{label:"Lit + Tailwind + Vite",href:"#docs/_core-concept/overview.md/overview"},{label:"The subscriber mixin",href:"#docs/_core-concept/subscriber.md/subscriber"},"Functionnal components",{label:"Date",href:"#core/components/functional/date/date.md/date"},{label:"Fetch",href:"#core/components/functional/fetch/fetch.md/fetch"},{label:"If",href:"#core/components/functional/if/if.md/if"},{label:"List",href:"#core/components/functional/list/list.md/list"},{label:"Mix",href:"#core/components/functional/mix/mix.md/mix"},{label:"Queue",href:"#core/components/functional/queue/queue.md/queue"},{label:"Router",href:"#core/components/functional/router/router.md/router"},{label:"SDUI",href:"#core/components/functional/sdui/sdui.md/sdui"},{label:"States",href:"#core/components/functional/states/states.md/states"},{label:"Submit",href:"#core/components/functional/submit/submit.md/submit"},{label:"Submit",href:"#core/components/functional/submit/submit.md/submit"},{label:"Value",href:"#core/components/functional/value/value.md/value"},"UI components",{label:"Alert",href:"#core/components/ui/alert/alert.md/alert"},{label:"Badge",href:"#core/components/ui/badge/badge.md/badge"},{label:"Button",href:"#core/components/ui/button/button.md/button"},{label:"Captcha",href:"#core/components/ui/captcha/captcha.md/captcha"},{label:"Card",href:"#core/components/ui/card/card.md/card"},{label:"Checkbox",href:"#core/components/ui/form/checkbox/checkbox.md/checkbox"},{label:"Divider",href:"#core/components/ui/divider/divider.md/divider"},{label:"Fieldset",href:"#core/components/ui/form/fieldset/fieldset.md/fieldset"},{label:"Form actions",href:"#core/components/ui/form/form-actions/form-actions.md/form-actions"},{label:"Form layout",href:"#core/components/ui/form/form-layout/form-layout.md/form-layout"},{label:"Group",href:"#core/components/ui/group/group.md/group"},{label:"Icon",href:"#core/components/ui/icon/icon.md/icon"},{label:"Image",href:"#core/components/ui/image/image.md/image"},{label:"Input",href:"#core/components/ui/form/input/input.md/input"},{label:"Input autocomplete",href:"#core/components/ui/form/input-autocomplete/input-autocomplete.md/input-autocomplete"},{label:"Link",href:"#core/components/ui/link/link.md/link"},{label:"Loader",href:"#core/components/ui/loader/loader.md/loader"},{label:"Menu",href:"#core/components/ui/menu/menu.md/menu"},{label:"Modal",href:"#core/components/ui/modal/modal.md/modal"},{label:"Pop",href:"#core/components/ui/pop/pop.md/pop"},{label:"Progress",href:"#core/components/ui/progress/progress.md/progress"},{label:"Radio",href:"#core/components/ui/form/radio/radio.md/radio"},{label:"Select",href:"#core/components/ui/form/select/select.md/select"},{label:"Switch",href:"#core/components/ui/form/switch/switch.md/switch"},{label:"Table",href:"#core/components/ui/table/table.md/table"},{label:"Textarea",href:"#core/components/ui/form/textarea/textarea.md/textarea"},{label:"Theme",href:"#"},{label:"Toast",href:"#core/components/ui/toast/toast.md/toast"},{label:"Tooltip",href:"#core/components/ui/tooltip/tooltip.md/tooltip"},"Misc",{label:"@ancestorAttribute",href:"#docs/_misc/ancestor-attribute.md/ancestor-attribute"},{label:"Key",href:"#docs/_misc/key.md/key"},{label:"@bind",href:"#docs/_misc/bind.md/bind"},{label:"@subscribe",href:"#docs/_misc/bind.md/subscribe"},{label:"@publish",href:"#docs/_misc/bind.md/publish"},{label:"@onAssign",href:"#docs/_misc/on-assign.md/on-assign"},{label:"@autoSubscribe",href:"#docs/_misc/auto-subscribe.md/auto-subscribe"},{label:"@awaitConnectedAncestors",href:"#docs/_misc/wait-for-ancestors.md/wait-for-ancestors"},{label:"Templates Demo",href:"#docs/_misc/templates-demo.md/templates-demo"}]}disconnectedCallback(){ns.lastScroll=this.scrollTop,super.disconnectedCallback()}firstUpdated(i){super.firstUpdated(i);const e=this.shadowRoot?.querySelector('sonic-menu-item[active]:not([href="#"])');e&&window.queueMicrotask(()=>{this.scrollTop=ns.lastScroll,e.scrollIntoViewIfNeeded()})}render(){return w`
|
|
4555
4555
|
<sonic-menu>
|
|
4556
4556
|
${this.navigation.map(i=>typeof i=="string"?w`<sonic-divider class="uppercase" align="left"
|
|
4557
4557
|
>${i}</sonic-divider
|
|
@@ -4563,7 +4563,7 @@ ${this.value}</textarea
|
|
|
4563
4563
|
>${i.label}</sonic-menu-item
|
|
4564
4564
|
>`)}
|
|
4565
4565
|
</sonic-menu>
|
|
4566
|
-
`}};
|
|
4566
|
+
`}};ns.lastScroll=0;Vn([l()],ns.prototype,"navigation",2);ns=Vn([F(Jp)],ns);var Qp=Object.defineProperty,em=Object.getOwnPropertyDescriptor,ws=(i,e,r,s)=>{for(var t=s>1?void 0:s?em(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&Qp(e,r,t),t};let Ft=class extends Q(A){constructor(){super(...arguments),this.id="",this.avatar="",this.first_name="",this.email="",this.last_name=""}render(){return w`<div
|
|
4567
4567
|
class="flex items-center gap-3 rounded-md hover:bg-neutral-50 -mx-2 p-2"
|
|
4568
4568
|
>
|
|
4569
4569
|
<sonic-image
|
|
@@ -4599,7 +4599,7 @@ ${this.value}</textarea
|
|
|
4599
4599
|
<sonic-icon library="iconoir" name="chat-bubble"></sonic-icon>
|
|
4600
4600
|
</sonic-button>
|
|
4601
4601
|
</div>
|
|
4602
|
-
</div>`}};
|
|
4602
|
+
</div>`}};Ft.styles=[me];ws([l({type:String})],Ft.prototype,"id",2);ws([l({type:String})],Ft.prototype,"avatar",2);ws([l({type:String})],Ft.prototype,"first_name",2);ws([l({type:String})],Ft.prototype,"email",2);ws([l({type:String})],Ft.prototype,"last_name",2);Ft=ws([F("docs-user")],Ft);var tm=Object.defineProperty,sm=Object.getOwnPropertyDescriptor,N=(i,e,r,s)=>{for(var t=s>1?void 0:s?sm(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&tm(e,r,t),t};const be=(i,e)=>{const r=O.get(i),s=typeof r.get=="function"?r.get():void 0;(s==null||typeof s=="object"&&!Array.isArray(s)&&Object.keys(s).length===0)&&r.set(e)},rm=()=>{be("demoData",{title:"Initial Title",user:{name:"Initial User"},count:0}),be("demoUser",{name:"Demo User",email:"demo@example.com"}),be("demoSettings",{theme:"light",language:"en"}),be("autoValue1",10),be("autoValue2",20),be("waitAncestorDemo",{message:"Context from ancestor"}),be("combinedData",{title:"Combined Title"}),be("combinedUser",{name:"Combined User"}),be("combinedSettings",{theme:"dark"}),be("reflectData",{title:"Initial Reflected Title",count:0}),be("publishDemo",{email:"",message:""}),be("dynamicProfiles",{alpha:{info:{title:"Profil Alpha"}},beta:{info:{title:"Profil Beta"}}}),be("dynamicProfilesAlt",{alpha:{info:{title:"Profil Alpha (Alt)"}},beta:{info:{title:"Profil Beta (Alt)"}}}),be("demoUsers",[{id:1,firstName:"Alice",lastName:"Smith",email:"alice.smith@example.com"},{id:2,firstName:"Bob",lastName:"Johnson",email:"bob.johnson@example.com"},{id:3,firstName:"Carol",lastName:"Williams",email:"carol.williams@example.com"},{id:4,firstName:"David",lastName:"Brown",email:"david.brown@example.com"},{id:5,firstName:"Eve",lastName:"Jones",email:"eve.jones@example.com"},{id:6,firstName:"Frank",lastName:"Garcia",email:"frank.garcia@example.com"},{id:7,firstName:"Grace",lastName:"Miller",email:"grace.miller@example.com"},{id:8,firstName:"Henry",lastName:"Davis",email:"henry.davis@example.com"},{id:9,firstName:"Ivy",lastName:"Martinez",email:"ivy.martinez@example.com"},{id:10,firstName:"Jack",lastName:"Taylor",email:"jack.taylor@example.com"}]),be("demoUsersAlt",[{id:11,firstName:"Sophie",lastName:"Lindquist",email:"sophie.lindquist@example.com"},{id:12,firstName:"Mateo",lastName:"Ortega",email:"mateo.ortega@example.com"},{id:13,firstName:"Jin",lastName:"Park",email:"jin.park@example.com"},{id:14,firstName:"Fatima",lastName:"El-Sayed",email:"fatima.el-sayed@example.com"},{id:15,firstName:"Lars",lastName:"Johansson",email:"lars.johansson@example.com"},{id:16,firstName:"Amara",lastName:"Singh",email:"amara.singh@example.com"},{id:17,firstName:"Zuri",lastName:"Okafor",email:"zuri.okafor@example.com"},{id:18,firstName:"Luca",lastName:"Rossi",email:"luca.rossi@example.com"},{id:19,firstName:"Ava",lastName:"Murphy",email:"ava.murphy@example.com"},{id:20,firstName:"Noah",lastName:"Keller",email:"noah.keller@example.com"}]),be("demoUsersSettings",[{theme:"light",language:"en"},{theme:"dark",language:"fr"},{theme:"auto",language:"es"},{theme:"light",language:"en"},{theme:"dark",language:"fr"},{theme:"auto",language:"es"},{theme:"light",language:"en"},{theme:"dark",language:"fr"},{theme:"auto",language:"es"},{theme:"light",language:"en"}]),be("demoUsersAltSettings",[{theme:"dark",language:"de"},{theme:"light",language:"it"},{theme:"auto",language:"ja"},{theme:"dark",language:"pt"},{theme:"light",language:"ru"},{theme:"auto",language:"zh"},{theme:"dark",language:"ar"},{theme:"light",language:"sv"},{theme:"auto",language:"nl"},{theme:"dark",language:"pl"}])};rm();let Dr=class extends A{constructor(){super(...arguments),this.dataProvider=null,this.testAttribute=null}render(){return w`
|
|
4603
4603
|
<section>
|
|
4604
4604
|
<p>
|
|
4605
4605
|
DataProvider property initialized from ancestor:
|
|
@@ -4610,7 +4610,7 @@ ${this.value}</textarea
|
|
|
4610
4610
|
<strong>${this.testAttribute||"null"}</strong>
|
|
4611
4611
|
</p>
|
|
4612
4612
|
</section>
|
|
4613
|
-
`}};N([
|
|
4613
|
+
`}};N([Ys("dataProvider")],Dr.prototype,"dataProvider",2);N([Ys("testAttribute")],Dr.prototype,"testAttribute",2);Dr=N([F("demo-ancestor-attribute")],Dr);let as=class extends A{constructor(){super(...arguments),this.firstName="",this.lastName="",this.count=0}render(){return w`
|
|
4614
4614
|
<div>
|
|
4615
4615
|
<sonic-button @click=${this.updateData}>Update Data</sonic-button>
|
|
4616
4616
|
</div>
|
|
@@ -4619,9 +4619,9 @@ ${this.value}</textarea
|
|
|
4619
4619
|
<p>User Name: <strong>${this.lastName||"Not set"}</strong></p>
|
|
4620
4620
|
<p>Number of updates: <strong>${this.count}</strong></p>
|
|
4621
4621
|
</div>
|
|
4622
|
-
`}updateData(){const i=O.get("demoData"),e=O.get("demoUsers"),r=Math.floor(Math.random()*e.get().length),s=e.get()[r];i.set({firstName:s.firstName,lastName:s.lastName,count:(i.count.get()||0)+1})}};
|
|
4622
|
+
`}updateData(){const i=O.get("demoData"),e=O.get("demoUsers"),r=Math.floor(Math.random()*e.get().length),s=e.get()[r];i.set({firstName:s.firstName,lastName:s.lastName,count:(i.count.get()||0)+1})}};as.styles=[me];N([gs("demoData.firstName"),L()],as.prototype,"firstName",2);N([gs("demoData.lastName"),L()],as.prototype,"lastName",2);N([gs("demoData.count"),L()],as.prototype,"count",2);as=N([F("demo-bind")],as);let Bs=class extends A{constructor(){super(...arguments),this.withReflect=0,this.withoutReflect=0}connectedCallback(){super.connectedCallback(),this.resetData()}resetData(){O.get("bindReflectDemo").set({count:0})}render(){return w`
|
|
4623
4623
|
<div class="mb-3">
|
|
4624
|
-
from publisher : ${
|
|
4624
|
+
from publisher : ${Di("bindReflectDemo.count")} <br />
|
|
4625
4625
|
from component with reflect : ${this.withReflect} <br />
|
|
4626
4626
|
from component without reflect : ${this.withoutReflect}
|
|
4627
4627
|
</div>
|
|
@@ -4632,7 +4632,33 @@ ${this.value}</textarea
|
|
|
4632
4632
|
>Increment without reflect</sonic-button
|
|
4633
4633
|
>
|
|
4634
4634
|
<sonic-button @click=${this.resetData}>Reset publisher data</sonic-button>
|
|
4635
|
-
`}};Bs.styles=[
|
|
4635
|
+
`}};Bs.styles=[me];N([gs("bindReflectDemo.count",{reflect:!0}),L()],Bs.prototype,"withReflect",2);N([gs("bindReflectDemo.count"),L()],Bs.prototype,"withoutReflect",2);Bs=N([F("demo-bind-reflect")],Bs);const Hn=new fr("publishDemo");let Rs=class extends A{constructor(){super(...arguments),this.email="",this.message=""}connectedCallback(){super.connectedCallback(),O.get("publishDemo").set({email:"",message:""})}render(){return w`
|
|
4636
|
+
<div class="space-y-4">
|
|
4637
|
+
<p class="text-sm text-neutral-600 dark:text-neutral-400">
|
|
4638
|
+
Typing in the inputs publishes to the publisher. The values below are
|
|
4639
|
+
read via <code>sub()</code> to show the sync.
|
|
4640
|
+
</p>
|
|
4641
|
+
<sonic-input
|
|
4642
|
+
.value=${this.email}
|
|
4643
|
+
@input=${i=>this.email=i.target.value}
|
|
4644
|
+
label="Email"
|
|
4645
|
+
placeholder="your@email.com"
|
|
4646
|
+
></sonic-input>
|
|
4647
|
+
<sonic-input
|
|
4648
|
+
.value=${this.message}
|
|
4649
|
+
@input=${i=>this.message=i.target.value}
|
|
4650
|
+
label="Message"
|
|
4651
|
+
placeholder="Type a message..."
|
|
4652
|
+
></sonic-input>
|
|
4653
|
+
<div class="rounded border border-neutral-200 dark:border-neutral-700 p-3">
|
|
4654
|
+
<p class="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1">
|
|
4655
|
+
Published values (from sub):
|
|
4656
|
+
</p>
|
|
4657
|
+
<p>Email: ${Di("publishDemo.email")||"—"}</p>
|
|
4658
|
+
<p>Message: ${Di("publishDemo.message")||"—"}</p>
|
|
4659
|
+
</div>
|
|
4660
|
+
</div>
|
|
4661
|
+
`}};Rs.styles=[me];N([Ki(Hn.email),L()],Rs.prototype,"email",2);N([Ki(Hn.message),L()],Rs.prototype,"message",2);Rs=N([F("demo-publish")],Rs);let ls=class extends A{constructor(){super(...arguments),this.dataProvider="demoUsers",this.userIndex=1,this.user={}}updateUserIndex(i){this.userIndex=parseInt(i.target.value)}updateDataProvider(i){this.dataProvider=i.target.value}updateCurrentUserData(){const i=O.get(this.dataProvider),e=Xe.traverse(i,[String(this.userIndex)]);if(e){const r=[{firstName:"Alice",lastName:"Wonder"},{firstName:"Bob",lastName:"Builder"},{firstName:"Charlie",lastName:"Chaplin"},{firstName:"Diana",lastName:"Prince"},{firstName:"Eve",lastName:"Adams"}],s=r[Math.floor(Math.random()*r.length)],t=`${s.firstName.toLowerCase()}.${s.lastName.toLowerCase()}@example.com`,o=e.get()||{};e.set({...o,firstName:s.firstName,lastName:s.lastName,email:t})}}render(){return w`
|
|
4636
4662
|
<div class="flex flex-col gap-2">
|
|
4637
4663
|
<sonic-select
|
|
4638
4664
|
.value=${this.dataProvider}
|
|
@@ -4666,7 +4692,7 @@ ${this.value}</textarea
|
|
|
4666
4692
|
</div>
|
|
4667
4693
|
</div>
|
|
4668
4694
|
</div>
|
|
4669
|
-
`}};
|
|
4695
|
+
`}};ls.styles=[me];N([l({type:String})],ls.prototype,"dataProvider",2);N([l({type:Number})],ls.prototype,"userIndex",2);N([gs("${dataProvider}.${userIndex}"),L()],ls.prototype,"user",2);ls=N([F("demo-bind-dynamic")],ls);let Ht=class extends A{constructor(){super(...arguments),this.userWithSettings=null,this.isReady=!1,this.lastUpdate=""}handleDataReady(i,e){this.isReady=Object.keys(i).length>0&&Object.keys(e).length>0,this.userWithSettings={...i,...e},this.lastUpdate=new Date().toLocaleTimeString(),this.requestUpdate()}render(){const{name:i,email:e,theme:r,language:s}=this.userWithSettings;return w`
|
|
4670
4696
|
<div class="mt-2">
|
|
4671
4697
|
<sonic-button @click=${this.updateData}>Update Data</sonic-button>
|
|
4672
4698
|
</div>
|
|
@@ -4677,7 +4703,7 @@ ${this.value}</textarea
|
|
|
4677
4703
|
<p>${s||"N/A"}</p>
|
|
4678
4704
|
<p><small>Last updated: ${this.lastUpdate}</small></p> `}
|
|
4679
4705
|
</div>
|
|
4680
|
-
`}updateData(){const i=O.get("demoUser"),e=O.get("demoUserSettings"),r=Math.floor(Math.random()*100);i.set({name:`User n°${r}`,email:`user-${r}@example.com`}),e.set({theme:["light","dark","auto"][Math.floor(Math.random()*3)],language:["en","fr","es"][Math.floor(Math.random()*3)]})}};
|
|
4706
|
+
`}updateData(){const i=O.get("demoUser"),e=O.get("demoUserSettings"),r=Math.floor(Math.random()*100);i.set({name:`User n°${r}`,email:`user-${r}@example.com`}),e.set({theme:["light","dark","auto"][Math.floor(Math.random()*3)],language:["en","fr","es"][Math.floor(Math.random()*3)]})}};Ht.styles=[me];N([L()],Ht.prototype,"userWithSettings",2);N([L()],Ht.prototype,"isReady",2);N([L()],Ht.prototype,"lastUpdate",2);N([Sn("demoUser","demoUserSettings")],Ht.prototype,"handleDataReady",1);Ht=N([F("demo-on-assign")],Ht);let Pt=class extends A{constructor(){super(...arguments),this.dataProvider="demoUsers",this.userIndex=0,this.user=null,this.userSettings=null}handleUserDataReady(i,e){this.user=i,this.userSettings=e}updateUserIndex(i){this.userIndex=parseInt(i.target.value)}updateDataProvider(i){this.dataProvider=i.target.value}updateCurrentUserData(){const i=O.get(this.dataProvider),e=O.get(`${this.dataProvider}Settings`),r=Xe.traverse(i,[String(this.userIndex)]),s=Xe.traverse(e,[String(this.userIndex)]);if(r&&s){const t=[{firstName:"Alice",lastName:"Wonder"},{firstName:"Bob",lastName:"Builder"},{firstName:"Charlie",lastName:"Chaplin"},{firstName:"Diana",lastName:"Prince"},{firstName:"Eve",lastName:"Adams"}],o=["light","dark","auto"],n=["en","fr","es","de","it"],a=t[Math.floor(Math.random()*t.length)],c=`${a.firstName.toLowerCase()}.${a.lastName.toLowerCase()}@example.com`,p=o[Math.floor(Math.random()*o.length)],b=n[Math.floor(Math.random()*n.length)],d=r.get()||{};r.set({...d,firstName:a.firstName,lastName:a.lastName,email:c}),s.set({theme:p,language:b})}}render(){return w`
|
|
4681
4707
|
<div class="flex flex-col gap-2">
|
|
4682
4708
|
<sonic-select label="Users set" @change=${this.updateDataProvider}>
|
|
4683
4709
|
<option value="demoUsers">First set of users</option>
|
|
@@ -4711,7 +4737,7 @@ ${this.value}</textarea
|
|
|
4711
4737
|
</div>
|
|
4712
4738
|
</div>
|
|
4713
4739
|
</div>
|
|
4714
|
-
`}};
|
|
4740
|
+
`}};Pt.styles=[me];N([l({type:String})],Pt.prototype,"dataProvider",2);N([l({type:Number})],Pt.prototype,"userIndex",2);N([L()],Pt.prototype,"user",2);N([L()],Pt.prototype,"userSettings",2);N([Sn("${dataProvider}.${userIndex}","${dataProvider}Settings.${userIndex}")],Pt.prototype,"handleUserDataReady",1);Pt=N([F("demo-on-assign-dynamic")],Pt);let cs=class extends A{constructor(){super(...arguments),this.displayText="",this.computedValue=0}updateDisplay(){const i=O.get("autoValue1").get()||0,e=O.get("autoValue2").get()||0;this.computedValue=i+e,this.displayText=`${i} + ${e} = ${this.computedValue}`}render(){return w`
|
|
4715
4741
|
<p><strong>${this.displayText}</strong></p>
|
|
4716
4742
|
<div>
|
|
4717
4743
|
<sonic-button @click=${()=>this.randomizeValue("autoValue1")}>
|
|
@@ -4721,13 +4747,13 @@ ${this.value}</textarea
|
|
|
4721
4747
|
Randomize Value 2
|
|
4722
4748
|
</sonic-button>
|
|
4723
4749
|
</div>
|
|
4724
|
-
`}randomizeValue(i){O.get(i).set(Math.floor(Math.random()*100))}};
|
|
4750
|
+
`}randomizeValue(i){O.get(i).set(Math.floor(Math.random()*100))}};cs.styles=[me];N([L()],cs.prototype,"displayText",2);N([L()],cs.prototype,"computedValue",2);N([Hc()],cs.prototype,"updateDisplay",1);cs=N([F("demo-auto-subscribe")],cs);let Si=class extends A{render(){return w`<slot></slot>`}};Si=N([zr()],Si);let Cr=class extends A{constructor(){super(...arguments),this.dataProvider=null,this.initializedAt=""}connectedCallback(){super.connectedCallback(),this.initializedAt=new Date().toISOString()}render(){return w`
|
|
4725
4751
|
<p>
|
|
4726
4752
|
DataProvider from ancestor:
|
|
4727
4753
|
<strong>${this.dataProvider||"—"}</strong>
|
|
4728
4754
|
</p>
|
|
4729
4755
|
<p>Initialized at: ${this.initializedAt||"(waiting for parent…)"}</p>
|
|
4730
|
-
`}};N([
|
|
4756
|
+
`}};N([Ys("dataProvider")],Cr.prototype,"dataProvider",2);N([L()],Cr.prototype,"initializedAt",2);Cr=N([F("demo-wait-ancestor-value"),Yi("demo-wait-ancestor-container[dataProvider]")],Cr);let Ar=class extends A{constructor(){super(...arguments),this.parentRegistered=!1}registerParent(){if(customElements.get("demo-wait-ancestor-container")){this.parentRegistered=!0;return}customElements.define("demo-wait-ancestor-container",Si),this.parentRegistered=!0}render(){return w`
|
|
4731
4757
|
<div class="space-y-4">
|
|
4732
4758
|
<sonic-button
|
|
4733
4759
|
?disabled=${this.parentRegistered}
|
|
@@ -4739,13 +4765,13 @@ ${this.value}</textarea
|
|
|
4739
4765
|
<demo-wait-ancestor-value></demo-wait-ancestor-value>
|
|
4740
4766
|
</demo-wait-ancestor-container>
|
|
4741
4767
|
</div>
|
|
4742
|
-
`}};
|
|
4768
|
+
`}};Ar.styles=[me];N([L()],Ar.prototype,"parentRegistered",2);Ar=N([F("demo-wait-ancestors-section")],Ar);let Fi=class extends A{render(){return w`<slot></slot>`}};Fi=N([zr()],Fi);let Pi=class extends A{render(){return w`<slot></slot>`}};Pi=N([zr()],Pi);let Sr=class extends A{constructor(){super(...arguments),this.dataProvider=null,this.initializedAt=""}connectedCallback(){super.connectedCallback(),this.initializedAt=new Date().toISOString()}render(){return w`
|
|
4743
4769
|
<p>
|
|
4744
4770
|
DataProvider from ancestor:
|
|
4745
4771
|
<strong>${this.dataProvider||"—"}</strong>
|
|
4746
4772
|
</p>
|
|
4747
4773
|
<p>Initialized at: ${this.initializedAt||"(waiting for both ancestors…)"}</p>
|
|
4748
|
-
`}};N([
|
|
4774
|
+
`}};N([Ys("dataProvider")],Sr.prototype,"dataProvider",2);N([L()],Sr.prototype,"initializedAt",2);Sr=N([F("demo-wait-ancestor-value-multi"),Yi("demo-wait-ancestor-outer","demo-wait-ancestor-inner")],Sr);let js=class extends A{constructor(){super(...arguments),this.outerRegistered=!1,this.innerRegistered=!1}registerOuter(){customElements.get("demo-wait-ancestor-outer")||customElements.define("demo-wait-ancestor-outer",Fi),this.outerRegistered=!0}registerInner(){customElements.get("demo-wait-ancestor-inner")||customElements.define("demo-wait-ancestor-inner",Pi),this.innerRegistered=!0}render(){return w`
|
|
4749
4775
|
<div class="space-y-4">
|
|
4750
4776
|
<div class="flex gap-2 flex-wrap">
|
|
4751
4777
|
<sonic-button
|
|
@@ -4767,12 +4793,12 @@ ${this.value}</textarea
|
|
|
4767
4793
|
</demo-wait-ancestor-inner>
|
|
4768
4794
|
</demo-wait-ancestor-outer>
|
|
4769
4795
|
</div>
|
|
4770
|
-
`}};
|
|
4796
|
+
`}};js.styles=[me];N([L()],js.prototype,"outerRegistered",2);N([L()],js.prototype,"innerRegistered",2);js=N([F("demo-wait-ancestors-multi-section")],js);let Jo=class extends A{render(){return w`<slot></slot>`}};Jo=N([F("demo-wait-ancestor-ready"),zr()],Jo);let Fr=class extends A{constructor(){super(...arguments),this.dataProvider=null,this.initializedAt=""}connectedCallback(){super.connectedCallback(),this.initializedAt=new Date().toISOString()}render(){return w`
|
|
4771
4797
|
<p>
|
|
4772
4798
|
DataProvider: <strong>${this.dataProvider||"—"}</strong>
|
|
4773
4799
|
</p>
|
|
4774
4800
|
<p>Initialized at: ${this.initializedAt}</p>
|
|
4775
|
-
`}};N([
|
|
4801
|
+
`}};N([Ys("dataProvider")],Fr.prototype,"dataProvider",2);N([L()],Fr.prototype,"initializedAt",2);Fr=N([F("demo-wait-ancestor-value-ready"),Yi("demo-wait-ancestor-ready")],Fr);let Pr=class extends A{constructor(){super(...arguments),this.childInDom=!1}addChild(){this.childInDom=!0}render(){return w`
|
|
4776
4802
|
<div class="space-y-4">
|
|
4777
4803
|
<p class="text-sm text-neutral-600 dark:text-neutral-400">
|
|
4778
4804
|
Parent is defined at load. Click to add child dynamically — it
|
|
@@ -4785,7 +4811,7 @@ ${this.value}</textarea
|
|
|
4785
4811
|
${this.childInDom?w`<demo-wait-ancestor-value-ready></demo-wait-ancestor-value-ready>`:w``}
|
|
4786
4812
|
</demo-wait-ancestor-ready>
|
|
4787
4813
|
</div>
|
|
4788
|
-
`}};
|
|
4814
|
+
`}};Pr.styles=[me];N([L()],Pr.prototype,"childInDom",2);Pr=N([F("demo-wait-ancestors-ready-section")],Pr);let $i=class extends A{render(){return w`
|
|
4789
4815
|
<p class="text-sm text-neutral-600 dark:text-neutral-400 mb-4">
|
|
4790
4816
|
Parent and child both in DOM from load. Child initializes immediately
|
|
4791
4817
|
because the ancestor is already defined and connected.
|
|
@@ -4793,12 +4819,12 @@ ${this.value}</textarea
|
|
|
4793
4819
|
<demo-wait-ancestor-ready dataProvider="waitAncestorDemo">
|
|
4794
4820
|
<demo-wait-ancestor-value-ready></demo-wait-ancestor-value-ready>
|
|
4795
4821
|
</demo-wait-ancestor-ready>
|
|
4796
|
-
`}}
|
|
4822
|
+
`}};$i.styles=[me];$i=N([F("demo-wait-ancestors-static-section")],$i);const Qt=class Qt{static register(e,r="",s=""){const t={};Object.keys(e).forEach(o=>{const n=o;let a=e[n],c="";r&&(typeof r=="string"?c=r:(c=r.baseUrl||"",s=s||r.prefix||"")),c&&!a.includes(c)&&(a=c+"/"+a,a=a?.replace(/\/+/g,"/"),a=a?.replace(/\/#/g,"#")),t[s+n]=a}),Qt.routes={...Qt.routes,...t}}static get(e,r){let t=Qt.routes[e]||"";r?.propertyMap&&(t=new ii(t).stringify(r.propertyMap));const o=new URL(t,t.startsWith("#")?window.location.href:window.location.origin);return r?.query&&Object.entries(r.query).forEach(([n,a])=>{o.searchParams.set(n,a)}),r?.hash&&(o.hash=r.hash),o.href.replace(window.location.origin,"")}static fillURLPattern(e,r){return new ii(e).stringify(r)}};Qt.routes={};let ki=Qt;var im=Object.defineProperty,om=Object.getOwnPropertyDescriptor,Wn=(i,e,r,s)=>{for(var t=s>1?void 0:s?om(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&im(e,r,t),t};const Kn={user:"#user/:id/:slug"};ki.register(Kn);let $r=class extends A{constructor(){super(...arguments),this.routes={"#home":()=>w`
|
|
4797
4823
|
<div class="p-4 border border-gray-200 rounded-md">
|
|
4798
4824
|
<h1 class="text-xl font-medium mb-2">Accueil</h1>
|
|
4799
4825
|
<p class="text-gray-600">Bienvenue sur la démo du router</p>
|
|
4800
4826
|
</div>
|
|
4801
|
-
`,[
|
|
4827
|
+
`,[Kn.user]:({slug:i,id:e})=>w`
|
|
4802
4828
|
<div class="p-4 border border-gray-200 rounded-md">
|
|
4803
4829
|
<h1 class="text-xl font-medium mb-2">Profil Utilisateur ${e}</h1>
|
|
4804
4830
|
<p class="text-gray-600">Slug: ${i}</p>
|
|
@@ -4826,7 +4852,7 @@ ${this.value}</textarea
|
|
|
4826
4852
|
|
|
4827
4853
|
<sonic-router .routes=${this.routes}></sonic-router>
|
|
4828
4854
|
</div>
|
|
4829
|
-
`}}
|
|
4855
|
+
`}};$r.styles=[me];Wn([L()],$r.prototype,"routes",2);$r=Wn([F("sonic-router-demo")],$r);var nm=Object.defineProperty,am=Object.getOwnPropertyDescriptor,Yn=(i,e,r,s)=>{for(var t=s>1?void 0:s?am(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&nm(e,r,t),t};let kr=class extends A{constructor(){super(),this.states={pending:()=>w`
|
|
4830
4856
|
<div class="p-4 border border-gray-200 rounded-md">
|
|
4831
4857
|
<h1 class="text-xl font-medium mb-2">En attente</h1>
|
|
4832
4858
|
<p class="text-gray-600">Veuillez patienter...</p>
|
|
@@ -4846,7 +4872,7 @@ ${this.value}</textarea
|
|
|
4846
4872
|
<h1 class="text-xl font-medium mb-2">État Inconnu</h1>
|
|
4847
4873
|
<p class="text-gray-600">L'état demandé n'existe pas</p>
|
|
4848
4874
|
</div>
|
|
4849
|
-
`},
|
|
4875
|
+
`},Us("states-demo-provider").set({})}render(){return w`
|
|
4850
4876
|
<div class="p-4">
|
|
4851
4877
|
<h2 class="text-2xl font-medium mb-6">Démo des états</h2>
|
|
4852
4878
|
|
|
@@ -4871,7 +4897,7 @@ ${this.value}</textarea
|
|
|
4871
4897
|
.states=${this.states}
|
|
4872
4898
|
></sonic-states>
|
|
4873
4899
|
</div>
|
|
4874
|
-
`}};
|
|
4900
|
+
`}};kr.styles=[me];Yn([L()],kr.prototype,"states",2);kr=Yn([F("sonic-states-demo")],kr);var lm=Object.getOwnPropertyDescriptor,cm=(i,e,r,s)=>{for(var t=s>1?void 0:s?lm(e,r):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(t=n(t)||t);return t};let Ei=class extends A{constructor(){super(...arguments),this.items=i=>w`
|
|
4875
4901
|
<div class="bg-neutral-100 p-2 rounded-md">
|
|
4876
4902
|
<div class="font-medium">${i.nom}</div>
|
|
4877
4903
|
<div class="text-sm text-gray-600">Code: ${i.code}</div>
|
|
@@ -4889,4 +4915,4 @@ ${this.value}</textarea
|
|
|
4889
4915
|
.items=${this.items}
|
|
4890
4916
|
.noItems=${this.noItems}
|
|
4891
4917
|
></sonic-queue>
|
|
4892
|
-
`}};
|
|
4918
|
+
`}};Ei.styles=[me];Ei=cm([F("sonic-queue-demo")],Ei)});export default um();
|