@supersoniks/concorde 3.0.2 → 3.0.3
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/concorde-core.bundle.js +3480 -0
- package/concorde-core.es.js +11396 -0
- package/dist/concorde-core.bundle.js +3480 -0
- package/dist/concorde-core.es.js +11396 -0
- package/dist/css/docs.css +0 -0
- package/dist/img/concorde-logo.svg +1 -0
- package/dist/img/concorde.png +0 -0
- package/dist/img/concorde_def.png +0 -0
- package/dist/svg/regular/plane.svg +1 -0
- package/dist/svg/solid/plane.svg +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,3480 @@
|
|
|
1
|
+
(function(J){typeof define=="function"&&define.amd?define(J):J()})(function(){"use strict";var jt,j,k,Dr,t,Y;let J=class Mt{static getLanguage(){const t=document.documentElement.lang;return localStorage.getItem("SonicSelectedLanguage")||t}static getCookies(){return document.cookie.split(";").reduce((t,s)=>{const i=s.indexOf("=");return t[s.substring(0,i).trim()]=s.substring(i+1),t},{})}static everyAncestors(t,s){for(;t;){if(!s(t))return;t=t.parentNode||t.host}}static getAncestorAttributeValue(t,s){if(!t)return null;for(;!("hasAttribute"in t&&t.hasAttribute(s))&&(t.parentNode||t.host);)t=t.parentNode||t.host;return"hasAttribute"in t?t.getAttribute(s):null}static getApiConfiguration(t){const s=Mt.getAncestorAttributeValue(t,"token"),i=Mt.getAncestorAttributeValue(t,"addHTTPResponse")!=null,e=Mt.getAncestorAttributeValue(t,"serviceURL");let o=null,n=null;const a=Mt.getAncestorAttributeValue(t,"tokenProvider"),c=Mt.getAncestorAttributeValue(t,"eventsApiToken");s||(o=Mt.getAncestorAttributeValue(t,"userName"),n=Mt.getAncestorAttributeValue(t,"password"));const h=Mt.getAncestorAttributeValue(t,"credentials")||void 0,d=t.getAttribute("cache"),f=t.hasAttribute("blockUntilDone");return{serviceURL:e,token:s,userName:o,password:n,authToken:c,tokenProvider:a,addHTTPResponse:i,credentials:h,cache:d,blockUntilDone:f}}static getClosestElement(t,s){for(;!(t.nodeName&&t.nodeName.toLowerCase()===s)&&(t.parentNode||t.host);)t=t.parentNode||t.host;return t.nodeName?t:null}static getClosestForm(t){return Mt.getClosestElement(t,"form")}static async loadJS(t){return new Promise(async i=>{const e=document.createElement("script");e.src=t,e.onload=()=>i(!0),e.onerror=()=>i(!0),document.head.appendChild(e)})}static async loadCSS(t){return new Promise(async i=>{const e=document.createElement("link");e.type="text/css",e.rel="stylesheet",e.href=t,e.onload=()=>i(!0),e.onerror=()=>i(!0),document.head.appendChild(e)})}},rs=class{static ucFirst(t){return typeof t!="string"?t:t.charAt(0).toUpperCase()+t.substring(1)}static minutesDuration(t,s="",i="long"){s||(s=J.getLanguage());const e=(h,d)=>[Math.floor(h/d),h%d];function o(h,d,f){return new Intl.NumberFormat(h,{style:"unit",unit:d,unitDisplay:f}).format}const[n,a]=e(t,60),c=[];return n&&c.push(o(s,"hour",i)(n)),a&&c.push(o(s,"minute",i)(a)),new Intl.ListFormat(s,{style:"long",type:"conjunction"}).format(c)}static js(t){try{return Function("return "+t)()}catch{return""}}};function Ee(r){return typeof r=="object"&&r!=null}const Lr=async()=>new Promise(r=>{window.queueMicrotask(()=>r(null))});let Ls=(jt=class{constructor(t,s){for(this._proxies_=new Map,this._is_savable_=!1,this._invalidateListeners_=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_=t,this.parent=s||null,this.root=this,this._instanceCounter_=0;this.root.parent;)this.root=this.root.parent}delete(){for(const t of this._proxies_.values())t.delete();this._invalidateListeners_.clear(),this._assignListeners_.clear(),this._mutationListeners_.clear(),this._fillListeners_.clear(),this._templateFillListeners_.clear(),this._proxies_.clear(),jt.instances.delete(this._instanceCounter_)}hasListener(){return this._templateFillListeners_.size>0||this._assignListeners_.size>0||this._invalidateListeners_.size>0||this._mutationListeners_.size>0||this._fillListeners_.size>0}_publishInternalMutation_(t=!1){if(this._mutationListeners_.forEach(s=>s()),this._is_savable_&&!L.changed){L.changed=!0,L.saveId++;const s=L.saveId;setTimeout(()=>L.getInstance().saveToLocalStorage(s),1e3)}t||this.parent&&this.parent._publishInternalMutation_()}async _publishAssignement_(t=!1){this._assignmentId_++;const s=this._assignmentId_;if(await Lr(),s!==this._assignmentId_)return;const i=this.get();this._assignListeners_.forEach(e=>e(i)),this._publishInternalMutation_(t)}_publishInvalidation_(){this._invalidateListeners_.forEach(t=>t())}_publishDynamicFilling_(t,s){this._fillListeners_.forEach(i=>{i[t]!==s&&(i[t]=s)}),this._publishTemplateFilling_(t,s)}_publishTemplateFilling_(t,s){this._templateFillListeners_.forEach(i=>{const e=Object.getOwnPropertyDescriptor(i,t);e&&!e.set&&!e.writable||(i.propertyMap&&i.propertyMap[t]&&(t=i.propertyMap[t]),typeof i[t]<"u"&&i[t]!==s&&(i[t]=s))})}onAssign(t,s=!0){typeof t=="function"&&(this._assignListeners_.has(t)||(this._assignListeners_.add(t),s&&t(this.get())))}offAssign(t){this._assignListeners_.delete(t)}onInvalidate(t){typeof t=="function"&&this._invalidateListeners_.add(t)}offInvalidate(t){typeof t=="function"&&this._invalidateListeners_.delete(t)}invalidate(){this._publishInvalidation_()}onInternalMutation(t){typeof t=="function"&&(this._mutationListeners_.add(t),t())}offInternalMutation(t){typeof t=="function"&&this._mutationListeners_.delete(t)}startTemplateFilling(t){if(this._templateFillListeners_.add(t),typeof this._value_=="object")for(const s in this._value_){let i=s;const e=this._value_[s];t.propertyMap&&t.propertyMap[s]&&(i=t.propertyMap[s]),typeof t[s]<"u"&&t[s]!==e&&(t[i]=e)}}stopTemplateFilling(t){this._templateFillListeners_.delete(t)}startDynamicFilling(t){this._fillListeners_.add(t);for(const s in this._value_){const i=this._value_[s];t[s]!==i&&(t[s]=i)}}stopDynamicFilling(t){this._fillListeners_.delete(t)}async set(t,s=!1){var o;if(this._value_===t||this._value_&&t&&Object.prototype.hasOwnProperty.call(this._value_,"__value")&&Object.prototype.hasOwnProperty.call(t,"__value")&&this._value_.__value===t.__value)return!0;const i=this._value_;if(this._value_=Ee(t)?t:{__value:t},this._cachedGet_=void 0,Object.prototype.hasOwnProperty.call(this._value_,"__value"))return await this._publishAssignement_(s),!0;for(const n in this._value_)this._value_[n]===void 0&&delete this._value_[n];if(this._proxies_.forEach((n,a)=>{this._value_[a]===void 0&&a!="_parent_"&&i[a]&&(this._value_[a]=null)}),await this._publishAssignement_(),Ee(this._value_))for(const n in this._value_){const a=t[n],h=Ee(a)?a:{__value:a};if(!this._proxies_.has(n)){this._publishDynamicFilling_(n,a);continue}await((o=this._proxies_.get(n))==null?void 0:o.set(h,!0)),this._publishDynamicFilling_(n,a)}return!0}get(){if(this._cachedGet_!==void 0)return this._cachedGet_;if(L.modifiedCollectore.length>0&&L.modifiedCollectore[0].add(this),Object.prototype.hasOwnProperty.call(this._value_,"__value")){const t=this._value_.__value;return this._cachedGet_=t??null}return this._cachedGet_=this._value_}get $tag(){return this._instanceCounter_||(jt.instancesCounter++,this._instanceCounter_=jt.instancesCounter),jt.instances.set(this._instanceCounter_,this),'<reactive-publisher-proxy publisher="'+this._instanceCounter_+'"></reactive-publisher-proxy>'}},jt.instances=new Map,jt.instancesCounter=0,jt),L=(j=class{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()}async cleanStorageData(){return new Promise(t=>{(async()=>{try{let i=localStorage.getItem("publisher-proxies-data"),e=null;if(i&&(e=await this.decompress(i,"gzip")),e)try{this.localStorageData=JSON.parse(e)}catch{this.localStorageData={}}else i=await this.compress("{}","gzip"),localStorage.setItem("publisher-proxies-data",i),this.localStorageData={};const o=new Date().getTime()-1e3*60*60*12;for(const n in this.localStorageData)this.localStorageData[n].lastModifiationMS<o&&delete this.localStorageData[n];t(!0)}catch{window.requestAnimationFrame(()=>{t(!1)}),console.log("no publisher cache in this browser")}})()})}static getInstance(){return j.instance==null?new j:j.instance}static get(t,s){return j.getInstance().get(t,s)}static collectModifiedPublisher(){j.modifiedCollectore.unshift(new Set)}static getModifiedPublishers(){return j.modifiedCollectore.shift()}static delete(t){return t?j.getInstance().delete(t):!1}async setLocalData(t,s){var i;await this.isLocalStrorageReady,t.set(((i=this.localStorageData[s+"¤lang_"+J.getLanguage()])==null?void 0:i.data)||t.get())}get(t,s){const i=(s==null?void 0:s.localStorageMode)==="enabled";if(!this.publishers.has(t)){const o={},n=new Ne(o);this.set(t,n)}const e=this.publishers.get(t);return i&&this.initialisedData.indexOf(t)===-1&&(e._is_savable_=!0,this.initialisedData.push(t),this.setLocalData(e,t)),this.publishers.get(t)}set(t,s){this.publishers.set(t,s)}delete(t){return this.publishers.has(t)?(this.publishers.delete(t),!0):!1}async saveToLocalStorage(t=0){if(!(t!==j.saveId&&t%10!=0))try{if(!j.changed||j.saving)return;j.saving=!0,j.changed=!1;const s=Array.from(this.publishers.keys());let i=!1;for(const e of s){const o=this.publishers.get(e);if(!(o!=null&&o._is_savable_))continue;const n=o==null?void 0:o.get();n&&(this.localStorageData[e+"¤lang_"+J.getLanguage()]={lastModifiationMS:new Date().getTime(),data:n},i=!0)}if(i){const e=await this.compress(JSON.stringify(this.localStorageData),"gzip");localStorage.setItem("publisher-proxies-data",e)}if(j.saving=!1,j.changed){j.saveId++;const e=j.saveId;setTimeout(()=>this.saveToLocalStorage(e),1e3)}}catch{j.saving=!1}}async compress(t,s){const i=new TextEncoder().encode(t),e=window,o=new e.CompressionStream(s),n=o.writable.getWriter();n.write(i),n.close();const a=await new Response(o.readable).arrayBuffer(),c=new Uint8Array(a);let h="";for(let d=0;d<c.length;d++)h+=String.fromCharCode(c[d]);return btoa(h)}async decompress(t,s){const i=atob(t),o=Uint8Array.from(i,d=>d.charCodeAt(0)).buffer,n=window,a=new n.DecompressionStream(s),c=a.writable.getWriter();c.write(o),c.close();const h=await new Response(a.readable).arrayBuffer();return new TextDecoder().decode(h)}},j.buildDate="Thu Apr 11 2024 14:38:32 GMT+0200 (Central European Summer Time)",j.changed=!1,j.saving=!1,j.saveId=0,j.instance=null,j.modifiedCollectore=[],j);const Er=new Set(["invalidate","onInvalidate","offInvalidate","onAssign","offAssign","startDynamicFilling","stopDynamicFilling","startTemplateFilling","stopTemplateFilling","onInternalMutation","offInternalMutation","set","get","$tag","_cachedGet_","_templateFillListeners_","_fillListeners_","_assignListeners_","_invalidateListeners_","_publishInternalMutation_","hasListener","delete","_mutationListeners_","_publishDynamicFilling_","_publishInvalidation_","_publishTemplateFilling_","_publishAssignement_","_proxies_","parent","_value_","_is_savable_","_lockInternalMutationPublishing_","_instanceCounter_","_assignmentId_"]);class Ne extends Ls{constructor(t,s=null){super(t,s);const i=new Proxy(this,{get:function(e,o){if(o==Symbol.toPrimitive)return()=>i.get();if(Er.has(o))return e[o];if(!e._proxies_.has(o)){const n=e._value_[o],a=new Ne(Ee(n)?n:{__value:n},e);a._proxies_.set("_parent_",i),e._proxies_.set(o,a)}return e._proxies_.get(o)},set:function(e,o,n){var c;if(o=="_value_")return e._value_=n,!0;if(o=="_cachedGet_")return e._cachedGet_=n,!0;if(o=="_assignmentId_")return e._assignmentId_=n,!0;if(o=="_is_savable_")return e._is_savable_=n,!0;if(o=="_instanceCounter_")return e._instanceCounter_=n,!0;if(!e._proxies_.has(o)){const h=new Ne({},e);h._proxies_.set("_parent_",i),e._proxies_.set(o,h)}return e._value_[o]!==n&&(e._value_[o]=n,e._publishDynamicFilling_(o,n),(c=e._proxies_.get(o))==null||c.set(Ee(n)?n:{__value:n})),!0},deleteProperty:function(e,o){var n;return e._publishDynamicFilling_(o,null),(n=e._proxies_.get(o))==null||n.set(null),delete e._value_[o]},has:function(e,o){return o in e._value_&&o!="_lockInternalMutationPublishing_"},defineProperty:function(e,o,n){return n&&"value"in n&&(e._value_[o]=n.value),!0},getOwnPropertyDescriptor:function(e,o){return{enumerable:!0,configurable:!0}},ownKeys:function(e){return e._value_.__value?Object.keys(e._value_.__value):Object.keys(e._value_)}});return i}toString(){return"hey"}valueOf(){return 2}getProperty(t,s){return t[s]}}class Nr extends HTMLElement{constructor(){super(),this.publisherId="",this.onAssign=t=>{this.innerHTML=t.toString()}}connectedCallback(){var t;this.publisherId=this.getAttribute("publisher")||"",this.publisher=Ls.instances.get(parseInt(this.publisherId)),(t=this.publisher)==null||t.onAssign(this.onAssign)}disconnectedCallback(){var t;(t=this.publisher)==null||t.offAssign(this.onAssign)}}customElements.define("reactive-publisher-proxy",Nr);let Te=(k=class{static disable(){this.enabled&&(this.enabled=!1,Array.from(k.observedElements.keys()).forEach(t=>k.unObserve(t)))}static observe(t){if(!t||!k.enabled||k.observedElements.has(t))return;const s=new MutationObserver(k.onMutation),i={};i.childList=!0,i.subtree=!0,i.attributes=!0,i.attributeFilter=["data-bind"],s.observe(t,i),t.querySelectorAll("[data-bind]").forEach(e=>k.addPublisherListeners(e)),k.observedElements.set(t,s)}static unObserve(t){if(!t)return;const s=this.observedElements.get(t);s&&(s.disconnect(),t.querySelectorAll("[data-bind]").forEach(i=>k.removePublisherListeners(i)))}static onAdded(t){t.hasAttribute&&t.hasAttribute("data-bind")&&k.addPublisherListeners(t),t.querySelectorAll?t.querySelectorAll("[data-bind]").forEach(s=>k.addPublisherListeners(s)):t.childNodes.forEach(s=>k.onAdded(s))}static onRemoved(t){t.hasAttribute&&t.hasAttribute("data-bind")&&k.removePublisherListeners(t),t.querySelectorAll?t.querySelectorAll("[data-bind]").forEach(s=>k.removePublisherListeners(s)):t.childNodes.forEach(s=>k.onRemoved(s))}static onMutation(t){for(const s of t)switch(s.type){case"attributes":k.addPublisherListeners(s.target);break;case"childList":s.addedNodes.forEach(i=>{k.onAdded(i)}),s.removedNodes.forEach(i=>{k.onRemoved(i)});break}}static removePublisherListeners(t){const s=k.publisherListeners.get(t);s&&(k.publisherListeners.delete(t),s.forEach(i=>{var e;(e=i.publisher)==null||e.offAssign(i.onAssign)}))}static getVariablesDescriptor(t){let s=t.match(/(\$(?:\w+\\?\.?)+)/g);return s?s=s.map(i=>i.replace("$","")):s=[t],s=s.filter(i=>i.length>0),{expression:t.replace("\\",""),variables:s.map(i=>i.split(/\b\.\b/).map(e=>e.replace("\\","")))}}static getDataBindItems(t){return"attributes"in t?Array.from(t.attributes).filter(s=>s.name.indexOf("::")==0).map(s=>({propertyToUpdate:s.name.substring(2).replace(/-((html)|\w)/g,e=>e.substring(1).toUpperCase()),bindedVariablesDescriptor:k.getVariablesDescriptor(s.value)})):[]}static getSubPublisher(t,s){if(!s)return t;for(const i of s)if(i!="_self_"){if(!t)return null;t=t[i]}return t}static addPublisherListeners(t){k.removePublisherListeners(t);const s=J.getAncestorAttributeValue(t.parentNode||t.host||t,"dataProvider");if(!s)return;const i=L.getInstance().get(s),e=k.getDataBindItems(t),o=[];e.forEach(n=>{const a=n.bindedVariablesDescriptor,c=n.propertyToUpdate;for(const h of a.variables){const d=h;let f=i;f=k.getSubPublisher(i,d);const m=t,b={publisher:f,onAssign:()=>{const _=a.variables.map(D=>{var p;return(p=k.getSubPublisher(i,D))==null?void 0:p.get()});let C=a.expression,O=!1;if(_.length==1&&a.variables[0].join(".")==C.substring(1)){let D=_[0];D===null&&(D=""),m[c]=D;return}for(let D=0;D<_.length;D++){let p=_[D];const u=a.variables[D];p===null&&(O=!0,p=void 0),C=C.replace("$"+u.join("."),p)}if(C.indexOf("|")!=-1){const D=C.indexOf("|");if(D==0)C=rs.js(C.substring(1));else{const p=C.substring(0,D),u=C.substring(D+1),y=rs[p];C=O?"":y?y(u):C}}else C=O?"":C;m[c]=C}};f==null||f.onAssign(b.onAssign),o.push(b)}}),k.publisherListeners.set(t,o)}},k.observedElements=new Map,k.enabled=!0,k.publisherListeners=new Map,k);Te.observe(document.documentElement),window.SonicDataBindObserver||(window.SonicDataBindObserver=Te);let X=class te{static shallowEqual(t,s,i=!0){const e=Object.keys(t),o=Object.keys(s);if(e.length!==o.length&&i)return!1;for(const n of e){const a=t[n],c=s[n];if(i?a!==c:a!=c)return!1}return!0}static deepEqual(t,s,i=!0){const e=Object.keys(t),o=Object.keys(s);if(e.length!==o.length&&i)return!1;for(const n of e){const a=t[n],c=s[n],h=te.isObject(a)&&te.isObject(c),d=i?a!==c:a!=c;if(h&&!te.deepEqual(a,c)||!h&&d)return!1}return!0}static isObject(t){return t!=null&&typeof t=="object"}static isUndefindOrNull(t){return t==null}static isEmpty(t){return te.isUndefindOrNull(t)?!0:Object.keys(t).length===0}static traverse(t,s,i=!1){for(const e of s){const o=t[e];if(o===void 0)return;i&&te.isObject(o)?t=Object.assign(Array.isArray(o)?[]:{},t,o):t=t[e]}return t}static getURLSearchArray(t,s=""){let i=[];for(let e in t){const o=t[e];s&&(e=s+"["+e+"]"),te.isObject(o)?i=[...i,...this.getURLSearchArray(o,e)]:i.push(`${e}=${o}`)}return i}static getURLSearchString(t){return te.getURLSearchArray(t,"").join("&")}};/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2017 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/const w=r=>(t,s)=>{s!==void 0?s.addInitializer(()=>{customElements.define(r,t)}):customElements.define(r,t)};/**
|
|
6
|
+
* @license
|
|
7
|
+
* Copyright 2019 Google LLC
|
|
8
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
+
*/const os=globalThis,Es=os.ShadowRoot&&(os.ShadyCSS===void 0||os.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ns=Symbol(),xi=new WeakMap;let Pi=class{constructor(t,s,i){if(this._$cssResult$=!0,i!==Ns)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(Es&&t===void 0){const i=s!==void 0&&s.length===1;i&&(t=xi.get(s)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&xi.set(s,t))}return t}toString(){return this.cssText}};const Tr=r=>new Pi(typeof r=="string"?r:r+"",void 0,Ns),P=(r,...t)=>{const s=r.length===1?r[0]:t.reduce((i,e,o)=>i+(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.")})(e)+r[o+1],r[0]);return new Pi(s,r,Ns)},jr=(r,t)=>{if(Es)r.adoptedStyleSheets=t.map(s=>s instanceof CSSStyleSheet?s:s.styleSheet);else for(const s of t){const i=document.createElement("style"),e=os.litNonce;e!==void 0&&i.setAttribute("nonce",e),i.textContent=s.cssText,r.appendChild(i)}},$i=Es?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let s="";for(const i of t.cssRules)s+=i.cssText;return Tr(s)})(r):r;/**
|
|
10
|
+
* @license
|
|
11
|
+
* Copyright 2017 Google LLC
|
|
12
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
+
*/const{is:Mr,defineProperty:Ir,getOwnPropertyDescriptor:zr,getOwnPropertyNames:Fr,getOwnPropertySymbols:Rr,getPrototypeOf:Ur}=Object,Vt=globalThis,Ci=Vt.trustedTypes,Vr=Ci?Ci.emptyScript:"",Ts=Vt.reactiveElementPolyfillSupport,je=(r,t)=>r,ns={toAttribute(r,t){switch(t){case Boolean:r=r?Vr:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,t){let s=r;switch(t){case Boolean:s=r!==null;break;case Number:s=r===null?null:Number(r);break;case Object:case Array:try{s=JSON.parse(r)}catch{s=null}}return s}},js=(r,t)=>!Mr(r,t),Ai={attribute:!0,type:String,converter:ns,reflect:!1,hasChanged:js};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Vt.litPropertyMetadata??(Vt.litPropertyMetadata=new WeakMap);let xe=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=Ai){if(s.state&&(s.attribute=!1),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),e=this.getPropertyDescriptor(t,i,s);e!==void 0&&Ir(this.prototype,t,e)}}static getPropertyDescriptor(t,s,i){const{get:e,set:o}=zr(this.prototype,t)??{get(){return this[s]},set(n){this[s]=n}};return{get(){return e==null?void 0:e.call(this)},set(n){const a=e==null?void 0:e.call(this);o.call(this,n),this.requestUpdate(t,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ai}static _$Ei(){if(this.hasOwnProperty(je("elementProperties")))return;const t=Ur(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(je("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(je("properties"))){const s=this.properties,i=[...Fr(s),...Rr(s)];for(const e of i)this.createProperty(e,s[e])}const t=this[Symbol.metadata];if(t!==null){const s=litPropertyMetadata.get(t);if(s!==void 0)for(const[i,e]of s)this.elementProperties.set(i,e)}this._$Eh=new Map;for(const[s,i]of this.elementProperties){const e=this._$Eu(s,i);e!==void 0&&this._$Eh.set(e,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const e of i)s.unshift($i(e))}else t!==void 0&&s.push($i(t));return s}static _$Eu(t,s){const i=s.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(s=>this.enableUpdating=s),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(s=>s(this))}addController(t){var s;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((s=t.hostConnected)==null||s.call(t))}removeController(t){var s;(s=this._$EO)==null||s.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return jr(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(s=>{var i;return(i=s.hostConnected)==null?void 0:i.call(s)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(s=>{var i;return(i=s.hostDisconnected)==null?void 0:i.call(s)})}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$EC(t,s){var o;const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(e!==void 0&&i.reflect===!0){const n=(((o=i.converter)==null?void 0:o.toAttribute)!==void 0?i.converter:ns).toAttribute(s,i.type);this._$Em=t,n==null?this.removeAttribute(e):this.setAttribute(e,n),this._$Em=null}}_$AK(t,s){var o;const i=this.constructor,e=i._$Eh.get(t);if(e!==void 0&&this._$Em!==e){const n=i.getPropertyOptions(e),a=typeof n.converter=="function"?{fromAttribute:n.converter}:((o=n.converter)==null?void 0:o.fromAttribute)!==void 0?n.converter:ns;this._$Em=e,this[e]=a.fromAttribute(s,n.type),this._$Em=null}}requestUpdate(t,s,i){if(t!==void 0){if(i??(i=this.constructor.getPropertyOptions(t)),!(i.hasChanged??js)(this[t],s))return;this.P(t,s,i)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),i.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[o,n]of e)n.wrapped!==!0||this._$AL.has(o)||this[o]===void 0||this.P(o,this[o],n)}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),(i=this._$EO)==null||i.forEach(e=>{var o;return(o=e.hostUpdate)==null?void 0:o.call(e)}),this.update(s)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(s)}willUpdate(t){}_$AE(t){var s;(s=this._$EO)==null||s.forEach(i=>{var e;return(e=i.hostUpdated)==null?void 0:e.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(s=>this._$EC(s,this[s]))),this._$EU()}updated(t){}firstUpdated(t){}};xe.elementStyles=[],xe.shadowRootOptions={mode:"open"},xe[je("elementProperties")]=new Map,xe[je("finalized")]=new Map,Ts==null||Ts({ReactiveElement:xe}),(Vt.reactiveElementVersions??(Vt.reactiveElementVersions=[])).push("2.0.4");/**
|
|
14
|
+
* @license
|
|
15
|
+
* Copyright 2017 Google LLC
|
|
16
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
+
*/const Br={attribute:!0,type:String,converter:ns,reflect:!1,hasChanged:js},Hr=(r=Br,t,s)=>{const{kind:i,metadata:e}=s;let o=globalThis.litPropertyMetadata.get(e);if(o===void 0&&globalThis.litPropertyMetadata.set(e,o=new Map),o.set(s.name,r),i==="accessor"){const{name:n}=s;return{set(a){const c=t.get.call(this);t.set.call(this,a),this.requestUpdate(n,c,r)},init(a){return a!==void 0&&this.P(n,void 0,r),a}}}if(i==="setter"){const{name:n}=s;return function(a){const c=this[n];t.call(this,a),this.requestUpdate(n,c,r)}}throw Error("Unsupported decorator location: "+i)};function l(r){return(t,s)=>typeof s=="object"?Hr(r,t,s):((i,e,o)=>{const n=e.hasOwnProperty(o);return e.constructor.createProperty(o,n?{...i,wrapped:!0}:i),n?Object.getOwnPropertyDescriptor(e,o):void 0})(r,t,s)}/**
|
|
18
|
+
* @license
|
|
19
|
+
* Copyright 2017 Google LLC
|
|
20
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
21
|
+
*/function T(r){return l({...r,state:!0,attribute:!1})}/**
|
|
22
|
+
* @license
|
|
23
|
+
* Copyright 2017 Google LLC
|
|
24
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
+
*/const as=(r,t,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(r,t,s),s);/**
|
|
26
|
+
* @license
|
|
27
|
+
* Copyright 2017 Google LLC
|
|
28
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
+
*/function ee(r,t){return(s,i,e)=>{const o=n=>{var a;return((a=n.renderRoot)==null?void 0:a.querySelector(r))??null};if(t){const{get:n,set:a}=typeof i=="object"?s:e??(()=>{const c=Symbol();return{get(){return this[c]},set(h){this[c]=h}}})();return as(s,i,{get(){let c=n.call(this);return c===void 0&&(c=o(this),(c!==null||this.hasUpdated)&&a.call(this,c)),c}})}return as(s,i,{get(){return o(this)}})}}/**
|
|
30
|
+
* @license
|
|
31
|
+
* Copyright 2021 Google LLC
|
|
32
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
+
*/function se(r){return(t,s)=>{const{slot:i,selector:e}=r??{},o="slot"+(i?`[name=${i}]`:":not([name])");return as(t,s,{get(){var c;const n=(c=this.renderRoot)==null?void 0:c.querySelector(o),a=(n==null?void 0:n.assignedElements(r))??[];return e===void 0?a:a.filter(h=>h.matches(e))}})}}/**
|
|
34
|
+
* @license
|
|
35
|
+
* Copyright 2017 Google LLC
|
|
36
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
+
*/function st(r){return(t,s)=>{const{slot:i}=r??{},e="slot"+(i?`[name=${i}]`:":not([name])");return as(t,s,{get(){var n;const o=(n=this.renderRoot)==null?void 0:n.querySelector(e);return(o==null?void 0:o.assignedNodes(r))??[]}})}}/**
|
|
38
|
+
* @license
|
|
39
|
+
* Copyright 2017 Google LLC
|
|
40
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
41
|
+
*/const Me=globalThis,ls=Me.trustedTypes,Si=ls?ls.createPolicy("lit-html",{createHTML:r=>r}):void 0,Ms="$lit$",It=`lit$${(Math.random()+"").slice(9)}$`,Is="?"+It,qr=`<${Is}>`,ie=document,Ie=()=>ie.createComment(""),ze=r=>r===null||typeof r!="object"&&typeof r!="function",Oi=Array.isArray,Di=r=>Oi(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",zs=`[
|
|
42
|
+
\f\r]`,Fe=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ki=/-->/g,Li=/>/g,re=RegExp(`>|${zs}(?:([^\\s"'>=/]+)(${zs}*=${zs}*(?:[^
|
|
43
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ei=/'/g,Ni=/"/g,Ti=/^(?:script|style|textarea|title)$/i,Wr=r=>(t,...s)=>({_$litType$:r,strings:t,values:s}),g=Wr(1),ft=Symbol.for("lit-noChange"),$=Symbol.for("lit-nothing"),ji=new WeakMap,oe=ie.createTreeWalker(ie,129);function Mi(r,t){if(!Array.isArray(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return Si!==void 0?Si.createHTML(t):t}const Ii=(r,t)=>{const s=r.length-1,i=[];let e,o=t===2?"<svg>":"",n=Fe;for(let a=0;a<s;a++){const c=r[a];let h,d,f=-1,m=0;for(;m<c.length&&(n.lastIndex=m,d=n.exec(c),d!==null);)m=n.lastIndex,n===Fe?d[1]==="!--"?n=ki:d[1]!==void 0?n=Li:d[2]!==void 0?(Ti.test(d[2])&&(e=RegExp("</"+d[2],"g")),n=re):d[3]!==void 0&&(n=re):n===re?d[0]===">"?(n=e??Fe,f=-1):d[1]===void 0?f=-2:(f=n.lastIndex-d[2].length,h=d[1],n=d[3]===void 0?re:d[3]==='"'?Ni:Ei):n===Ni||n===Ei?n=re:n===ki||n===Li?n=Fe:(n=re,e=void 0);const b=n===re&&r[a+1].startsWith("/>")?" ":"";o+=n===Fe?c+qr:f>=0?(i.push(h),c.slice(0,f)+Ms+c.slice(f)+It+b):c+It+(f===-2?a:b)}return[Mi(r,o+(r[s]||"<?>")+(t===2?"</svg>":"")),i]};class Re{constructor({strings:t,_$litType$:s},i){let e;this.parts=[];let o=0,n=0;const a=t.length-1,c=this.parts,[h,d]=Ii(t,s);if(this.el=Re.createElement(h,i),oe.currentNode=this.el.content,s===2){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(e=oe.nextNode())!==null&&c.length<a;){if(e.nodeType===1){if(e.hasAttributes())for(const f of e.getAttributeNames())if(f.endsWith(Ms)){const m=d[n++],b=e.getAttribute(f).split(It),_=/([.?@])?(.*)/.exec(m);c.push({type:1,index:o,name:_[2],strings:b,ctor:_[1]==="."?Fi:_[1]==="?"?Ri:_[1]==="@"?Ui:Ue}),e.removeAttribute(f)}else f.startsWith(It)&&(c.push({type:6,index:o}),e.removeAttribute(f));if(Ti.test(e.tagName)){const f=e.textContent.split(It),m=f.length-1;if(m>0){e.textContent=ls?ls.emptyScript:"";for(let b=0;b<m;b++)e.append(f[b],Ie()),oe.nextNode(),c.push({type:2,index:++o});e.append(f[m],Ie())}}}else if(e.nodeType===8)if(e.data===Is)c.push({type:2,index:o});else{let f=-1;for(;(f=e.data.indexOf(It,f+1))!==-1;)c.push({type:7,index:o}),f+=It.length-1}o++}}static createElement(t,s){const i=ie.createElement("template");return i.innerHTML=t,i}}function ne(r,t,s=r,i){var n,a;if(t===ft)return t;let e=i!==void 0?(n=s._$Co)==null?void 0:n[i]:s._$Cl;const o=ze(t)?void 0:t._$litDirective$;return(e==null?void 0:e.constructor)!==o&&((a=e==null?void 0:e._$AO)==null||a.call(e,!1),o===void 0?e=void 0:(e=new o(r),e._$AT(r,s,i)),i!==void 0?(s._$Co??(s._$Co=[]))[i]=e:s._$Cl=e),e!==void 0&&(t=ne(r,e._$AS(r,t.values),e,i)),t}class zi{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:i}=this._$AD,e=((t==null?void 0:t.creationScope)??ie).importNode(s,!0);oe.currentNode=e;let o=oe.nextNode(),n=0,a=0,c=i[0];for(;c!==void 0;){if(n===c.index){let h;c.type===2?h=new Pe(o,o.nextSibling,this,t):c.type===1?h=new c.ctor(o,c.name,c.strings,this,t):c.type===6&&(h=new Vi(o,this,t)),this._$AV.push(h),c=i[++a]}n!==(c==null?void 0:c.index)&&(o=oe.nextNode(),n++)}return oe.currentNode=ie,e}p(t){let s=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,s),s+=i.strings.length-2):i._$AI(t[s])),s++}}class Pe{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,s,i,e){this.type=2,this._$AH=$,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=i,this.options=e,this._$Cv=(e==null?void 0:e.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return s!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=ne(this,t,s),ze(t)?t===$||t==null||t===""?(this._$AH!==$&&this._$AR(),this._$AH=$):t!==this._$AH&&t!==ft&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Di(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==$&&ze(this._$AH)?this._$AA.nextSibling.data=t:this.T(ie.createTextNode(t)),this._$AH=t}$(t){var o;const{values:s,_$litType$:i}=t,e=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=Re.createElement(Mi(i.h,i.h[0]),this.options)),i);if(((o=this._$AH)==null?void 0:o._$AD)===e)this._$AH.p(s);else{const n=new zi(e,this),a=n.u(this.options);n.p(s),this.T(a),this._$AH=n}}_$AC(t){let s=ji.get(t.strings);return s===void 0&&ji.set(t.strings,s=new Re(t)),s}k(t){Oi(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,e=0;for(const o of t)e===s.length?s.push(i=new Pe(this.S(Ie()),this.S(Ie()),this,this.options)):i=s[e],i._$AI(o),e++;e<s.length&&(this._$AR(i&&i._$AB.nextSibling,e),s.length=e)}_$AR(t=this._$AA.nextSibling,s){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,s);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var s;this._$AM===void 0&&(this._$Cv=t,(s=this._$AP)==null||s.call(this,t))}}class Ue{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,i,e,o){this.type=1,this._$AH=$,this._$AN=void 0,this.element=t,this.name=s,this._$AM=e,this.options=o,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=$}_$AI(t,s=this,i,e){const o=this.strings;let n=!1;if(o===void 0)t=ne(this,t,s,0),n=!ze(t)||t!==this._$AH&&t!==ft,n&&(this._$AH=t);else{const a=t;let c,h;for(t=o[0],c=0;c<o.length-1;c++)h=ne(this,a[i+c],s,c),h===ft&&(h=this._$AH[c]),n||(n=!ze(h)||h!==this._$AH[c]),h===$?t=$:t!==$&&(t+=(h??"")+o[c+1]),this._$AH[c]=h}n&&!e&&this.j(t)}j(t){t===$?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Fi extends Ue{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===$?void 0:t}}class Ri extends Ue{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==$)}}class Ui extends Ue{constructor(t,s,i,e,o){super(t,s,i,e,o),this.type=5}_$AI(t,s=this){if((t=ne(this,t,s,0)??$)===ft)return;const i=this._$AH,e=t===$&&i!==$||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==$&&(i===$||e);e&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s;typeof this._$AH=="function"?this._$AH.call(((s=this.options)==null?void 0:s.host)??this.element,t):this._$AH.handleEvent(t)}}class Vi{constructor(t,s,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){ne(this,t)}}const Kr={P:Ms,A:It,C:Is,M:1,L:Ii,R:zi,D:Di,V:ne,I:Pe,H:Ue,N:Ri,U:Ui,B:Fi,F:Vi},Fs=Me.litHtmlPolyfillSupport;Fs==null||Fs(Re,Pe),(Me.litHtmlVersions??(Me.litHtmlVersions=[])).push("3.1.2");const Zr=(r,t,s)=>{const i=(s==null?void 0:s.renderBefore)??t;let e=i._$litPart$;if(e===void 0){const o=(s==null?void 0:s.renderBefore)??null;i._$litPart$=e=new Pe(t.insertBefore(Ie(),o),o,void 0,s??{})}return e._$AI(r),e};/**
|
|
44
|
+
* @license
|
|
45
|
+
* Copyright 2020 Google LLC
|
|
46
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
|
+
*/const{I:Gr}=Kr,Yr=r=>r.strings===void 0,Bi=()=>document.createComment(""),Ve=(r,t,s)=>{var o;const i=r._$AA.parentNode,e=t===void 0?r._$AB:t._$AA;if(s===void 0){const n=i.insertBefore(Bi(),e),a=i.insertBefore(Bi(),e);s=new Gr(n,a,r,r.options)}else{const n=s._$AB.nextSibling,a=s._$AM,c=a!==r;if(c){let h;(o=s._$AQ)==null||o.call(s,r),s._$AM=r,s._$AP!==void 0&&(h=r._$AU)!==a._$AU&&s._$AP(h)}if(n!==e||c){let h=s._$AA;for(;h!==n;){const d=h.nextSibling;i.insertBefore(h,e),h=d}}}return s},ae=(r,t,s=r)=>(r._$AI(t,s),r),Qr={},Jr=(r,t=Qr)=>r._$AH=t,Xr=r=>r._$AH,Rs=r=>{var i;(i=r._$AP)==null||i.call(r,!1,!0);let t=r._$AA;const s=r._$AB.nextSibling;for(;t!==s;){const e=t.nextSibling;t.remove(),t=e}};/**
|
|
48
|
+
* @license
|
|
49
|
+
* Copyright 2017 Google LLC
|
|
50
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
|
+
*/const le={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ce=r=>(...t)=>({_$litDirective$:r,values:t});let $e=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,i){this._$Ct=t,this._$AM=s,this._$Ci=i}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}};/**
|
|
52
|
+
* @license
|
|
53
|
+
* Copyright 2017 Google LLC
|
|
54
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
|
+
*/const Be=(r,t)=>{var i;const s=r._$AN;if(s===void 0)return!1;for(const e of s)(i=e._$AO)==null||i.call(e,t,!1),Be(e,t);return!0},cs=r=>{let t,s;do{if((t=r._$AM)===void 0)break;s=t._$AN,s.delete(r),r=t}while((s==null?void 0:s.size)===0)},Hi=r=>{for(let t;t=r._$AM;r=t){let s=t._$AN;if(s===void 0)t._$AN=s=new Set;else if(s.has(r))break;s.add(r),so(t)}};function to(r){this._$AN!==void 0?(cs(this),this._$AM=r,Hi(this)):this._$AM=r}function eo(r,t=!1,s=0){const i=this._$AH,e=this._$AN;if(e!==void 0&&e.size!==0)if(t)if(Array.isArray(i))for(let o=s;o<i.length;o++)Be(i[o],!1),cs(i[o]);else i!=null&&(Be(i,!1),cs(i));else Be(this,r)}const so=r=>{r.type==le.CHILD&&(r._$AP??(r._$AP=eo),r._$AQ??(r._$AQ=to))};let Us=class extends $e{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,s,i){super._$AT(t,s,i),Hi(this),this.isConnected=t._$AU}_$AO(t,s=!0){var i,e;t!==this.isConnected&&(this.isConnected=t,t?(i=this.reconnected)==null||i.call(this):(e=this.disconnected)==null||e.call(this)),s&&(Be(this,t),cs(this))}setValue(t){if(Yr(this._$Ct))this._$Ct._$AI(t,this);else{const s=[...this._$Ct._$AH];s[this._$Ci]=t,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}};/**
|
|
56
|
+
* @license
|
|
57
|
+
* Copyright 2017 Google LLC
|
|
58
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
59
|
+
*/let v=class extends xe{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var s;const t=super.createRenderRoot();return(s=this.renderOptions).renderBefore??(s.renderBefore=t.firstChild),t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Zr(s,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return ft}};v._$litElement$=!0,v.finalized=!0,(Dr=globalThis.litElementHydrateSupport)==null||Dr.call(globalThis,{LitElement:v});const Vs=globalThis.litElementPolyfillSupport;Vs==null||Vs({LitElement:v}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.4");function hs(r){if(typeof r=="function"){const t=r;return L.collectModifiedPublisher(),t(),L.getModifiedPublishers()||new Set}if(typeof r=="string"){const t=r.split("."),s=t.shift()||"";let i=L.get(s);i=X.traverse(i,t);const e=new Set;return e.add(i),e}return new Set([r])}class io extends Us{constructor(t){var s;super(t),this.observables=new Set,this.onAssign=i=>{this.setValue(i)},this.node=(s=t.options)==null?void 0:s.host}unsubscribe(){this.observables.forEach(t=>t.offAssign(this.onAssign))}render(t){return this.observable!==t&&(this.observable=t,this.isConnected&&this.subscribe(t)),ft}subscribe(t){this.unsubscribe(),typeof t=="function"?this.onAssign=()=>{this.setValue(t())}:this.onAssign=s=>{this.setValue(s)},this.observables=hs(t),this.observables.forEach(s=>{s.onAssign(this.onAssign)})}disconnected(){this.unsubscribe()}reconnected(){this.observable&&this.subscribe(this.observable)}}const qi=ce(io),ro=qi,oo=qi,no=r=>hs(r).values().next().value.get(),Wi=(r,t)=>{const s=hs(r).values().next().value;if(t!==void 0){const i=s.get();X.isEmpty(i)&&s.set(t)}return s},ao=Wi,Ki=Wi,lo=(r,t)=>{hs(r).values().next().value.set(t)},z=class z{constructor(t){this.addHTTPResponse=!1,this.cache="default",this.isServiceSimulated=!1,this.blockUntilDone=!1,this.serviceURL=t.serviceURL,this.blockUntilDone=t.blockUntilDone||!1,this.serviceURL=="publisher://"&&(this.isServiceSimulated=!0),this.serviceURL||(this.serviceURL=document.location.origin),this.userName=t.userName,this.password=t.password,t.token&&(this.token=t.token),this.tokenProvider=t.tokenProvider,this.authToken=t.authToken,this.addHTTPResponse=t.addHTTPResponse||!1,this.credentials=t.credentials,this.cache=t.cache||"default"}set token(t){if(this._token=t,!t){z.tokens.delete(this.serviceURL);return}z.invalidTokens.includes(t)||z.tokens.set(this.serviceURL,t)}get token(){return z.invalidTokens.includes(this._token)?z.tokens.get(this.serviceURL):this._token}handleInvalidToken(t){t&&(z.invalidTokens.includes(t)||(z.invalidTokens.push(t),this.token=null))}async handleResult(t,s){var n;z.firstCallDoneFlags.set(this.serviceURL,"done"),this.lastResult=t;const i=(n=t.headers.get("content-type"))==null?void 0:n.toLowerCase(),e=t.status;let o={};if(!i||i.indexOf("text/")==0)o={text:await t.text()};else try{o=await t.json()}catch{o={}}return this.addHTTPResponse&&X.isObject(o)&&(o._sonic_http_response_=t),e===498&&!z.failledTokenUpdates.has(this.serviceURL)&&(this.handleInvalidToken(this.token),s.apiMethod==="get"?o=await this[s.apiMethod](s.path,s.additionalHeaders):o=await this[s.apiMethod](s.path,s.data,s.method,s.additionalHeaders)),o}async auth(){if(this.token)return;if(z.tokens.has(this.serviceURL)){this.token=z.tokens.get(this.serviceURL);return}if(!this.tokenProvider)return;let t={};this.userName&&this.password?t={Authorization:"Basic "+window.btoa(unescape(encodeURIComponent(this.userName+":"+this.password)))}:this.authToken&&(t={Authorization:"Bearer "+this.authToken});const s=new URL(this.serviceURL),i=s.protocol+"//"+s.host,e=await fetch(this.computeURL(this.tokenProvider,{serviceHost:i}),{headers:t,credentials:this.credentials});try{const o=await e.json();o.token?this.token=o.token:z.failledTokenUpdates.set(this.serviceURL,!0)}catch{z.failledTokenUpdates.set(this.serviceURL,!0)}}async localGet(t,s){var f;const i=L.get(t);console.log(i);const e=new URLSearchParams(s.split("?")[1]||""),o=i.get();let n=[];Array.isArray(o)?n=o:n=[o];const a=[];let c=Number.POSITIVE_INFINITY,h=0,d=0;if(e.has("limit")&&(c=parseInt(e.get("limit")||"0"),d++),e.has("offset")&&(h=parseInt(e.get("offset")||"0"),d++),d>0&&(e.delete("limit"),e.delete("offset")),e.size===0)return n.slice(h,h+c);for(const[m,b]of e.entries()){const _=b.split(",").map(C=>C.trim());for(const C of _)for(const O of n)if(typeof O!="object")isNaN(+b)?O.toString().includes(b)&&a.push(O):O==b&&a.push(O);else{const D=O;if(!D[m])continue;isNaN(+C)?(f=D[m])!=null&&f.toString().toLowerCase().includes(C.toLowerCase())&&a.push(O):D[m]==C&&a.push(O)}}return a.slice(h,h+c)}firstCallDone(){return new Promise(t=>{if(!z.firstCallDoneFlags.has(this.serviceURL))z.firstCallDoneFlags.set(this.serviceURL,"loading"),t(!0);else{const s=()=>{[void 0,"loading"].includes(z.firstCallDoneFlags.get(this.serviceURL))?window.requestAnimationFrame(s):t(!0)};s()}})}async get(t,s){await this.firstCallDone(),this.blockUntilDone&&z.firstCallDoneFlags.set(this.serviceURL,"loading");const i=/dataProvider\((.*?)\)(.*?)$/;if(i.test(t)){const h=t.match(i);if(!h)throw new Error("dataProvider path is not valid");return await this.localGet(h[1],h[2])}const e={apiMethod:"get",path:t,additionalHeaders:s},o=await this.createHeaders(s),n=this.computeURL(t),a=JSON.stringify({url:n,headers:o});if(!z.loadingGetPromises.has(a)){const h=new Promise(async d=>{try{const f=await fetch(n,{headers:o,credentials:this.credentials,cache:this.cache}),m=await this.handleResult(f,e);d(m)}catch{d(null)}});z.loadingGetPromises.set(a,h)}const c=await z.loadingGetPromises.get(a);return z.loadingGetPromises.delete(a),c}async createHeaders(t){await this.auth();const s={};return this.token&&(s.Authorization="Bearer "+this.token),s["Accept-Language"]=J.getLanguage(),t&&Object.assign(s,t),s}computeURL(t,s={}){let i="";t.startsWith("http")?i=t:i=this.serviceURL+"/"+t,i.startsWith("http")||(i=window.location.origin+i);const e=new URL(i);for(const o in s)e.searchParams.set(o,s[o]);return e.toString().replace(/([^(https?:)])\/{2,}/g,"$1/")}async send(t,s,i="POST",e){const o={apiMethod:"send",path:t,additionalHeaders:e,method:i,data:s},n=await this.createHeaders(e);n.Accept="application/json",n["Content-Type"]="application/json";const a=await fetch(this.computeURL(t),{headers:n,credentials:this.credentials,method:i,body:JSON.stringify(s)});return await this.handleResult(a,o)}async submitFormData(t,s,i="POST",e){const o={apiMethod:"submitFormData",path:t,additionalHeaders:e,method:i,data:s},n=await this.createHeaders(e);n.Accept="application/json";const a=new FormData,c=s;for(const d in c)a.set(d,c[d]);const h=await fetch(this.computeURL(t),{headers:n,credentials:this.credentials,method:i,body:a});return await this.handleResult(h,o)}async put(t,s,i){return this.send(t,s,"PUT",i)}async post(t,s,i){return this.send(t,s,"POST",i)}async patch(t,s,i){return this.send(t,s,"PATCH",i)}async delete(t,s,i){return this.send(t,s,"delete",i)}};z.loadingGetPromises=new Map,z.tokens=new Map,z.invalidTokens=[],z.failledTokenUpdates=new Map,z.firstCallDoneFlags=new Map;let Ce=z;/**
|
|
60
|
+
* @license
|
|
61
|
+
* Copyright 2017 Google LLC
|
|
62
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
63
|
+
*/let Bs=class extends $e{constructor(t){if(super(t),this.it=$,t.type!==le.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===$||t==null)return this._t=void 0,this.it=t;if(t===ft)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const s=[t];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}};Bs.directiveName="unsafeHTML",Bs.resultType=1;const I=ce(Bs),Hs=new Map,Zi=r=>{if(!r)return null;const t=J.getApiConfiguration(r),s=J.getAncestorAttributeValue(r,"wordingProvider"),i=J.getAncestorAttributeValue(r,"wordingVersionProvider"),e={apiConfiguration:t,wordingProvider:s,wordingVersionProvider:i};let o=null;for(const[n,a]of Hs)if(X.deepEqual(n,e)){o=a;break}return o||(o={api:new Ce(t),keysToTranslate:new Set,translatedKeys:new Set,wordingProvider:s,callIndex:0,wordingVersionProvider:i,apiCallKey:e},Hs.set(e,o)),o},Gi="",B=class B extends Us{constructor(t){super(t),this.useUnsafeHTML=!1,this.onAssign=s=>{const i=this.useUnsafeHTML?I(s):s;this.setValue(i)},this.node=t.options.host}unsubscribe(){B.publisher["wording_"+this.key].offAssign(this.onAssign)}render(t,s=!1){return this.useUnsafeHTML=s,this.key!==t&&(this.key=t,this.isConnected&&this.subscribe(t)),ft}static async callApi(t,s,i=!0,e){if(await L.getInstance().isLocalStrorageReady,B.firstCall){B.firstCall=!1;const d=Object.keys(B.publisher.get());for(const f of d)B.publisher.get()[f]===Gi&&delete B.publisher[f]}if(t){const d=J.getAncestorAttributeValue(t,"wordingVersionProvider");d&&Ki(d).onAssign(B.handleVersionProvider(t))}let o=B.publisher.get()["wording_"+s]!=null;const n=e||Zi(t);if(!n)return;if(o&&s!==""){n.translatedKeys.add(s);return}n.callIndex++;const a=n.callIndex,c=n.wordingProvider??"";if(!c&&i){window.setTimeout(async()=>{B.callApi(null,s,!1,n)},1e3);return}const h=n.api;window.queueMicrotask(async()=>{if(o=B.publisher["wording_"+s].get()!=null,!o&&s!==""&&(n.keysToTranslate.add(s),B.publisher["wording_"+s]=Gi),a!==n.callIndex)return;const d=Array.from(n.keysToTranslate);if(!d.length)return;const f=c.split("?"),m=f.shift(),b=(f.length>0?f.join("?")+"&":"")+"labels[]="+d.join("&labels[]="),_=m+"?"+b;n.translatedKeys=new Set([...n.translatedKeys,...n.keysToTranslate]),n.keysToTranslate.clear();const C=await h.get(_);for(const O in C)B.publisher["wording_"+O]=C[O]})}static handleVersionProvider(t){const s=Zi(t);if(!s)return;if(B.versionProviderHandlers.has(s))return B.versionProviderHandlers.get(s);const i=function(e){if(!s.wordingVersionProvider)return;const n=B.publisher.get().__wording_versions__??[];if(e==null)return;const a=n.find(c=>c.serviceURL===s.api.serviceURL)||{serviceURL:s.api.serviceURL,version:0};if(n.includes(a)||n.push(a),e!==a.version){a.version=e,B.publisher.set({__wording_versions__:n});for(const c of Hs.values())c.keysToTranslate=new Set(c.translatedKeys),c.keysToTranslate.size>0&&B.callApi(null,"",!1,c)}};return B.versionProviderHandlers.set(s,i),i}subscribe(t){this.unsubscribe(),B.publisher["wording_"+t].onAssign(this.onAssign),B.callApi(this.node,t)}disconnected(){this.unsubscribe()}reconnected(){this.key&&this.subscribe(this.key)}};B.publisher=L.get("sonic-wording",{localStorageMode:"enabled"}),B.firstCall=!0,B.versionProviderHandlers=new Map;let He=B;var co=Object.defineProperty,ho=Object.getOwnPropertyDescriptor,zt=(r,t,s,i)=>{for(var e=i>1?void 0:i?ho(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&co(t,s,e),e};let ds=!1,qs=new Set;const G=(r,t)=>{var e;const s=(e=class extends r{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.defferedDebug=null,this.debug=null,this.onAssign=a=>{this.props=a}}hasAncestorAttribute(n){return this.getAncestorAttributeValue(n)!=null}getAncestorAttributeValue(n){return J.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(d=>d.tagName!="STYLE"),h=this.displayContents?"contents":c.length==0?"none":null;h?this.style.display=h:this.style.removeProperty("display")}connectedCallback(){if(e.instanceCounter++,this.hasAttribute("lazyRendering")){const n={root:null,threshold:.9};let a=!0;const c=new IntersectionObserver(h=>{for(const d of h)if(a&&d.isIntersecting){this.addDebugger(),a=!1,this.initWording(),this.initPublisher(),c.disconnect();break}},n);c.observe(this)}else this.initWording(),this.initPublisher(),this.addDebugger();super.connectedCallback()}disconnectedCallback(){var n;this.removeDebugger(),super.disconnectedCallback(),this.publisher&&(this.publisher.stopTemplateFilling(this),this.publisher.offInternalMutation(this.requestUpdate)),He.publisher.stopTemplateFilling(this),this.onAssign&&((n=this.publisher)==null||n.offAssign(this.onAssign))}addDebugger(){var n;if(this.hasAttribute("debug")&&!this.defferedDebug){if(!this.debug){this.debug=document.createElement("div");const a=this.debug.style;a.position="fixed",a.top="0",a.right="0",a.margin="auto",a.borderRadius=".7rem",a.backgroundColor="#0f1729",a.color="#c5d4f9",a.padding="16px 16px",a.margin="16px 16px",a.boxShadow="0 10px 30px -18px rgba(0,0,0,.3)",a.overflowY="auto",a.zIndex="99999999",a.maxHeight="calc(100vh - 32px)",a.fontFamily="Consolas, monospace",a.maxWidth="min(50vw,25rem)",a.fontSize="12px",a.minWidth="300px",a.overflowWrap="break-word",a.resize="vertical"}this.addEventListener("click",a=>{a.ctrlKey&&(a.preventDefault(),ds=!ds)}),this.dataProvider&&(window[this.dataProvider]=this.publisher),this.addEventListener("mouseover",()=>{ds||this.removeDebugger(),document.body.appendChild(this.debug),qs.add(this.debug)}),this.addEventListener("mouseout",()=>{ds||this.removeDebugger()}),(n=this.publisher)==null||n.onInternalMutation(()=>{var a;this.debug.innerHTML=`🤖 DataProvider : "<b style="font-weight:bold;color:#fff;">${this.dataProvider}</b>"<br>
|
|
64
|
+
<div style="font-size:10px;border-top:1px dashed;margin-top:5px;padding-left:23px;opacity:.6;padding-top:5px;">
|
|
65
|
+
Variable disponible dans la console<br>
|
|
66
|
+
ctrl + Clique : épingler / désépingler
|
|
67
|
+
</div>
|
|
68
|
+
<pre style="margin-top:10px;background:transparent;padding:0;font-size:inherit;color:inherit;">${JSON.stringify((a=this.publisher)==null?void 0:a.get(),null," ")}</pre>`})}}removeDebugger(){qs.forEach(n=>{document.body.contains(n)&&document.body.removeChild(n)}),qs=new Set}getApiConfiguration(){return J.getApiConfiguration(this)}async initWording(){const n=Object.getOwnPropertyNames(this.constructor.prototype);for(const a of n)a.indexOf("wording_")==0&&He.callApi(this,a.substring(8));He.publisher.startTemplateFilling(this)}createRenderRoot(){if(this.noShadowDom===""||this.getAttribute("noShadowDom")==="")return this;const n=super.createRenderRoot();return Te.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=L.getInstance();this.dataProvider||(this.dataProvider=this.getAncestorAttributeValue("dataProvider"));let a=this.dataProvider;if(!a&&this._props&&(this.dataProvider=a="__subscriber__"+e.instanceCounter),a){this.bindPublisher&&n.set(a,this.bindPublisher());let c=n.get(a,{localStorageMode:this.getAttribute("localStorage")||"disabled"});if(this.dataProvider=a,this.hasAttribute("subDataProvider")){const h=this.getAttribute("subDataProvider");this.dataProvider=a+"/"+h,c=X.traverse(c,h.split(".")),n.set(this.dataProvider,c),this.publisher=c}this.publisher=c}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))}},e.instanceCounter=0,e);return zt([l({type:Number})],s.prototype,"collectDependenciesVersion",2),zt([l({type:Boolean})],s.prototype,"displayContents",2),zt([l({type:Boolean})],s.prototype,"noAutoFill",2),zt([l({type:Boolean})],s.prototype,"forceAutoFill",2),zt([l({type:Object})],s.prototype,"propertyMap",2),zt([l({type:String,attribute:"data-title"})],s.prototype,"title",2),zt([l({reflect:!0})],s.prototype,"dataProvider",2),zt([l()],s.prototype,"bindPublisher",2),zt([l()],s.prototype,"props",1),s};window.SonicPublisherManager||(window.SonicPublisherManager=L);var po=Object.defineProperty,uo=Object.getOwnPropertyDescriptor,fo=(r,t,s,i)=>{for(var e=i>1?void 0:i?uo(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&po(t,s,e),e};const qe=r=>{class t extends r{constructor(){super(...arguments),this.templates=null,this.templateValueAttribute="data-value",this.templateList=[],this.templateParts={},this.templatePartsList=[]}connectedCallback(){const i=this.templates||[...this.querySelectorAll("template")];for(const e of i)e.hasAttribute(this.templateValueAttribute)&&(this.templateParts[e.getAttribute(this.templateValueAttribute)]=e,this.templatePartsList.push(e)),e.hasAttribute("skeleton")&&(this.templateParts.skeleton=e),e.hasAttribute("no-result")&&(this.templateParts["no-result"]=e),e.hasAttribute("no-item")&&(this.templateParts["no-item"]=e);this.templateList=i.filter(e=>!e.getAttribute("data-value")),this.templateList.length==0&&(this.templateList=i),super.connectedCallback()}}return fo([l({type:Array})],t.prototype,"templates",2),t};var go=Object.defineProperty,mo=Object.getOwnPropertyDescriptor,W=(r,t,s,i)=>{for(var e=i>1?void 0:i?mo(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&go(t,s,e),e};const bo="sonic-date";let q=class extends G(qe(v)){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.hide_hours=!1,this.end_date=0,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}get wording_billet_periode_validite(){return this._wording_billet_periode_validite}set wording_billet_periode_validite(r){var t;r||(r="Du %s au %s"),this._wording_billet_periode_validite=r,this.duAu=(t=this.wording_billet_periode_validite)==null?void 0:t.split("%s").map(s=>s.trim()),this.duAu.pop(),this.requestUpdate()}connectedCallback(){this.hasAttribute("wording_billet_periode_validite")||(this.wording_billet_periode_validite="Du %s au %s"),this.pageLanguage=J.getLanguage(),super.connectedCallback()}getDatesParts(r,t,s){const i=this.startDateObject;i.setTime(r*1e3);let e=[];if(t>0){const o=this.endDateObject;o.setTime(t*1e3);const n=i.toDateString()==o.toDateString();if((!n||this.hide_hours)&&(delete s.hour,delete s.minute),e=new Intl.DateTimeFormat(this.language||this.pageLanguage,s).formatRangeToParts(i,o),!n){const c=e.find(h=>h.type=="literal"&&h.source=="shared"&&h.value.trim().length>0);c&&(c.value=" "+this.duAu[1]+" ",c.type="to"),this.designMode||e.unshift({type:"from",value:this.duAu[0]+" ",source:"shared"})}}else e=new Intl.DateTimeFormat(this.language||this.pageLanguage,s).formatToParts(i);return this.designMode&&e.forEach(o=>o.value=o.value.replace(/,/g," ")),e[0].value=rs.ucFirst(e[0].value),e.filter(o=>o.hidden!==!0)}dateStringToSeconds(r){return new Date(r).getTime()/1e3}render(){if(!this.renderIf||(this.date_string&&(this.date=this.dateStringToSeconds(this.date_string)),this.date&&(this.start_date=this.date),this.start_date_string&&(this.start_date=this.dateStringToSeconds(this.start_date_string)),this.end_date_string&&(this.end_date=this.dateStringToSeconds(this.end_date_string)),!this.start_date&&!this.now&&!this.end_date))return $;if(this.start_date||(this.start_date=Date.now()/1e3),this.end_date>0&&this.end_date<this.start_date){const s=this.start_date;this.start_date=this.end_date,this.end_date=s}const r={year:this.year,month:this.month,day:this.day,hour12:this.hour12};this.weekday!=="hidden"&&(r.weekday=this.weekday),this.hour!=="hidden"&&(r.hour=this.hour),this.minute!=="hidden"&&(r.minute=this.minute),this.era&&(r.era=this.era),this.time_zone&&(r.timeZone=this.time_zone);const t=this.getDatesParts(this.start_date,this.end_date,r);return I(`${t.map(s=>{const i=this.templateParts[s.type];if(i){const n=document.importNode(i.content,!0).children[0];return n.innerText.trim()==""&&(n.innerText=s.value),n.outerHTML}const e=document.createElement("span");return e.innerText=s.value,e.className=s.type,`<span class="${s.type}">${s.value}</span>`}).join("")}`)}};W([l()],q.prototype,"wording_billet_periode_validite",1),W([l({type:Boolean})],q.prototype,"designMode",2),W([l({type:String})],q.prototype,"time_zone",2),W([l({type:Number})],q.prototype,"date",2),W([l({type:String})],q.prototype,"date_string",2),W([l({type:String})],q.prototype,"start_date_string",2),W([l({type:String})],q.prototype,"end_date_string",2),W([l({type:Number})],q.prototype,"start_date",2),W([l({type:Boolean})],q.prototype,"hide_hours",2),W([l({type:Number})],q.prototype,"end_date",2),W([l({type:String})],q.prototype,"era",2),W([l({type:String})],q.prototype,"year",2),W([l({type:String})],q.prototype,"month",2),W([l({type:String})],q.prototype,"day",2),W([l({type:String})],q.prototype,"weekday",2),W([l({type:String})],q.prototype,"hour",2),W([l({type:Boolean})],q.prototype,"hour12",2),W([l({type:String})],q.prototype,"minute",2),W([l({type:String})],q.prototype,"language",2),W([l({type:Boolean})],q.prototype,"renderIf",2),W([l({type:Boolean})],q.prototype,"now",2),q=W([w(bo)],q);let it=(Y=class{static listen(){var s;if(!Y.listening)return;const t=(s=document.location)==null?void 0:s.href.replace(document.location.origin,"");Y.prevURL&&Y.prevURL!=t&&(Y.prevURL=t,Y.listeners.forEach(i=>{i.location=t})),window.requestAnimationFrame(Y.listen)}static offChange(t){const s=Y.listeners.indexOf(t);s!=-1&&(Y.listeners.splice(s,1),Y.listeners.length==0&&(Y.listening=!1))}static onChange(t){Y.listening||(Y.listening=!0,Y.listen()),Y.listeners.push(t),t.location=this.prevURL}static changeFromComponent(t){const s=t.goBack,i=document.referrer;if(s!=null){const h=document.location.origin,d=s||h,m=i.indexOf("http")==0?new URL(i).origin!=h:!1,b=i=="",_=history.length<3,C=b&&_,O=d!=document.location.href;if(m&&O||C){const p=history.state||{};p.concorde=p.concorde||{},p.concorde.hasDoneHistoryBack=!0,history.pushState(p,document.title),history.back(),document.location.replace(d)}else history.back();return}let e=t.getAttribute("to")||"";if(e||(e=t.href||""),!e)return;if(e.indexOf("#")==0){document.location.hash=e.substring(1);return}const o=new URL(e,document.location.href),n=o.pathname.split("/"),a=[];let c="";for(const h of n)h!=c&&a.push(h),c=h;e="/"+a.join("/")+o.search+(o.hash?+o.hash:""),t.hasAttribute("pushState")?history.pushState(null,"",e):t.hasAttribute("replaceState")?history.replaceState(null,"",e):document.location.href=e}static updateComponentActiveState(t){if(t.autoActive!="disabled"&&t.href&&t.href.indexOf("http")!=0){const s=new URL(t.href,document.location.href),i=new URL(t.location||"",document.location.origin);let e=!1;t.autoActive=="strict"?e=s.pathname==i.pathname&&s.hash==i.hash&&s.search==i.search:e=i.href.indexOf(s.href)==0,e?t.setAttribute("active","true"):t.removeAttribute("active")}}},Y.listeners=[],Y.listening=!1,Y.prevURL=(t=document.location)==null?void 0:t.href.replace(document.location.origin,""),Y);/**
|
|
69
|
+
* @license
|
|
70
|
+
* Copyright 2018 Google LLC
|
|
71
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
72
|
+
*/const Yi="important",vo=" !"+Yi,dt=ce(class extends $e{constructor(r){var t;if(super(r),r.type!==le.ATTRIBUTE||r.name!=="style"||((t=r.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(r){return Object.keys(r).reduce((t,s)=>{const i=r[s];return i==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(r,[t]){const{style:s}=r.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const i of this.ft)t[i]==null&&(this.ft.delete(i),i.includes("-")?s.removeProperty(i):s[i]=null);for(const i in t){const e=t[i];if(e!=null){this.ft.add(i);const o=typeof e=="string"&&e.endsWith(vo);i.includes("-")||o?s.setProperty(i,o?e.slice(0,-11):e,o?Yi:""):s[i]=e}}return ft}});var yo=Object.defineProperty,wo=Object.getOwnPropertyDescriptor,Ct=(r,t,s,i)=>{for(var e=i>1?void 0:i?wo(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&yo(t,s,e),e};const ps=new Map,Ae=r=>{class t extends r{constructor(...i){super(),this.touched=!1,this.error=!1,this.autofocus=!1,this.required=!1,this.forceAutoFill=!1,this.disabled=null,this.formDataProvider="",this._name="",this._value="",this.onValueAssign=e=>{this.setValueFromPublisher(e)},this.onFormValueAssign=async e=>{this.setFormValueFromPublisher(e)},this.onFormDataInValidate=()=>{const e=this.getFormPublisher();e&&e.isFormValid.get()&&this.validateFormElement()}}get name(){return this._name}set name(i){this.hasAttribute("name")&&!this.forceAutoFill&&(i=this.getAttribute("name")),this._name=i,this.requestUpdate()}validateFormElement(){}updateDataValue(){const i=this.getAttribute("name");if(i){const e=this.getFormPublisher();e&&(e[i]=this.getValueForFormPublisher(),this.setFormValueFromPublisher(e[i].get()))}}getFormPublisher(){return this.formDataProvider||(this.formDataProvider=this.getAncestorAttributeValue("formDataProvider")),this.formDataProvider?L.get(this.formDataProvider):null}getValueForFormPublisher(){return this.value}setValueFromPublisher(i){this.value=i}setFormValueFromPublisher(i){this.value=i}get value(){return this._value}set value(i){i==null&&(i=""),X.isObject(i)&&Object.prototype.hasOwnProperty.call(i,"__value")&&i._value==null&&(i=""),this._value!=i&&(this._value=i,this.updateDataValue(),this.requestUpdate())}initPublisher(){let i=this.getFormPublisher();const e=this.hasAncestorAttribute("initFromPublisher")&&this._name&&i[this._name].get()?i[this._name].get():this.getAttribute("value");this._name&&this.publisher&&this.publisher[this._name].offAssign(this.onValueAssign),this._name&&i&&i[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&&this.publisher[this._name].onAssign(this.onValueAssign),i=this.getFormPublisher(),this._name&&i&&(i[this._name].onAssign(this.onFormValueAssign),i.onInvalidate(this.onFormDataInValidate)),this.updateDataValue(),e&&(this.value=e)}handleBlur(){this.touched=!0}handleChange(i){this.value=i.target.value;const e=new Event("change");this.dispatchEvent(e)}addKeyboardNavigation(){const i=this.getAncestorAttributeValue("data-keyboard-nav");if(!i)return;const e=i.split(" "),o=e[0];if(!o)return;for(const a of e){ps.has(a)||ps.set(a,[]);const c=ps.get(a);(c==null?void 0:c.indexOf(this))==-1&&c.push(this)}const n=ps.get(o);this.addEventListener("keydown",a=>{var b;const c=a;if(!["ArrowDown","ArrowUp"].includes(c.key))return;const h="input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])",d=n==null?void 0:n.filter(_=>{var D;const C=(D=_.shadowRoot)==null?void 0:D.querySelector(h);if(!C)return!1;const O=window.getComputedStyle(C);return O.display!=="none"&&O.display!==""&&O.pointerEvents!="none"&&O.visibility!=="hidden"&&C.getBoundingClientRect().width>0});let f=null;if(c.key=="ArrowDown"&&d){const _=d.indexOf(this);_==d.length-1?f=d[0]:f=d[_+1]}else if(c.key=="ArrowUp"&&d){const _=d.indexOf(this);_==0?f=d[d.length-1]:f=d[_-1]}const m=(b=f==null?void 0:f.shadowRoot)==null?void 0:b.querySelector(h);m&&m.focus&&(m.focus(),a.preventDefault(),a.stopPropagation())})}connectedCallback(){this.formDataProvider=this.getAncestorAttributeValue("formDataProvider"),super.connectedCallback(),this.addKeyboardNavigation()}disconnectedCallback(){super.disconnectedCallback(),this._name&&this.publisher&&this.publisher[this._name].offAssign(this.onValueAssign);const i=this.getFormPublisher();this._name&&i&&(i[this._name].offAssign(this.onFormValueAssign),i.offInvalidate(this.onFormDataInValidate))}}return Ct([l({type:Boolean,reflect:!0})],t.prototype,"touched",2),Ct([l({type:Boolean})],t.prototype,"error",2),Ct([l({type:Boolean})],t.prototype,"autofocus",2),Ct([l({type:Boolean})],t.prototype,"required",2),Ct([l({type:Boolean})],t.prototype,"forceAutoFill",2),Ct([l({type:Boolean})],t.prototype,"disabled",2),Ct([l({type:String,attribute:"data-aria-label"})],t.prototype,"ariaLabel",2),Ct([l({type:String,attribute:"data-aria-labelledby"})],t.prototype,"ariaLabelledby",2),Ct([l()],t.prototype,"name",1),Ct([l()],t.prototype,"value",1),t};let _o=class{static async queueTaskPromise(){return new Promise(t=>{window.queueMicrotask(()=>t(null))})}static async delayPromise(t){return new Promise(s=>{setTimeout(s,t)})}},xo=class _e{static areEqual(t,s){return t.length===s.length?t.every((i,e)=>i===s[e]):!1}static from2d(t){return{to1D:()=>{let s=[];return t.forEach(i=>s=s.concat(i)),this.from(s)}}}static from(t){return{get:()=>t||[],everyItem:()=>({has:()=>({same:()=>({value:()=>({forKey:s=>{if(t.length<1)return!0;const i=(t[0]||{})[s];return t.every(e=>(e||{})[s]==i)}})})}),value:()=>({forKey:s=>_e.from(t.map(i=>i[s]))}),copy:()=>({fromKey:s=>({toKey:i=>{t.forEach(e=>{e[i]=Array.isArray(e[s])?[...e[s]]:typeof e[s]=="object"&&e[s]!=null?{...e[s]}:e[s]})}})})}),map:s=>_e.from(t.map(s)),filter:s=>_e.from(t.filter(s)),find:s=>t.find(s),some:s=>t.some(s),every:s=>t.every(s),group:()=>({byKey:s=>{const i=[],e=new Map;for(const o of t){const n=o[s];if(!e.has(n)){const a=i.length;e.set(n,a);const c={items:[]};c[s]=n,i.push(c)}i[e.get(n)].items.push(o)}return _e.from(i)}}),without:()=>({duplicates:()=>({forKey:s=>{const i=[...new Set(t.map(e=>e[s]))];return _e.from(i.map(e=>t.find(o=>o[s]==e)))}}),itemsIn:s=>({havingSameValue:()=>({forKey:i=>{const e=(o,n)=>a=>o[n]!=a[n];return _e.from(t.filter(o=>s.every(e(o,i))))}})})})}}};var Po=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function $o(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var Ws={exports:{}};(function(r,t){var s=[].slice;(function(i,e){return t!==null?r.exports=e():i.UrlPattern=e()})(Po,function(){var i,e,o,n,a,c,h,d,f,m,b,_,C,O,D;return f=function(p){return p.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")},h=function(p,u){var y,A,S;for(S=[],y=-1,A=p.length;++y<A;)S=S.concat(u(p[y]));return S},O=function(p,u){var y,A,S;for(S="",y=-1,A=p.length;++y<A;)S+=u(p[y]);return S},C=function(p){return new RegExp(p.toString()+"|").exec("").length-1},b=function(p,u){var y,A,S,M,H;for(M={},y=-1,S=p.length;++y<S;)A=p[y],H=u[y],H!=null&&(M[A]!=null?(Array.isArray(M[A])||(M[A]=[M[A]]),M[A].push(H)):M[A]=H);return M},i={},i.Result=function(p,u){this.value=p,this.rest=u},i.Tagged=function(p,u){this.tag=p,this.value=u},i.tag=function(p,u){return function(y){var A,S;if(A=u(y),A!=null)return S=new i.Tagged(p,A.value),new i.Result(S,A.rest)}},i.regex=function(p){return function(u){var y,A;if(y=p.exec(u),y!=null)return A=y[0],new i.Result(A,u.slice(A.length))}},i.sequence=function(){var p;return p=1<=arguments.length?s.call(arguments,0):[],function(u){var y,A,S,M,H,Z;for(y=-1,A=p.length,Z=[],M=u;++y<A;){if(S=p[y],H=S(M),H==null)return;Z.push(H.value),M=H.rest}return new i.Result(Z,M)}},i.pick=function(){var p,u;return p=arguments[0],u=2<=arguments.length?s.call(arguments,1):[],function(y){var A,S;if(S=i.sequence.apply(i,u)(y),S!=null)return A=S.value,S.value=A[p],S}},i.string=function(p){var u;return u=p.length,function(y){if(y.slice(0,u)===p)return new i.Result(p,y.slice(u))}},i.lazy=function(p){var u;return u=null,function(y){return u==null&&(u=p()),u(y)}},i.baseMany=function(p,u,y,A,S){var M,H,Z,we;for(Z=S,we=y?"":[];!(u!=null&&(M=u(Z),M!=null)||(H=p(Z),H==null));)y?we+=H.value:we.push(H.value),Z=H.rest;if(!(A&&we.length===0))return new i.Result(we,Z)},i.many1=function(p){return function(u){return i.baseMany(p,null,!1,!0,u)}},i.concatMany1Till=function(p,u){return function(y){return i.baseMany(p,u,!0,!0,y)}},i.firstChoice=function(){var p;return p=1<=arguments.length?s.call(arguments,0):[],function(u){var y,A,S,M;for(y=-1,A=p.length;++y<A;)if(S=p[y],M=S(u),M!=null)return M}},_=function(p){var u;return u={},u.wildcard=i.tag("wildcard",i.string(p.wildcardChar)),u.optional=i.tag("optional",i.pick(1,i.string(p.optionalSegmentStartChar),i.lazy(function(){return u.pattern}),i.string(p.optionalSegmentEndChar))),u.name=i.regex(new RegExp("^["+p.segmentNameCharset+"]+")),u.named=i.tag("named",i.pick(1,i.string(p.segmentNameStartChar),i.lazy(function(){return u.name}))),u.escapedChar=i.pick(1,i.string(p.escapeChar),i.regex(/^./)),u.static=i.tag("static",i.concatMany1Till(i.firstChoice(i.lazy(function(){return u.escapedChar}),i.regex(/^./)),i.firstChoice(i.string(p.segmentNameStartChar),i.string(p.optionalSegmentStartChar),i.string(p.optionalSegmentEndChar),u.wildcard))),u.token=i.lazy(function(){return i.firstChoice(u.wildcard,u.optional,u.named,u.static)}),u.pattern=i.many1(i.lazy(function(){return u.token})),u},d={escapeChar:"\\",segmentNameStartChar:":",segmentValueCharset:"a-zA-Z0-9-_~ %",segmentNameCharset:"a-zA-Z0-9",optionalSegmentStartChar:"(",optionalSegmentEndChar:")",wildcardChar:"*"},c=function(p,u){if(Array.isArray(p))return O(p,function(y){return c(y,u)});switch(p.tag){case"wildcard":return"(.*?)";case"named":return"(["+u+"]+)";case"static":return f(p.value);case"optional":return"(?:"+c(p.value,u)+")?"}},a=function(p,u){return u==null&&(u=d.segmentValueCharset),"^"+c(p,u)+"$"},n=function(p){if(Array.isArray(p))return h(p,n);switch(p.tag){case"wildcard":return["_"];case"named":return[p.value];case"static":return[];case"optional":return n(p.value)}},m=function(p,u,y,A){var S,M,H,Z;if(A==null&&(A=!1),Z=p[u],Z==null){if(A)throw new Error("no values provided for key `"+u+"`");return}if(S=y[u]||0,M=Array.isArray(Z)?Z.length-1:0,S>M){if(A)throw new Error("too few values provided for key `"+u+"`");return}return H=Array.isArray(Z)?Z[S]:Z,A&&(y[u]=S+1),H},o=function(p,u,y){var A,S;if(Array.isArray(p)){for(A=-1,S=p.length;++A<S;)if(o(p[A],u,y))return!0;return!1}switch(p.tag){case"wildcard":return m(u,"_",y,!1)!=null;case"named":return m(u,p.value,y,!1)!=null;case"static":return!1;case"optional":return o(p.value,u,y)}},D=function(p,u,y){if(Array.isArray(p))return O(p,function(A){return D(A,u,y)});switch(p.tag){case"wildcard":return m(u,"_",y,!0);case"named":return m(u,p.value,y,!0);case"static":return p.value;case"optional":return o(p.value,u,y)?D(p.value,u,y):""}},e=function(p,u){var y,A,S,M,H;if(p instanceof e){this.isRegex=p.isRegex,this.regex=p.regex,this.ast=p.ast,this.names=p.names;return}if(this.isRegex=p instanceof RegExp,!(typeof p=="string"||this.isRegex))throw new TypeError("argument must be a regex or a string");if(this.isRegex){if(this.regex=p,u!=null){if(!Array.isArray(u))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(y=C(this.regex),u.length!==y)throw new Error("regex contains "+y+" groups but array of group names contains "+u.length);this.names=u}return}if(p==="")throw new Error("argument must not be the empty string");if(H=p.replace(/\s+/g,""),H!==p)throw new Error("argument must not contain whitespace");if(A={escapeChar:(u!=null?u.escapeChar:void 0)||d.escapeChar,segmentNameStartChar:(u!=null?u.segmentNameStartChar:void 0)||d.segmentNameStartChar,segmentNameCharset:(u!=null?u.segmentNameCharset:void 0)||d.segmentNameCharset,segmentValueCharset:(u!=null?u.segmentValueCharset:void 0)||d.segmentValueCharset,optionalSegmentStartChar:(u!=null?u.optionalSegmentStartChar:void 0)||d.optionalSegmentStartChar,optionalSegmentEndChar:(u!=null?u.optionalSegmentEndChar:void 0)||d.optionalSegmentEndChar,wildcardChar:(u!=null?u.wildcardChar:void 0)||d.wildcardChar},M=_(A),S=M.pattern(p),S==null)throw new Error("couldn't parse pattern");if(S.rest!=="")throw new Error("could only partially parse pattern");this.ast=S.value,this.regex=new RegExp(a(this.ast,A.segmentValueCharset)),this.names=n(this.ast)},e.prototype.match=function(p){var u,y;return y=this.regex.exec(p),y==null?null:(u=y.slice(1),this.names?b(this.names,u):u)},e.prototype.stringify=function(p){if(p==null&&(p={}),this.isRegex)throw new Error("can't stringify patterns generated from a regex");if(p!==Object(p))throw new Error("argument must be an object or undefined");return D(this.ast,p,{})},e.escapeForRegex=f,e.concatMap=h,e.stringConcatMap=O,e.regexGroupCount=C,e.keysAndValuesToObject=b,e.P=i,e.newParser=_,e.defaultOptions=d,e.astNodeToRegexString=a,e.astNodeToNames=n,e.getParam=m,e.astNodeContainsSegmentsForProvidedParams=o,e.stringify=D,e})})(Ws,Ws.exports);var Co=Ws.exports;const he=$o(Co),Ao=_o,So=xo,Oo=Te,Do=rs,We=J,ko=it,Ke=X,Lo=Ne,tt=L,Eo=Ce,No=he;window["concorde-utils"]=window["concorde-utils"]||{},window["concorde-utils"]={Utils:Ao,Arrays:So,DataBindObserver:Oo,Format:Do,HTML:We,LocationHandler:ko,Objects:Ke,PublisherProxy:Lo,PublisherManager:tt,api:Eo,URLPattern:No};var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,Se=(r,t,s,i)=>{for(var e=i>1?void 0:i?jo(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&To(t,s,e),e};const Ks=r=>{class t extends r{constructor(){super(...arguments),this._value="",this.forceAutoFill=!1,this.unique=null,this.radio=null,this.unCheckOnDisconnect=!1,this._checked=null,this.updateAllChecked=()=>{const i=this.getAttribute("name"),e=this.getCheckAllPublisher(),o=this.getFormPublisher();if(e!=null&&e.hasCheckAll.get()&&!this.checksAll()&&e&&o&&i){if(o[this.name].get().length)(this.checked===null||e.checkMode.get()=="noneChecked"||e.checkMode.get()==null)&&(e.checkMode="someUnchecked");else{e.checkMode="noneChecked";return}const n=o[i].get(),a=e.values.get();if(a&&a.length){let c=a.length;for(const h of a)n.indexOf(h)==-1&&(c-=1);c==a.length&&(e.checkMode="allChecked"),c==0&&(e.checkMode="noneChecked")}a.indexOf(this.value)==-1&&(this.checked=null)}},this.onChecksAllRequest=i=>{this.removeAttribute("allChecked"),this.removeAttribute("indeterminate"),i=="allChecked"&&(this.checked=!0,this.setAttribute("allChecked","")),i=="noneChecked"&&(this.checked=null),i=="someUnchecked"&&(this.checksAll()&&(this.checked="indeterminate"),this.setAttribute("indeterminate",""))}}get value(){return this._value}set value(i){if(this.value==i||(this.hasAttribute("value")&&!this.forceAutoFill&&(i=this.getAttribute("value")),this._value==i)||i==null||(this._value=i,!this.value))return;const e=this.getFormPublisher();if(e&&this.name){let o=e[this.name].get();(this.radio||this.unique)&&(this.checked=o==i?!0:null),Array.isArray(o)||(o=[]),o.indexOf(i)!=-1&&(this.checked=!0)}this.checked==!0&&this.updateDataValue(),this.requestUpdate()}get checked(){return this._checked}set checked(i){if(this.setCheckedValue(i),this.checksAll()){const e=this.getCheckAllPublisher();if(e){if(this.checked===!0)e.checkMode="allChecked";else if(this.checked===null){e.checkMode="noneChecked";const o=this.getFormPublisher();o&&(o[this.name]=[])}}}this.requestUpdate()}validateFormElement(){var o;const i=(o=this.shadowRoot)==null?void 0:o.querySelector("input");if(!i||i.checkValidity())return;const e=this.getFormPublisher();if(e){const n=e[this.name].get();if((this.unique||this.radio)&&n!==null&&n.toString().length>0)return;e.isFormValid=!1,i.reportValidity()}}checksAll(){return this.hasAttribute("checksAll")}setCheckedValue(i){this._checked!=i&&(this._checked=i,this.updateDataValue(),this.requestUpdate(),setTimeout(()=>this.updateAllChecked(),1))}handleChange(){const i=this.checked===!0?this.radio?!0:null:!0;this.checked=i;const e=new Event("change");this.dispatchEvent(e)}getValueForFormPublisher(){const i=this.getFormPublisher();if(!i)return null;let e=i[this.name].get();if(this.radio)return this.checked===!0&&this.value!=null?this.value:e;if(this.unique)return this.checked===!0&&this.value!=null?this.value:null;Array.isArray(e)||(e=[]),e=e.slice(0);const o=e.indexOf(this.value);return this.checked===!0&&o===-1&&!this.checksAll()&&e.push(this.value),this.checked===null&&o!==-1&&e.splice(o,1),e}setFormValueFromPublisher(i){if(this.unique||this.radio){this.checked=this.value==i?!0:null;return}Array.isArray(i)||(i=[]),!this.checksAll()&&(this.checked=i.indexOf(this.value)!==-1?!0:null)}getCheckAllPublisher(){this.formDataProvider||(this.formDataProvider=this.getAncestorAttributeValue("formDataProvider"));const i=this.formDataProvider,e=this.getAttribute("name");return!i||!e?null:tt.get(i+"/"+e+"/_available_values_")}disconnectedCallback(){super.disconnectedCallback();const i=this.getCheckAllPublisher();if(i&&(i.checkMode.offAssign(this.onChecksAllRequest),!this.checksAll())){const e=i.values.get().slice(0),o=e.indexOf(this.value);o!=-1&&(e.splice(o,1),i.values=e)}setTimeout(()=>this.updateAllChecked(),1)}connectedCallback(){super.connectedCallback();const i=this.getFormPublisher();if(i&&this.name){const o=i[this.name].get();o&&Array.isArray(o)&&o.indexOf(this.value)!==-1&&(this.checked=!0)}const e=this.getCheckAllPublisher();e&&(e.checkMode.onAssign(this.onChecksAllRequest),this.checksAll()&&(e.hasCheckAll=!0),e.values.get()||(e.values=[]),this.checksAll()||(e.values=[...e.values.get(),this.value])),this.hasAttribute("checked")&&(!this.publisher||this.publisher.get().checked!==!1)&&setTimeout(()=>this.checked=!0,1)}}return Se([l()],t.prototype,"value",1),Se([l()],t.prototype,"forceAutoFill",2),Se([l({type:Boolean})],t.prototype,"unique",2),Se([l({type:Boolean})],t.prototype,"radio",2),Se([l({type:Boolean})],t.prototype,"unCheckOnDisconnect",2),Se([l()],t.prototype,"checked",1),t};/**
|
|
73
|
+
* @license
|
|
74
|
+
* Copyright 2018 Google LLC
|
|
75
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
76
|
+
*/const x=r=>r??$,At=P`
|
|
77
|
+
/*SIZES*/
|
|
78
|
+
:host {
|
|
79
|
+
--sc-fs: 1rem;
|
|
80
|
+
--sc-lh: 1.15;
|
|
81
|
+
font-size: var(--sc-fs);
|
|
82
|
+
line-height: var(--sc-lh);
|
|
83
|
+
}
|
|
84
|
+
:host([size="2xs"]) {
|
|
85
|
+
--sc-fs: 0.625rem;
|
|
86
|
+
}
|
|
87
|
+
:host([size="xs"]) {
|
|
88
|
+
--sc-fs: 0.75rem;
|
|
89
|
+
}
|
|
90
|
+
:host([size="sm"]) {
|
|
91
|
+
--sc-fs: 0.875rem;
|
|
92
|
+
}
|
|
93
|
+
:host([size="lg"]) {
|
|
94
|
+
--sc-fs: 1.125rem;
|
|
95
|
+
}
|
|
96
|
+
:host([size="xl"]) {
|
|
97
|
+
--sc-fs: 1.25rem;
|
|
98
|
+
}
|
|
99
|
+
:host([size="2xl"]) {
|
|
100
|
+
--sc-fs: 1.5rem;
|
|
101
|
+
}
|
|
102
|
+
`;var Mo=Object.defineProperty,Io=Object.getOwnPropertyDescriptor,F=(r,t,s,i)=>{for(var e=i>1?void 0:i?Io(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Mo(t,s,e),e};const zo="sonic-button";let N=class extends Ks(Ae(G(v))){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(r){this._href=r,this.href&&this.href.indexOf("http")!=0?it.onChange(this):it.offChange(this),this.requestUpdate()}get href(){return this._href}handleNavigation(r){r.preventDefault(),it.changeFromComponent(this)}handleChange(r){if(!((r==null?void 0:r.type)=="click"&&this.autoRepeat)&&(super.handleChange(),(this.pushState||this.goBack!==null)&&(r==null||r.preventDefault(),r==null||r.stopPropagation(),it.changeFromComponent(this)),this.hasAttribute("reset"))){const t=this.getAttribute("reset"),s=t?tt.get(t):this.getFormPublisher();s&&s.set({})}}handleRepeatStart(r){this.autoRepeat&&(this.handleChange(r),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(r){if(this.name){if(r?this.setAttribute("active","true"):this.removeAttribute("active"),r==this._checked)return;super.setCheckedValue(r)}}disconnectedCallback(){it.offChange(this),super.disconnectedCallback()}willUpdate(r){(r.has("href")||r.has("autoActive"))&&it.updateComponentActiveState(this),r.has("location")&&it.updateComponentActiveState(this)}render(){const r={flexDirection:this.direction,alignItems:this.alignItems,justifyContent:this.justify,align:this.align,minWidth:this.minWidth},t=g`
|
|
103
|
+
<button
|
|
104
|
+
part="button"
|
|
105
|
+
class=${this.hasPrefix||this.hasSuffix?"has-prefix-or-suffix":""}
|
|
106
|
+
style=${dt(r)}
|
|
107
|
+
aria-controls=${x(this.ariaControls)}
|
|
108
|
+
aria-expanded=${x(this.sonicAriaExpanded)}
|
|
109
|
+
aria-label=${x(this.ariaLabel)}
|
|
110
|
+
aria-labelledby=${x(this.ariaLabelledby)}
|
|
111
|
+
@click=${this.handleChange}
|
|
112
|
+
@pointerdown=${this.handleRepeatStart}
|
|
113
|
+
>
|
|
114
|
+
<slot @slotchange=${this.onSlotChange} part="prefix" name="prefix"></slot>
|
|
115
|
+
<slot part="main" class="main-slot"></slot>
|
|
116
|
+
<slot @slotchange=${this.onSlotChange} part="suffix" name="suffix"></slot>
|
|
117
|
+
${this.loading==!0?g`<sonic-icon name="loader" class="loader"></sonic-icon>`:""}
|
|
118
|
+
</button>
|
|
119
|
+
`;return this.href?g`<a
|
|
120
|
+
href="${this.href}"
|
|
121
|
+
download=${x(this.download)}
|
|
122
|
+
target=${x(this.target)}
|
|
123
|
+
aria-label=${x(this.ariaLabel)}
|
|
124
|
+
aria-labelledby=${x(this.ariaLabelledby)}
|
|
125
|
+
@click=${this.pushState||this.goBack!==null?this.handleNavigation:null}
|
|
126
|
+
>${t}</a
|
|
127
|
+
>`:g`${t}`}onSlotChange(){var r,t;this.hasPrefix=!!((r=this.prefixes)!=null&&r.length),this.hasSuffix=!!((t=this.suffixes)!=null&&t.length)}};N.styles=[At,P`
|
|
128
|
+
* {
|
|
129
|
+
box-sizing: border-box;
|
|
130
|
+
}
|
|
131
|
+
:host {
|
|
132
|
+
--sc-btn-gap: 0.35em;
|
|
133
|
+
--sc-btn-py: 0.25em;
|
|
134
|
+
--sc-btn-px: 1.1em;
|
|
135
|
+
--sc-btn-fs: var(--sc-fs, 1rem);
|
|
136
|
+
--sc-btn-fw: var(--sc-btn-font-weight);
|
|
137
|
+
--sc-btn-ff: var(--sc-btn-font-family);
|
|
138
|
+
--sc-btn-fw: var(--sc-btn-font-weight);
|
|
139
|
+
|
|
140
|
+
--sc-btn-height: var(--sc-form-height);
|
|
141
|
+
--btn-color: var(--sc-btn-color, var(--sc-base-content));
|
|
142
|
+
--btn-bg: var(--sc-btn-bg, var(--sc-base-100));
|
|
143
|
+
|
|
144
|
+
--sc-btn-border-style: solid;
|
|
145
|
+
--sc-btn-border-width: var(--sc-form-border-width);
|
|
146
|
+
--sc-btn-border-color: transparent;
|
|
147
|
+
|
|
148
|
+
--btn-outline-bg-hover: var(--sc-btn-outline-bg-hover, var(--sc-base-100));
|
|
149
|
+
--sc-btn-ghost-bg-hover: var(--sc-base-100);
|
|
150
|
+
|
|
151
|
+
--sc-btn-active-color: var(--sc-base);
|
|
152
|
+
--sc-btn-hover-filter: brightness(0.98);
|
|
153
|
+
--sc-btn-active-filter: brightness(0.97);
|
|
154
|
+
--sc-btn-active-bg: var(--sc-base-content);
|
|
155
|
+
|
|
156
|
+
--sc-item-rounded-tr: var(--sc-btn-rounded);
|
|
157
|
+
--sc-item-rounded-tl: var(--sc-btn-rounded);
|
|
158
|
+
--sc-item-rounded-bl: var(--sc-btn-rounded);
|
|
159
|
+
--sc-item-rounded-br: var(--sc-btn-rounded);
|
|
160
|
+
|
|
161
|
+
display: inline-flex;
|
|
162
|
+
vertical-align: middle;
|
|
163
|
+
box-sizing: border-box;
|
|
164
|
+
-webkit-print-color-adjust: exact;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
:host a {
|
|
168
|
+
display: contents;
|
|
169
|
+
color: unset;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
:host button {
|
|
173
|
+
display: flex;
|
|
174
|
+
flex: 1;
|
|
175
|
+
box-sizing: border-box;
|
|
176
|
+
align-items: center;
|
|
177
|
+
justify-content: center;
|
|
178
|
+
|
|
179
|
+
font-family: var(--sc-btn-ff);
|
|
180
|
+
font-weight: var(--sc-btn-fw);
|
|
181
|
+
font-size: var(--sc-btn-fs);
|
|
182
|
+
|
|
183
|
+
cursor: pointer;
|
|
184
|
+
text-align: center;
|
|
185
|
+
line-height: 1.1;
|
|
186
|
+
border-radius: var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);
|
|
187
|
+
|
|
188
|
+
background: var(--btn-bg);
|
|
189
|
+
color: var(--btn-color);
|
|
190
|
+
|
|
191
|
+
padding-top: var(--sc-btn-py);
|
|
192
|
+
padding-bottom: var(--sc-btn-py);
|
|
193
|
+
padding-left: var(--sc-btn-px);
|
|
194
|
+
padding-right: var(--sc-btn-px);
|
|
195
|
+
|
|
196
|
+
border: var(--sc-btn-border-width) var(--sc-btn-border-style) var(--sc-btn-border-color);
|
|
197
|
+
min-height: var(--sc-btn-height);
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
:host button.has-prefix-or-suffix {
|
|
201
|
+
gap: var(--sc-btn-gap);
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
:host button:focus,
|
|
205
|
+
:host button:hover {
|
|
206
|
+
filter: var(--sc-btn-hover-filter);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
:host button:active {
|
|
210
|
+
filter: var(--sc-btn-active-filter);
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
/*TYPES*/
|
|
214
|
+
:host([type="default"]) button {
|
|
215
|
+
--btn-color: var(--sc-base-content);
|
|
216
|
+
--btn-bg: var(--sc-base-100);
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
:host([type="primary"]) button {
|
|
220
|
+
--btn-color: var(--sc-primary-content);
|
|
221
|
+
--btn-bg: var(--sc-primary);
|
|
222
|
+
}
|
|
223
|
+
:host([type="warning"]) button {
|
|
224
|
+
--btn-color: var(--sc-warning-content);
|
|
225
|
+
--btn-bg: var(--sc-warning);
|
|
226
|
+
}
|
|
227
|
+
:host([type="danger"]) button {
|
|
228
|
+
--btn-color: var(--sc-danger-content);
|
|
229
|
+
--btn-bg: var(--sc-danger);
|
|
230
|
+
}
|
|
231
|
+
:host([type="info"]) button {
|
|
232
|
+
--btn-color: var(--sc-info-content);
|
|
233
|
+
--btn-bg: var(--sc-info);
|
|
234
|
+
}
|
|
235
|
+
:host([type="success"]) button {
|
|
236
|
+
--btn-color: var(--sc-success-content);
|
|
237
|
+
--btn-bg: var(--sc-success);
|
|
238
|
+
}
|
|
239
|
+
:host([type="neutral"]) button {
|
|
240
|
+
--btn-color: var(--sc-base);
|
|
241
|
+
--btn-bg: var(--sc-base-600);
|
|
242
|
+
}
|
|
243
|
+
:host([type="custom"]) button {
|
|
244
|
+
--btn-color: var(--sc-btn-custom-color);
|
|
245
|
+
--btn-bg: var(--sc-btn-custom-bg);
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
/*UNSTYLED*/
|
|
249
|
+
:host([variant="unstyled"]) {
|
|
250
|
+
display: inline-block;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
:host([variant="unstyled"]) button {
|
|
254
|
+
all: unset;
|
|
255
|
+
display: contents;
|
|
256
|
+
cursor: pointer;
|
|
257
|
+
--sc-btn-height: auto;
|
|
258
|
+
--sc-btn-width: auto;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
/*GESTION DU FOCUS*/
|
|
262
|
+
:host(:not([disabled])) button:focus {
|
|
263
|
+
box-shadow: 0 0 0 0.18rem var(--sc-base-300);
|
|
264
|
+
border-color: var(--sc-base-300) !important;
|
|
265
|
+
outline: none;
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
/*GHOST*/
|
|
269
|
+
:host([variant="ghost"][type]) button {
|
|
270
|
+
color: var(--btn-bg);
|
|
271
|
+
background: transparent;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
:host([variant="ghost"][type="default"]) button {
|
|
275
|
+
color: var(--btn-color);
|
|
276
|
+
background: transparent;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
/*:host([variant="ghost"]) button:focus,*/
|
|
280
|
+
:host([variant="ghost"]) button:hover {
|
|
281
|
+
background: var(--sc-btn-ghost-bg-hover);
|
|
282
|
+
filter: none;
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
:host([active][variant="ghost"]) button {
|
|
286
|
+
background: var(--sc-btn-ghost-bg-hover);
|
|
287
|
+
filter: none;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
:host([active][variant="ghost"]) button:hover {
|
|
291
|
+
filter: var(--sc-btn-hover-filter);
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
/*OUTLINE*/
|
|
295
|
+
:host([variant="outline"][type]) button {
|
|
296
|
+
border-color: var(--btn-bg);
|
|
297
|
+
color: var(--btn-bg);
|
|
298
|
+
background: transparent;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
:host([variant="outline"][type="default"]) button {
|
|
302
|
+
border-color: var(--sc-base-content);
|
|
303
|
+
color: var(--sc-base-content);
|
|
304
|
+
background: transparent;
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
/*:host([variant="outline"]) button:focus,*/
|
|
308
|
+
:host([variant="outline"]) button:hover {
|
|
309
|
+
background: var(--btn-outline-bg-hover);
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
/*OUTLINE*/
|
|
313
|
+
:host([variant="link"]:not([size])) {
|
|
314
|
+
vertical-align: baseline;
|
|
315
|
+
margin-left: 0.25em;
|
|
316
|
+
margin-right: 0.25em;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
:host([variant="link"]:not([size])) {
|
|
320
|
+
font-size: inherit;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
:host([variant="link"]) button {
|
|
324
|
+
text-decoration: underline;
|
|
325
|
+
padding: 0;
|
|
326
|
+
background: none;
|
|
327
|
+
border: none;
|
|
328
|
+
font-size: inherit;
|
|
329
|
+
min-height: 0;
|
|
330
|
+
color: inherit;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
:host([variant="link"][type]) button {
|
|
334
|
+
color: var(--btn-bg);
|
|
335
|
+
}
|
|
336
|
+
:host([variant="link"][type="default"]) button {
|
|
337
|
+
color: inherit;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
:host([variant="link"]) button:focus,
|
|
341
|
+
:host([variant="link"]) button:hover {
|
|
342
|
+
text-decoration: none;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
/* Alignement */
|
|
346
|
+
:host([align="left"]) button {
|
|
347
|
+
text-align: left !important;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
:host([align="right"]) button {
|
|
351
|
+
text-align: right;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
/*SHAPE*/
|
|
355
|
+
:host([shape="circle"]) button {
|
|
356
|
+
border-radius: 50%;
|
|
357
|
+
}
|
|
358
|
+
:host([shape="circle"]) .main-slot {
|
|
359
|
+
line-height: 1;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
:host([shape="circle"]) button,
|
|
363
|
+
:host([shape="square"]) button {
|
|
364
|
+
width: var(--sc-btn-height);
|
|
365
|
+
height: var(--sc-btn-height);
|
|
366
|
+
/*overflow: hidden;*/ /* fix bug #42622 */
|
|
367
|
+
padding: 0;
|
|
368
|
+
align-items: center;
|
|
369
|
+
justify-content: 0;
|
|
370
|
+
text-align: center !important;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
:host([shape="block"]),
|
|
374
|
+
:host([shape="block"]) button {
|
|
375
|
+
width: 100%;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
:host([disabled]) {
|
|
379
|
+
opacity: 0.3;
|
|
380
|
+
pointer-events: none;
|
|
381
|
+
user-select: none;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
/*ACTIVE*/
|
|
385
|
+
|
|
386
|
+
:host([active]:not([variant="ghost"]):not([variant="unstyled"])) button {
|
|
387
|
+
background: var(--sc-btn-active-bg);
|
|
388
|
+
color: var(--sc-btn-active-color);
|
|
389
|
+
border-color: var(--sc-btn-active-bg);
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.main-slot {
|
|
393
|
+
flex-grow: 1;
|
|
394
|
+
display: block;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
:host([minWidth]:not([shape="block"])) .main-slot {
|
|
398
|
+
flex-grow: 0;
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
slot[name="suffix"],
|
|
402
|
+
slot[name="prefix"] {
|
|
403
|
+
flex-shrink: 0;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
/*ALIGNEMENT DES ICONES
|
|
407
|
+
permet de tous les avoir alignés dans un menu
|
|
408
|
+
*/
|
|
409
|
+
::slotted(sonic-icon) {
|
|
410
|
+
min-width: 1em;
|
|
411
|
+
text-align: center;
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
/*BOUTON Avec icone seulement*/
|
|
415
|
+
:host([icon]) ::slotted(:only-child),
|
|
416
|
+
:host([icon]) ::slotted(sonic-icon) {
|
|
417
|
+
font-size: 1.2em;
|
|
418
|
+
vertical-align: middle;
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
/*Tooltip ne joue pas sur le layout*/
|
|
422
|
+
sonic-tooltip {
|
|
423
|
+
display: contents;
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
/*OUTLINE*/
|
|
427
|
+
:host(:not([active])) ::slotted([swap="on"]) {
|
|
428
|
+
display: none !important;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
:host([active]) ::slotted([swap="off"]) {
|
|
432
|
+
display: none !important;
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
/*Loading*/
|
|
436
|
+
:host([loading]) {
|
|
437
|
+
pointer-events: none;
|
|
438
|
+
position: relative;
|
|
439
|
+
}
|
|
440
|
+
|
|
441
|
+
:host([loading]) slot {
|
|
442
|
+
opacity: 0 !important;
|
|
443
|
+
pointer-events: none;
|
|
444
|
+
}
|
|
445
|
+
/*Loading*/
|
|
446
|
+
:host([loading]) .loader {
|
|
447
|
+
position: absolute;
|
|
448
|
+
top: 50%;
|
|
449
|
+
left: 50%;
|
|
450
|
+
transform: translate(-50%, -50%);
|
|
451
|
+
display: flex;
|
|
452
|
+
align-items: center;
|
|
453
|
+
justify-content: center;
|
|
454
|
+
line-height: 0;
|
|
455
|
+
height: var(--sc-btn-ff);
|
|
456
|
+
width: var(--sc-btn-ff);
|
|
457
|
+
animation: rotation 2s infinite linear;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
@keyframes rotation {
|
|
461
|
+
from {
|
|
462
|
+
transform-origin: 50% 50%;
|
|
463
|
+
transform: translate(-50%, -50%) rotate(0deg);
|
|
464
|
+
}
|
|
465
|
+
to {
|
|
466
|
+
transform-origin: 50% 50%;
|
|
467
|
+
transform: translate(-50%, -50%) rotate(359deg);
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
`],F([l({type:String,reflect:!0})],N.prototype,"type",2),F([l({type:String,reflect:!0})],N.prototype,"variant",2),F([l({type:String,reflect:!0})],N.prototype,"size",2),F([l({type:String,reflect:!0})],N.prototype,"shape",2),F([l({type:String})],N.prototype,"direction",2),F([l({type:String,reflect:!0})],N.prototype,"alignItems",2),F([l({type:String})],N.prototype,"justify",2),F([l({type:String,reflect:!0})],N.prototype,"align",2),F([l({type:String})],N.prototype,"minWidth",2),F([l({type:Boolean,reflect:!0})],N.prototype,"icon",2),F([l({type:String})],N.prototype,"download",2),F([l({type:String})],N.prototype,"autoActive",2),F([l({type:Boolean,reflect:!0})],N.prototype,"loading",2),F([T()],N.prototype,"hasPrefix",2),F([T()],N.prototype,"hasSuffix",2),F([se({flatten:!0,slot:"prefix"})],N.prototype,"prefixes",2),F([se({flatten:!0,slot:"suffix"})],N.prototype,"suffixes",2),F([l({type:String})],N.prototype,"target",2),F([l({type:String})],N.prototype,"href",1),F([l({type:String})],N.prototype,"goBack",2),F([l({type:Boolean})],N.prototype,"pushState",2),F([l({type:Boolean,reflect:!0})],N.prototype,"active",2),F([l({type:Boolean,reflect:!0})],N.prototype,"autoRepeat",2),F([l({type:String,attribute:"data-aria-controls"})],N.prototype,"ariaControls",2),F([l({type:Boolean,attribute:"data-aria-expanded"})],N.prototype,"sonicAriaExpanded",2),F([T()],N.prototype,"location",2),N=F([w(zo)],N);/**
|
|
471
|
+
* @license
|
|
472
|
+
* Copyright 2017 Google LLC
|
|
473
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
474
|
+
*/const Qi=(r,t,s)=>{const i=new Map;for(let e=t;e<=s;e++)i.set(r[e],e);return i},us=ce(class extends $e{constructor(r){if(super(r),r.type!==le.CHILD)throw Error("repeat() can only be used in text expressions")}dt(r,t,s){let i;s===void 0?s=t:t!==void 0&&(i=t);const e=[],o=[];let n=0;for(const a of r)e[n]=i?i(a,n):n,o[n]=s(a,n),n++;return{values:o,keys:e}}render(r,t,s){return this.dt(r,t,s).values}update(r,[t,s,i]){const e=Xr(r),{values:o,keys:n}=this.dt(t,s,i);if(!Array.isArray(e))return this.ut=n,o;const a=this.ut??(this.ut=[]),c=[];let h,d,f=0,m=e.length-1,b=0,_=o.length-1;for(;f<=m&&b<=_;)if(e[f]===null)f++;else if(e[m]===null)m--;else if(a[f]===n[b])c[b]=ae(e[f],o[b]),f++,b++;else if(a[m]===n[_])c[_]=ae(e[m],o[_]),m--,_--;else if(a[f]===n[_])c[_]=ae(e[f],o[_]),Ve(r,c[_+1],e[f]),f++,_--;else if(a[m]===n[b])c[b]=ae(e[m],o[b]),Ve(r,e[f],e[m]),m--,b++;else if(h===void 0&&(h=Qi(n,b,_),d=Qi(a,f,m)),h.has(a[f]))if(h.has(a[m])){const C=d.get(n[b]),O=C!==void 0?e[C]:null;if(O===null){const D=Ve(r,e[f]);ae(D,o[b]),c[b]=D}else c[b]=ae(O,o[b]),Ve(r,e[f],O),e[C]=null;b++}else Rs(e[m]),m--;else Rs(e[f]),f++;for(;b<=_;){const C=Ve(r,c[_+1]);ae(C,o[b]),c[b++]=C}for(;f<=m;){const C=e[f++];C!==null&&Rs(C)}return this.ut=n,Jr(r,c),ft}}),Fo=new WeakMap;let Ji=0;const Zs=new Map,Xi=new WeakSet,tr=()=>new Promise(r=>requestAnimationFrame(r)),Ro=[{opacity:0}],Uo=[{opacity:0},{opacity:1}],er=(r,t)=>{const s=r-t;return s===0?void 0:s},sr=(r,t)=>{const s=r/t;return s===1?void 0:s},Gs={left:(r,t)=>{const s=er(r,t);return{value:s,transform:s==null||isNaN(s)?void 0:`translateX(${s}px)`}},top:(r,t)=>{const s=er(r,t);return{value:s,transform:s==null||isNaN(s)?void 0:`translateY(${s}px)`}},width:(r,t)=>{let s;t===0&&(t=1,s={width:"1px"});const i=sr(r,t);return{value:i,overrideFrom:s,transform:i==null||isNaN(i)?void 0:`scaleX(${i})`}},height:(r,t)=>{let s;t===0&&(t=1,s={height:"1px"});const i=sr(r,t);return{value:i,overrideFrom:s,transform:i==null||isNaN(i)?void 0:`scaleY(${i})`}}},Vo={duration:333,easing:"ease-in-out"},Bo=["left","top","width","height","opacity","color","background"],ir=new WeakMap;class Ho extends Us{constructor(t){if(super(t),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,t.type===le.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished()}createFinished(){var t;(t=this.resolveFinished)==null||t.call(this),this.finished=new Promise(s=>{this.l=s})}async resolveFinished(){var t;(t=this.l)==null||t.call(this),this.l=void 0}render(t){return $}getController(){return Fo.get(this.u)}isDisabled(){var t;return this.options.disabled||((t=this.getController())==null?void 0:t.disabled)}update(t,[s]){var e;const i=this.u===void 0;return i&&(this.u=(e=t.options)==null?void 0:e.host,this.u.addController(this),this.u.updateComplete.then(o=>this.t=!0),this.element=t.element,ir.set(this.element,this)),this.optionsOrCallback=s,(i||typeof s!="function")&&this.p(s),this.render(s)}p(t){t=t??{};const s=this.getController();s!==void 0&&((t={...s.defaultOptions,...t}).keyframeOptions={...s.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??(t.properties=Bo),this.options=t}m(){const t={},s=this.element.getBoundingClientRect(),i=getComputedStyle(this.element);return this.options.properties.forEach(e=>{const o=s[e]??(Gs[e]?void 0:i[e]),n=Number(o);t[e]=isNaN(n)?o+"":n}),t}v(){let t,s=!0;return this.options.guard&&(t=this.options.guard(),s=((i,e)=>{if(Array.isArray(i)){if(Array.isArray(e)&&e.length===i.length&&i.every((o,n)=>o===e[n]))return!1}else if(e===i)return!1;return!0})(t,this._)),this.h=this.t&&!this.isDisabled()&&!this.isAnimating()&&s&&this.element.isConnected,this.h&&(this._=Array.isArray(t)?Array.from(t):t),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 t;this.prepare(),await tr;const s=this.O(),i=this.j(this.options.keyframeOptions,s),e=this.m();if(this.A!==void 0){const{from:o,to:n}=this.N(this.A,e,s);this.log("measured",[this.A,e,o,n]),t=this.calculateKeyframes(o,n)}else{const o=Zs.get(this.options.inId);if(o){Zs.delete(this.options.inId);const{from:n,to:a}=this.N(o,e,s);t=this.calculateKeyframes(n,a),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,Ji++,t.forEach(c=>c.zIndex=Ji)}else this.options.in&&(t=[...this.options.in,{}])}this.animate(t,i)}resetStyles(){this.P!==void 0&&(this.element.setAttribute("style",this.P??""),this.P=void 0)}commitStyles(){var t,s;this.P=this.element.getAttribute("style"),(t=this.webAnimation)==null||t.commitStyles(),(s=this.webAnimation)==null||s.cancel()}reconnected(){}async disconnected(){var s;if(!this.h||(this.options.id!==void 0&&Zs.set(this.options.id,this.A),this.options.out===void 0))return;if(this.prepare(),await tr(),(s=this.i)==null?void 0:s.isConnected){const i=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,i),this.options.stabilizeOut){const e=this.m();this.log("stabilizing out");const o=this.A.left-e.left,n=this.A.top-e.top;getComputedStyle(this.element).position!=="static"||o===0&&n===0||(this.element.style.position="relative"),o!==0&&(this.element.style.left=o+"px"),n!==0&&(this.element.style.top=n+"px")}}const t=this.j(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove()}prepare(){this.createFinished()}start(){var t,s;(s=(t=this.options).onStart)==null||s.call(t,this)}didFinish(t){var s,i;t&&((i=(s=this.options).onComplete)==null||i.call(s,this)),this.A=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}O(){const t=[];for(let s=this.element.parentNode;s;s=s==null?void 0:s.parentNode){const i=ir.get(s);i&&!i.isDisabled()&&i&&t.push(i)}return t}get isHostRendered(){const t=Xi.has(this.u);return t||this.u.updateComplete.then(()=>{Xi.add(this.u)}),t}j(t,s=this.O()){const i={...Vo};return s.forEach(e=>Object.assign(i,e.options.keyframeOptions)),Object.assign(i,t),i}N(t,s,i){t={...t},s={...s};const e=i.map(a=>a.animatingProperties).filter(a=>a!==void 0);let o=1,n=1;return e.length>0&&(e.forEach(a=>{a.width&&(o/=a.width),a.height&&(n/=a.height)}),t.left!==void 0&&s.left!==void 0&&(t.left=o*t.left,s.left=o*s.left),t.top!==void 0&&s.top!==void 0&&(t.top=n*t.top,s.top=n*s.top)),{from:t,to:s}}calculateKeyframes(t,s,i=!1){const e={},o={};let n=!1;const a={};for(const c in s){const h=t[c],d=s[c];if(c in Gs){const f=Gs[c];if(h===void 0||d===void 0)continue;const m=f(h,d);m.transform!==void 0&&(a[c]=m.value,n=!0,e.transform=`${e.transform??""} ${m.transform}`,m.overrideFrom!==void 0&&Object.assign(e,m.overrideFrom))}else h!==d&&h!==void 0&&d!==void 0&&(n=!0,e[c]=h,o[c]=d)}return e.transformOrigin=o.transformOrigin=i?"center center":"top left",this.animatingProperties=a,n?[e,o]:void 0}async animate(t,s=this.options.keyframeOptions){this.start(),this.frames=t;let i=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),t!==void 0)){this.log("animate",[t,s]),i=!0,this.webAnimation=this.element.animate(t,s);const e=this.getController();e==null||e.add(this);try{await this.webAnimation.finished}catch{}e==null||e.remove(this)}return this.didFinish(i),i}isAnimating(){var t,s;return((t=this.webAnimation)==null?void 0:t.playState)==="running"||((s=this.webAnimation)==null?void 0:s.pending)}log(t,s){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,s)}}const fs=ce(Ho),qo={core:{cancel:`<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
475
|
+
<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"/>
|
|
476
|
+
</svg>
|
|
477
|
+
`,"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">
|
|
478
|
+
<path d="M7 12.5L10 15.5L17 8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
479
|
+
<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"/>
|
|
480
|
+
</svg>
|
|
481
|
+
`,check:`<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
482
|
+
<path d="M5 13L9 17L19 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
483
|
+
</svg>
|
|
484
|
+
`,"emoji-puzzled":'<svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.5 15.5s1.5-2 4.5-2 4.5 2 4.5 2M3 4c0-2.754 4-2.754 4 0 0 1.967-2 1.64-2 4M5 11.01l.01-.011" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.5 9a.5.5 0 110-1 .5.5 0 010 1zM10.5 9a.5.5 0 110-1 .5.5 0 010 1z" fill="#000" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>',"info-empty":`<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
485
|
+
<path d="M12 11.5V16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
486
|
+
<path d="M12 7.51L12.01 7.49889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
487
|
+
<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"/>
|
|
488
|
+
</svg>
|
|
489
|
+
`,loader:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>',"minus-small":`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
|
|
490
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
|
|
491
|
+
</svg>
|
|
492
|
+
`,"more-horiz":`<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
493
|
+
<path d="M18 12.5C18.2761 12.5 18.5 12.2761 18.5 12C18.5 11.7239 18.2761 11.5 18 11.5C17.7239 11.5 17.5 11.7239 17.5 12C17.5 12.2761 17.7239 12.5 18 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
494
|
+
<path d="M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
495
|
+
<path d="M6 12.5C6.27614 12.5 6.5 12.2761 6.5 12C6.5 11.7239 6.27614 11.5 6 11.5C5.72386 11.5 5.5 11.7239 5.5 12C5.5 12.2761 5.72386 12.5 6 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
496
|
+
</svg>
|
|
497
|
+
`,"more-vert":`<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
498
|
+
<path d="M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
499
|
+
<path d="M12 18.5C12.2761 18.5 12.5 18.2761 12.5 18C12.5 17.7239 12.2761 17.5 12 17.5C11.7239 17.5 11.5 17.7239 11.5 18C11.5 18.2761 11.7239 18.5 12 18.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
500
|
+
<path d="M12 6.5C12.2761 6.5 12.5 6.27614 12.5 6C12.5 5.72386 12.2761 5.5 12 5.5C11.7239 5.5 11.5 5.72386 11.5 6C11.5 6.27614 11.7239 6.5 12 6.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
501
|
+
</svg>
|
|
502
|
+
`,"nav-arrow-down":`<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
503
|
+
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
504
|
+
</svg>
|
|
505
|
+
`,"warning-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">
|
|
506
|
+
<path d="M12 7L12 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
507
|
+
<path d="M12 17.01L12.01 16.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
|
508
|
+
<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"/>
|
|
509
|
+
</svg>
|
|
510
|
+
`}},gs=new Map,ms={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 rr=!1;function Wo(){var r,t;rr||(rr=!0,ms.custom.url=((r=document.querySelector("[customIconLibraryPath]"))==null?void 0:r.getAttribute("customIconLibraryPath"))||"",ms.custom.defaultPrefix=((t=document.querySelector("[customIconDefaultPrefix]"))==null?void 0:t.getAttribute("customIconDefaultPrefix"))||"")}const or=sessionStorage.getItem("sonicIconsCache"),Bt=or?JSON.parse(or):{icons:{},names:[]},Ko=100,_i=class _i{};_i.default={get:async t=>{const s=t.library;if(!t.name)return"";const i=t.name,e=qo;if(s=="custom"&&Wo(),s&&s in ms){const o=ms[s],n=t.prefix||o.defaultPrefix||"",a=e[s]||{};e[s]=a;const c=n+"-"+i;if(a[c])return I(a[c]);const h=(o.url||"").replace("$prefix",n).replace("$name",i);if(Bt.icons[h])return a[c]=Bt.icons[h],I(Bt.icons[h]);if(!gs.has(h)){const f=new Promise(async m=>{const b=await fetch(h);if(!b.ok){m(`<b title="Erreur ${b.status}">😶</b>`);return}try{const _=await b.text();m(_)}catch{m(null)}});gs.set(h,f)}const d=await gs.get(h);if(gs.delete(h),a[c]=d||"",Bt.icons[h]=d||"",Bt.names.length>Ko){const f=Bt.names.shift();delete Bt.icons[f]}return sessionStorage.setItem("sonicIconsCache",JSON.stringify(Bt)),I(d)}return I(e.core[t.name]||"")}};let Ys=_i;var Zo=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,Ze=(r,t,s,i)=>{for(var e=i>1?void 0:i?Go(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Zo(t,s,e),e};const Yo="sonic-icon";let de=class extends v{constructor(){super(...arguments),this.iconText="",this.name="",this.prefix="",this.library=""}async updateIcon(){this.iconText=await Ys.default.get({name:this.name,prefix:this.prefix,library:this.library})}willUpdate(r){(r.has("name")||r.has("prefix")||r.has("library"))&&this.updateIcon(),super.willUpdate(r)}render(){return this.iconText?this.iconText:$}};de.styles=P`
|
|
511
|
+
:host {
|
|
512
|
+
line-height: 0.1em;
|
|
513
|
+
width: fit-content;
|
|
514
|
+
height: fit-content;
|
|
515
|
+
vertical-align: -0.125em;
|
|
516
|
+
flex-shrink: 0;
|
|
517
|
+
}
|
|
518
|
+
svg {
|
|
519
|
+
height: var(--sc-icon-size, 1em);
|
|
520
|
+
width: 1.4em;
|
|
521
|
+
overflow: visible;
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
svg:not([fill="none"]) {
|
|
525
|
+
fill: currentColor;
|
|
526
|
+
}
|
|
527
|
+
|
|
528
|
+
svg[fill="none"] {
|
|
529
|
+
stroke-width: 2;
|
|
530
|
+
}
|
|
531
|
+
|
|
532
|
+
:host([size="2xs"]) svg {
|
|
533
|
+
--sc-icon-size: 0.625em;
|
|
534
|
+
}
|
|
535
|
+
|
|
536
|
+
:host([size="xs"]) svg {
|
|
537
|
+
--sc-icon-size: 0.75em;
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
:host([size="sm"]) svg {
|
|
541
|
+
--sc-icon-size: 0.875em;
|
|
542
|
+
}
|
|
543
|
+
|
|
544
|
+
:host([size="lg"]) svg {
|
|
545
|
+
--sc-icon-size: 1.25em;
|
|
546
|
+
}
|
|
547
|
+
|
|
548
|
+
:host([size="xl"]) svg {
|
|
549
|
+
--sc-icon-size: 1.5em;
|
|
550
|
+
}
|
|
551
|
+
|
|
552
|
+
:host([size="2xl"]) svg {
|
|
553
|
+
--sc-icon-size: 2em;
|
|
554
|
+
}
|
|
555
|
+
|
|
556
|
+
:host([size="3xl"]) svg {
|
|
557
|
+
--sc-icon-size: 2.8em;
|
|
558
|
+
}
|
|
559
|
+
`,Ze([T()],de.prototype,"iconText",2),Ze([l({type:String})],de.prototype,"name",2),Ze([l({type:String})],de.prototype,"prefix",2),Ze([l({type:String})],de.prototype,"library",2),de=Ze([w(Yo)],de);const Ge=P`
|
|
560
|
+
.custom-scroll {
|
|
561
|
+
overflow: auto !important;
|
|
562
|
+
overflow-y: overlay !important;
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
@media (hover: hover) {
|
|
566
|
+
.custom-scroll::-webkit-scrollbar {
|
|
567
|
+
width: 0.5rem;
|
|
568
|
+
height: 0.5rem;
|
|
569
|
+
border: solid 0.15rem transparent;
|
|
570
|
+
border-radius: var(--sc-rounded);
|
|
571
|
+
background: transparent;
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
.custom-scroll::-webkit-scrollbar-thumb {
|
|
575
|
+
box-shadow: inset 0 0 2rem 2rem var(--sc-scrollbar-bg);
|
|
576
|
+
border-radius: var(--sc-rounded);
|
|
577
|
+
border: solid 0.15rem transparent;
|
|
578
|
+
}
|
|
579
|
+
}
|
|
580
|
+
`;var Qo=Object.defineProperty,Jo=Object.getOwnPropertyDescriptor,St=(r,t,s,i)=>{for(var e=i>1?void 0:i?Jo(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Qo(t,s,e),e};const Xo={warning:"warning-circled-outline",success:"check-circled-outline",error:"warning-circled-outline",info:"info-empty"},tn="sonic-toast-item";let yt=class extends v{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}render(){if(this.dismissForever){const r=localStorage.getItem("sonic-toast-dismissed")||"{}";if(JSON.parse(r)[this.id])return $}return this.visible?g`<div class="sonic-toast ${this.status} ${this.ghost?"ghost":""}">
|
|
581
|
+
<button aria-label="Close" class="sonic-toast-close" @click=${()=>this.hide()}>
|
|
582
|
+
<sonic-icon name="cancel" size="lg"></sonic-icon>
|
|
583
|
+
</button>
|
|
584
|
+
<div class="sonic-toast-content custom-scroll" style="max-height: ${this.maxHeight} ;">
|
|
585
|
+
${this.status&&g`<sonic-icon name=${Xo[this.status]} class="sonic-toast-icon" size="2xl"></sonic-icon>`}
|
|
586
|
+
|
|
587
|
+
<div class="sonic-toast-text">
|
|
588
|
+
${this.title?g`<div class="sonic-toast-title">${this.title}</div>`:""} ${this.text?I(this.text):""}
|
|
589
|
+
<slot></slot>
|
|
590
|
+
</div>
|
|
591
|
+
|
|
592
|
+
${this.preserve?"":this.autoHide()}
|
|
593
|
+
</div>
|
|
594
|
+
</div>`:$}hide(){if(this.closest("sonic-toast")||(this.visible=!1),this.dismissForever){const r=localStorage.getItem("sonic-toast-dismissed")||"{}",t=JSON.parse(r);t[this.id]=!0,localStorage.setItem("sonic-toast-dismissed",JSON.stringify(t))}this.dispatchEvent(new CustomEvent("hide",{bubbles:!0}))}show(){this.visible=!0}autoHide(){setTimeout(()=>{this.hide()},6e3)}};yt.styles=[Ge,P`
|
|
595
|
+
* {
|
|
596
|
+
box-sizing: border-box;
|
|
597
|
+
}
|
|
598
|
+
:host {
|
|
599
|
+
display: block;
|
|
600
|
+
pointer-events: auto;
|
|
601
|
+
position: relative;
|
|
602
|
+
--sc-toast-status-color: transparent;
|
|
603
|
+
--sc-toast-color: var(--sc-base-content);
|
|
604
|
+
--sc-toast-bg: var(--sc-base);
|
|
605
|
+
--sc-toast-rounded: var(--sc-rounded-md);
|
|
606
|
+
--sc-toast-shadow: var(--sc-shadow-lg);
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
.fixed-area {
|
|
610
|
+
position: fixed;
|
|
611
|
+
bottom: 1.25rem;
|
|
612
|
+
right: 1.25rem;
|
|
613
|
+
z-index: 10000;
|
|
614
|
+
display: flex;
|
|
615
|
+
flex-direction: column-reverse;
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
.sonic-toast {
|
|
619
|
+
position: relative;
|
|
620
|
+
pointer-events: auto;
|
|
621
|
+
overflow: hidden;
|
|
622
|
+
line-height: 1.25;
|
|
623
|
+
color: var(--sc-toast-color);
|
|
624
|
+
box-shadow: var(--sc-toast-shadow);
|
|
625
|
+
border-radius: var(--sc-toast-rounded);
|
|
626
|
+
background: var(--sc-toast-bg);
|
|
627
|
+
}
|
|
628
|
+
|
|
629
|
+
.sonic-toast-content {
|
|
630
|
+
padding: 1em 2.5rem 1em 1em;
|
|
631
|
+
display: flex;
|
|
632
|
+
gap: 0.5rem;
|
|
633
|
+
overflow: auto;
|
|
634
|
+
position: relative;
|
|
635
|
+
}
|
|
636
|
+
|
|
637
|
+
.sonic-toast-text {
|
|
638
|
+
align-self: center;
|
|
639
|
+
margin-top: auto;
|
|
640
|
+
margin-bottom: auto;
|
|
641
|
+
max-width: 70ch;
|
|
642
|
+
line-height: 1.2;
|
|
643
|
+
}
|
|
644
|
+
|
|
645
|
+
::slotted(a:not(.btn)),
|
|
646
|
+
.sonic-toast-text a {
|
|
647
|
+
color: inherit !important;
|
|
648
|
+
text-decoration: underline !important;
|
|
649
|
+
text-underline-offset: 0.15rem;
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
::slotted(:is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6)),
|
|
653
|
+
.sonic-toast-text :is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6) {
|
|
654
|
+
margin: 0 0 0.3em !important;
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
::slotted(li),
|
|
658
|
+
.sonic-toast-text li {
|
|
659
|
+
margin-bottom: 0.15em !important;
|
|
660
|
+
}
|
|
661
|
+
|
|
662
|
+
::slotted(:is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6):last-child),
|
|
663
|
+
.sonic-toast-text > :is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6):last-child {
|
|
664
|
+
margin-bottom: 0 !important;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
/*BUTTON CLOSE*/
|
|
668
|
+
.sonic-toast-close {
|
|
669
|
+
all: unset;
|
|
670
|
+
position: absolute;
|
|
671
|
+
z-index: 4;
|
|
672
|
+
pointer-events: initial;
|
|
673
|
+
right: 0.5em;
|
|
674
|
+
top: 0.5em;
|
|
675
|
+
width: 1.5rem;
|
|
676
|
+
height: 1.5rem;
|
|
677
|
+
cursor: pointer;
|
|
678
|
+
display: inline-flex;
|
|
679
|
+
align-items: center;
|
|
680
|
+
justify-content: center;
|
|
681
|
+
border-radius: 50%;
|
|
682
|
+
text-align: center;
|
|
683
|
+
opacity: 0.5;
|
|
684
|
+
background: rgba(0, 0, 0, 0);
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
.sonic-toast-close:focus,
|
|
688
|
+
.sonic-toast-close:hover {
|
|
689
|
+
opacity: 1;
|
|
690
|
+
background: rgba(0, 0, 0, 0.075);
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
.sonic-toast-close svg {
|
|
694
|
+
width: 1rem;
|
|
695
|
+
height: 1rem;
|
|
696
|
+
object-fit: contain;
|
|
697
|
+
object-position: center center;
|
|
698
|
+
}
|
|
699
|
+
|
|
700
|
+
/*Title*/
|
|
701
|
+
.sonic-toast-title {
|
|
702
|
+
font-weight: bold;
|
|
703
|
+
font-size: 1.15rem;
|
|
704
|
+
margin: 0.15em 0 0.25em;
|
|
705
|
+
line-height: 1.2;
|
|
706
|
+
}
|
|
707
|
+
|
|
708
|
+
/*STATUS*/
|
|
709
|
+
.success {
|
|
710
|
+
--sc-toast-status-color: var(--sc-success);
|
|
711
|
+
--sc-toast-title-color: var(--sc-toast-status-color);
|
|
712
|
+
}
|
|
713
|
+
|
|
714
|
+
.error {
|
|
715
|
+
--sc-toast-status-color: var(--sc-danger);
|
|
716
|
+
--sc-toast-title-color: var(--sc-toast-status-color);
|
|
717
|
+
}
|
|
718
|
+
|
|
719
|
+
.warning {
|
|
720
|
+
--sc-toast-status-color: var(--sc-warning);
|
|
721
|
+
--sc-toast-title-color: var(--sc-toast-status-color);
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
.info {
|
|
725
|
+
--sc-toast-status-color: var(--sc-info);
|
|
726
|
+
--sc-toast-title-color: var(--sc-toast-status-color);
|
|
727
|
+
}
|
|
728
|
+
|
|
729
|
+
.success,
|
|
730
|
+
.error,
|
|
731
|
+
.info,
|
|
732
|
+
.warning {
|
|
733
|
+
border-top: 3px solid var(--sc-toast-status-color, currentColor);
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
.sonic-toast:before {
|
|
737
|
+
content: "";
|
|
738
|
+
display: block;
|
|
739
|
+
position: absolute;
|
|
740
|
+
left: 0;
|
|
741
|
+
top: 0;
|
|
742
|
+
right: 0;
|
|
743
|
+
bottom: 0;
|
|
744
|
+
opacity: 0.05;
|
|
745
|
+
pointer-events: none;
|
|
746
|
+
transition: 0.2s;
|
|
747
|
+
border-radius: var(--sc-toast-rounded);
|
|
748
|
+
background-color: var(--sc-toast-status-color);
|
|
749
|
+
}
|
|
750
|
+
|
|
751
|
+
.sonic-toast:hover:before {
|
|
752
|
+
opacity: 0.025;
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
.info .sonic-toast-icon,
|
|
756
|
+
.error .sonic-toast-icon,
|
|
757
|
+
.success .sonic-toast-icon,
|
|
758
|
+
.warning .sonic-toast-icon {
|
|
759
|
+
color: var(--sc-toast-status-color, currentColor);
|
|
760
|
+
}
|
|
761
|
+
|
|
762
|
+
.sonic-toast-icon {
|
|
763
|
+
position: sticky;
|
|
764
|
+
top: 0;
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
.ghost {
|
|
768
|
+
opacity: 0.85;
|
|
769
|
+
pointer-events: none;
|
|
770
|
+
}
|
|
771
|
+
`],St([l({type:String})],yt.prototype,"title",2),St([l({type:String})],yt.prototype,"id",2),St([l({type:String})],yt.prototype,"text",2),St([l({type:String})],yt.prototype,"status",2),St([l({type:Boolean})],yt.prototype,"ghost",2),St([l({type:Boolean})],yt.prototype,"preserve",2),St([l({type:Boolean})],yt.prototype,"dismissForever",2),St([l({type:String})],yt.prototype,"maxHeight",2),St([T()],yt.prototype,"visible",2),yt=St([w(tn)],yt);const en=P`
|
|
772
|
+
:host {
|
|
773
|
+
/* polices*/
|
|
774
|
+
--sc-font-family-base: "Inter var", "Inter", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
|
|
775
|
+
sans-serif;
|
|
776
|
+
--sc-font-weight-base: 400;
|
|
777
|
+
--sc-font-style-base: normal;
|
|
778
|
+
|
|
779
|
+
--sc-headings-font-family: var(--sc-font-family-base), sans-serif;
|
|
780
|
+
--sc-headings-font-style: var(--sc-font-style-base);
|
|
781
|
+
--sc-headings-line-height: 1.1;
|
|
782
|
+
--sc-headings-font-weight: 700;
|
|
783
|
+
--sc-headings-text-transform: none;
|
|
784
|
+
|
|
785
|
+
/* Button*/
|
|
786
|
+
--sc-btn-font-weight: var(--sc-font-weight-base);
|
|
787
|
+
--sc-btn-font-family: var(--sc-font-family-base);
|
|
788
|
+
--sc-btn-font-style: var(--sc-font-style-base);
|
|
789
|
+
|
|
790
|
+
/* ROUNDED*/
|
|
791
|
+
--sc-rounded-sm: calc(var(--sc-rounded) * 0.5);
|
|
792
|
+
--sc-rounded: 0.375rem;
|
|
793
|
+
--sc-rounded-md: calc(var(--sc-rounded) * 1.8);
|
|
794
|
+
--sc-rounded-lg: calc(var(--sc-rounded) * 3);
|
|
795
|
+
--sc-rounded-xl: calc(var(--sc-rounded) * 7);
|
|
796
|
+
--sc-rounded-size-intensity: calc((1em - 1rem) * 0.4);
|
|
797
|
+
|
|
798
|
+
/* 4 for rounded full*/
|
|
799
|
+
--sc-btn-rounded-intensity: 1.4;
|
|
800
|
+
--sc-btn-font-weight: 500;
|
|
801
|
+
--sc-btn-rounded: calc((var(--sc-rounded) + var(--sc-rounded-size-intensity)) * var(--sc-btn-rounded-intensity));
|
|
802
|
+
|
|
803
|
+
/* Placeholder */
|
|
804
|
+
--sc-placeholder-bg: rgba(17, 24, 39, 0.05);
|
|
805
|
+
|
|
806
|
+
/* OMBRES */
|
|
807
|
+
--sc-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
808
|
+
--sc-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
809
|
+
--sc-shadow-lg: 0 10px 15px 0px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
810
|
+
--sc-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
811
|
+
--sc-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
|
812
|
+
|
|
813
|
+
/* Forms */
|
|
814
|
+
--sc-border-width: max(1px, 0.12rem);
|
|
815
|
+
--sc-border-color: var(--sc-base-100);
|
|
816
|
+
--sc-form-height: 2.5em;
|
|
817
|
+
--sc-form-border-width: var(--sc-border-width);
|
|
818
|
+
--sc-input-bg: var(--sc-base-100);
|
|
819
|
+
--sc-input-border-color: var(--sc-input-bg);
|
|
820
|
+
--sc-input-rounded-intensity: 1.4;
|
|
821
|
+
--sc-input-rounded: calc((var(--sc-rounded) + var(--sc-rounded-size-intensity)) * var(--sc-input-rounded-intensity));
|
|
822
|
+
--sc-label-font-weight: 500;
|
|
823
|
+
|
|
824
|
+
/* Contrast -- ex : Text on images */
|
|
825
|
+
--sc-contrast-content: #fff;
|
|
826
|
+
--sc-contrast: #11151f;
|
|
827
|
+
|
|
828
|
+
/*Scrollbar*/
|
|
829
|
+
--sc-scrollbar-bg: var(--sc-base-400);
|
|
830
|
+
|
|
831
|
+
/*Body*/
|
|
832
|
+
--sc-body-bg: var(--sc-base);
|
|
833
|
+
}
|
|
834
|
+
`,sn=P`
|
|
835
|
+
:host {
|
|
836
|
+
/*Boutons*/
|
|
837
|
+
--sc-primary: var(--sc-base-800);
|
|
838
|
+
--sc-info: #2563eb;
|
|
839
|
+
--sc-danger: #f43f5e;
|
|
840
|
+
--sc-warning: #f97316;
|
|
841
|
+
--sc-success: #14b8a6;
|
|
842
|
+
|
|
843
|
+
--sc-primary-content: var(--sc-base);
|
|
844
|
+
--sc-info-content: var(--sc-base);
|
|
845
|
+
--sc-danger-content: var(--sc-base);
|
|
846
|
+
--sc-warning-content: var(--sc-base);
|
|
847
|
+
--sc-success-content: var(--sc-base);
|
|
848
|
+
|
|
849
|
+
/*Bases*/
|
|
850
|
+
--sc-base: #fff;
|
|
851
|
+
--sc-base-50: #f8fafc;
|
|
852
|
+
--sc-base-100: #f1f5f9;
|
|
853
|
+
--sc-base-200: #e2e8f0;
|
|
854
|
+
--sc-base-300: #cbd5e1;
|
|
855
|
+
--sc-base-400: #94a3b8;
|
|
856
|
+
--sc-base-500: #64748b;
|
|
857
|
+
--sc-base-600: #475569;
|
|
858
|
+
--sc-base-700: #334155;
|
|
859
|
+
--sc-base-800: #1e293b;
|
|
860
|
+
--sc-base-900: #0f172a;
|
|
861
|
+
--sc-base-content: var(--sc-base-700);
|
|
862
|
+
|
|
863
|
+
/*formulaires*/
|
|
864
|
+
--sc-input-bg: var(--sc-base-100);
|
|
865
|
+
--sc-input-color: var(--sc-base-content);
|
|
866
|
+
}
|
|
867
|
+
`,nr=P`
|
|
868
|
+
--sc-primary: var(--sc-dark-primary, var(--sc-base-700));
|
|
869
|
+
--sc-info: var(--sc-dark-info, #3abff8);
|
|
870
|
+
--sc-danger: var(--sc-dark-danger, #f87272);
|
|
871
|
+
--sc-warning: var(--sc-dark-warning, #fbbd23);
|
|
872
|
+
--sc-success: var(--sc-dark-success, #36d399);
|
|
873
|
+
|
|
874
|
+
--sc-primary-content: var(--sc-dark-primary-content, #002b3d);
|
|
875
|
+
--sc-info-content: var(--sc-dark-info-content, #002b3d);
|
|
876
|
+
--sc-danger-content: var(--sc-dark-danger-content, #382800);
|
|
877
|
+
--sc-warning-content: var(--sc-dark-warning-content, #382800);
|
|
878
|
+
--sc-success-content: var(--sc-dark-success-content, #003320);
|
|
879
|
+
|
|
880
|
+
--sc-base: var(--sc-dark-base, #1d2634);
|
|
881
|
+
--sc-base-50: var(--sc-dark-base-50, #1f2937);
|
|
882
|
+
--sc-base-100: var(--sc-dark-base-100, #252c36);
|
|
883
|
+
--sc-base-200: var(--sc-dark-base-200, #2c3543);
|
|
884
|
+
--sc-base-300: var(--sc-dark-base-300, #38414e);
|
|
885
|
+
--sc-base-400: var(--sc-dark-base-400, #515964);
|
|
886
|
+
--sc-base-500: var(--sc-dark-base-500, #828891);
|
|
887
|
+
--sc-base-600: var(--sc-dark-base-600, #b4b8be);
|
|
888
|
+
--sc-base-700: var(--sc-dark-base-700, #cdd0d5);
|
|
889
|
+
--sc-base-800: var(--sc-dark-base-800, #d9dce0);
|
|
890
|
+
--sc-base-900: var(--sc-dark-base-900, #e5e7eb);
|
|
891
|
+
--sc-base-content: var(--sc-dark-base-content, #e5e7eb);
|
|
892
|
+
`,rn=P`
|
|
893
|
+
:host([theme="dark"]) {
|
|
894
|
+
${nr}
|
|
895
|
+
}
|
|
896
|
+
|
|
897
|
+
@media (prefers-color-scheme: dark) {
|
|
898
|
+
:host([theme="auto"]) {
|
|
899
|
+
${nr}
|
|
900
|
+
}
|
|
901
|
+
}
|
|
902
|
+
`;var on=Object.defineProperty,nn=Object.getOwnPropertyDescriptor,Ye=(r,t,s,i)=>{for(var e=i>1?void 0:i?nn(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&on(t,s,e),e};const an="sonic-theme";let gt=class extends v{constructor(){super(),this.theme="light",this.background=!1,this.color=!1,this.font=!1,gt.instance=this}static getPopContainer(){return gt.instance||document.body}connectedCallback(){super.connectedCallback(),window.addEventListener("message",r=>this.receiveMessage(r),!1),window.dispatchEvent(new CustomEvent("SonicThemeReady")),this.postCSSVars()}postCSSVars(){var e;const r=document.styleSheets,t=r.length,s=[];for(let o=0;o<t;o++){const n=r[o];n.href&&(n.href.includes("googleapis")||n.href.includes("typekit.net"))&&s.push(n.href)}const i={variables:this.getCssVariables(),fonts:s};(e=tt.get("sonic-theme"))==null||e.set(i),document.querySelectorAll("iframe").forEach(o=>{var n;return(n=o.contentWindow)==null?void 0:n.postMessage({type:"SonicTheme",...i},"*")})}receiveMessage(r){const t=r.data;!t.type||t.type!="GetSonicTheme"||this.postCSSVars()}getCssVariables(){const r=[],t=[...gt.styles.map(e=>e.styleSheet),...Array.from(document.styleSheets)];for(const e of t)try{if(!e)continue;const o=e.cssRules;for(const n of o){if(!("style"in n))continue;const a=n.style;for(const c of a)r.includes(c)||c.indexOf("--sc")!==0||r.push(c)}}catch{console.log("Erreur lors de la récupération des variables CSS")}const s=window.getComputedStyle(this),i={};return r.forEach(e=>i[e]=s.getPropertyValue(e)),i}render(){return g`<slot></slot>`}};gt.styles=[sn,rn,en,P`
|
|
903
|
+
:host([color]) {
|
|
904
|
+
color: var(--sc-base-content);
|
|
905
|
+
}
|
|
906
|
+
|
|
907
|
+
:host([font]) {
|
|
908
|
+
font-family: var(--sc-font-family-base), sans-serif;
|
|
909
|
+
font-weight: var(--sc-font-weight-base);
|
|
910
|
+
font-style: var(--sc-font-style-base);
|
|
911
|
+
}
|
|
912
|
+
`],Ye([l({type:String,reflect:!0})],gt.prototype,"theme",2),Ye([l({type:Boolean,reflect:!0})],gt.prototype,"background",2),Ye([l({type:Boolean,reflect:!0})],gt.prototype,"color",2),Ye([l({type:Boolean,reflect:!0})],gt.prototype,"font",2),gt=Ye([w(an)],gt);var ln=Object.defineProperty,cn=Object.getOwnPropertyDescriptor,ar=(r,t,s,i)=>{for(var e=i>1?void 0:i?cn(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ln(t,s,e),e};const hn="sonic-toast";let E=class extends v{constructor(){super(...arguments),this.toasts=[]}createRenderRoot(){return this}render(){const t=window.parent!=window;let s={pointerEvents:"none",gap:"1rem",display:"flex",margin:"1rem"};return t||(s={...s,margin:"0",width:"calc(100% - 2.5rem)",position:"fixed",bottom:"1.25rem",right:"1.25rem",zIndex:"10000",maxWidth:"64ch",flexDirection:"column-reverse"}),E.handleExistingToastDelegation(),this.toasts?g`<div aria-live="polite" style=${dt(s)}>
|
|
913
|
+
${us(this.toasts,i=>i.id,i=>g`
|
|
914
|
+
<sonic-toast-item
|
|
915
|
+
maxHeight=${t?"none":"10rem"}
|
|
916
|
+
status=${x(i.status)}
|
|
917
|
+
title=${x(i.title)}
|
|
918
|
+
?ghost=${i.ghost}
|
|
919
|
+
?dismissForever=${i.dismissForever}
|
|
920
|
+
?preserve=${i.preserve}
|
|
921
|
+
id=${x(i.id)}
|
|
922
|
+
@hide=${()=>this.removeItem(i)}
|
|
923
|
+
${fs({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})}
|
|
924
|
+
>
|
|
925
|
+
<!-- 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) -->
|
|
926
|
+
${i.text?I(i.text):""}
|
|
927
|
+
</sonic-toast-item>
|
|
928
|
+
`)}
|
|
929
|
+
</div>`:$}static removeAll(){if(E.delegateToasts){E.handleExistingToastDelegation(),window.parent.postMessage({type:"removeAllToasts"},"*");return}const t=E.getInstance();t&&(t.toasts=t.toasts.filter(s=>s.ghost))}static getInstance(){return E.instance||(E.instance=document.createElement("sonic-toast"),gt.getPopContainer().prepend(E.instance)),E.instance}static add(t){if(E.delegateToasts){E.handleExistingToastDelegation(),window.parent.postMessage({type:"addToast",toast:t},"*");return}const s=E.getInstance(),i=t.id??new Date().valueOf(),o=new RegExp("</a>|</.*?button>|</.*?input>|</.*?textarea>|</.*?select>").test(t.text),n={id:i,text:t.text,title:t.title,status:t.status,preserve:o?!0:t.preserve,ghost:t.ghost,dismissForever:t.dismissForever};if(t.dismissForever&&t.id){const a=localStorage.getItem("sonic-toast-dismissed")||"{}";if(JSON.parse(a)[t.id])return null}if(s!=null&&s.toasts.length){const a={...n};for(const c of s.toasts){const h={...c};if(a.id=h.id=0,X.shallowEqual(a,h))return null}}return s&&(s.toasts=[...s.toasts,n]),n}static handleExistingToastDelegation(){if(!this.delegateToasts)return;const t=E.getInstance();window.parent.postMessage({type:"addToasts",toasts:t.toasts},"*"),t.toasts=[]}static removeItem(t){if(E.delegateToasts){E.handleExistingToastDelegation(),window.parent.postMessage({type:"removeToast",toast:t},"*");return}const s=E.getInstance();s&&s.removeItem(t)}removeItem(t){t&&(this.toasts=this.toasts.filter(s=>(s={...s},delete s.id,!X.shallowEqual(s,t,!1))))}};E.delegateToasts=!1,ar([l({type:Array})],E.prototype,"toasts",2),E=ar([w(hn)],E),typeof window<"u"&&(window.SonicToast=E);function dn(){var s;const r=i=>{i.data.type=="querySonicToastAvailability"&&i.source.postMessage({type:"sonicToastAvailable"},"*"),i.data.type=="sonicToastAvailable"&&(E.delegateToasts=!0,E.handleExistingToastDelegation()),i.data.type=="addToasts"&&(E.getInstance().toasts=[...E.getInstance().toasts,...i.data.toasts]),i.data.type=="removeAllToasts"&&E.removeAll(),i.data.type=="removeToast"&&E.removeItem(i.data.toast),i.data.type=="addToast"&&E.add(i.data.toast)},t=window.parent!=window;if(window.addEventListener("message",r,!1),t&&window.parent.postMessage({type:"querySonicToastAvailability"},"*"),!t)for(const i of document.querySelectorAll("iframe"))(s=i.contentWindow)==null||s.postMessage({type:"sonicToastAvailable"},"*")}dn();var pn=Object.defineProperty,un=Object.getOwnPropertyDescriptor,bs=(r,t,s,i)=>{for(var e=i>1?void 0:i?un(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&pn(t,s,e),e};const fn=new Set,gn=new Set,mn=r=>{for(const t of gn)t(r)},Qs=(r,t)=>{class s extends r{constructor(...e){super(),this.api=null,this.key="",this.isFirstLoad=!0,this.isLoading=!1,this.iObserver=null,this.isFetchEnabled=!0,this.fetchedData=null,this._endPoint="",this.requestId=0,this.refetchEveryMs=0,this.dataProvider=""}get props(){return super.props}set props(e){super.props=e}set endPoint(e){this._endPoint=e,this.isConnected&&this._fetchData()}get endPoint(){return this._endPoint}async _fetchData(){if(this.requestUpdate(),!this.isFetchEnabled||(this.api=new Ce(this.getApiConfiguration()),!this.api)||(this.dispatchEvent(new CustomEvent("loading",{detail:this})),this.getAttribute("localStorage")==="enabled"&&await tt.getInstance().isLocalStrorageReady,!this.isConnected))return;const e=tt.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();this.isLoading=!0,X.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});let o=await this.api.get(this.endPoint||this.dataProvider||"",e);if(this.fetchedData=o,this.api.lastResult&&!this.api.lastResult.ok&&(fn.add(this),mn(this.api.lastResult)),!!this.isConnected){if(o)o._sonic_http_response_&&!o._sonic_http_response_.ok&&Object.keys(o).length===1&&E.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 n=o._sonic_http_response_,a=this.key.split(".");o=X.traverse(o,a,this.hasAttribute("preserveOtherKeys")),o&&X.isObject(o)&&n&&(o._sonic_http_response_=n)}this.props=o,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(){var e;super.disconnectedCallback(),(e=this.publisher)==null||e.offInvalidate(this.onInvalidate),clearTimeout(this.refetchTimeOutId),this.isFirstLoad=!1}connectedCallback(){var e;this.lazyLoad=this.lazyLoad!==void 0?this.lazyLoad:this.hasAttribute("lazyload"),super.connectedCallback(),this.isFetchEnabled&&(this.key=this.key!=""?this.key:this.getAttribute("key"),this.props&&this.publisher.set(this.props),this.onInvalidate=()=>this._fetchData(),(e=this.publisher)==null||e.onInvalidate(this.onInvalidate),this.lazyLoad?this.handleLazyLoad():this._fetchData())}handleLazyLoad(){if(!this.lazyLoad)return;const e=this.getBoundingClientRect();if(e.x<window.innerWidth&&e.right>0&&e.y<window.innerHeight&&e.right>0){this._fetchData();return}const o=parseFloat(this.getAttribute("lazyBoundsRatio")||"1"),n={root:null,rootMargin:Math.max(window.innerWidth*o,window.innerHeight*o)+"px",threshold:.9};this.iObserver=new IntersectionObserver(c=>this.onIntersection(c),n);let a=this.shadowRoot?this.shadowRoot.children[0]:this.children[0];if((a==null?void 0:a.nodeName.toLocaleLowerCase())=="slot"&&(a=a.children[0]),!a||a.nodeName.toLocaleLowerCase()=="template"){a=document.createElement("span");const c=a.style;c.pointerEvents="none",this.lazyLoadSpan=a,this.appendChild(a)}a?this.iObserver.observe(a):this.isFirstLoad&&this._fetchData()}onIntersection(e){var o,n;for(const a of e)if(a.isIntersecting&&this.isFirstLoad){this._fetchData(),(o=this.lazyLoadSpan)==null||o.remove(),this.lazyLoadSpan=void 0,(n=this.iObserver)==null||n.disconnect();break}}}return bs([l()],s.prototype,"props",1),bs([l({type:String})],s.prototype,"endPoint",1),bs([l()],s.prototype,"requestId",2),bs([l({type:Number})],s.prototype,"refetchEveryMs",2),s};var bn=Object.defineProperty,vn=Object.getOwnPropertyDescriptor,pe=(r,t,s,i)=>{for(var e=i>1?void 0:i?vn(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&bn(t,s,e),e};const vs=r=>{class t extends r{constructor(...i){super(),this.forceAutoFill=!1,this._type="text",this.status="default"}validateFormElement(){var o;const i=(o=this.shadowRoot)==null?void 0:o.querySelector("input");if(!i||i.checkValidity())return;const e=this.getFormPublisher();e&&(e.isFormValid=!1),i.reportValidity()}set type(i){this.hasAttribute("type")&&!this.forceAutoFill&&(i=this.getAttribute("type")),this._type=i,this.requestUpdate()}get type(){return this._type}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()}}return pe([l()],t.prototype,"forceAutoFill",2),pe([l({type:String})],t.prototype,"type",1),pe([l()],t.prototype,"description",1),pe([l()],t.prototype,"label",1),pe([l({type:String,reflect:!0})],t.prototype,"status",2),pe([l({type:Number})],t.prototype,"tabindex",2),pe([l({type:String})],t.prototype,"autocomplete",2),t},lr=Qs,yn=Ks,cr=Ae,hr=vs,Ht=G,Js=qe;window["concorde-mixins"]=window["concorde-mixins"]||{},window["concorde-mixins"]={Fetcher:lr,FormCheckable:yn,FormElement:cr,FormInput:hr,Subscriber:Ht,TemplatesContainer:Js};/**
|
|
930
|
+
* @license
|
|
931
|
+
* Copyright 2020 Google LLC
|
|
932
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
933
|
+
*/const Ot=ce(class extends $e{constructor(r){if(super(r),r.type!==le.CHILD)throw Error("templateContent can only be used in child bindings")}render(r){return this.vt===r?ft:(this.vt=r,document.importNode(r.content,!0))}});var wn=Object.defineProperty,_n=Object.getOwnPropertyDescriptor,dr=(r,t,s,i)=>{for(var e=i>1?void 0:i?_n(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&wn(t,s,e),e};const xn="sonic-fetch";let ys=class extends Qs(G(Js(v))){renderLoader(){if(!(this.isLoading&&this.loader!==void 0))return $;const r=this.loader===!0||this.loader===""?"fixed":this.loader;return g`<sonic-loader mode=${r}></sonic-loader>`}renderSkeleton(){const r=this.templateParts.skeleton;return this.isLoading&&r?Ot(r):$}render(){return g`
|
|
934
|
+
${this.renderSkeleton()} ${this.renderLoader()}
|
|
935
|
+
${this.isLoading?$:g`<slot></slot>`}
|
|
936
|
+
`}};ys.styles=[P`
|
|
937
|
+
:host {
|
|
938
|
+
display: contents;
|
|
939
|
+
}
|
|
940
|
+
`],dr([l()],ys.prototype,"loader",2),ys=dr([w(xn)],ys);var Pn=Object.defineProperty,$n=Object.getOwnPropertyDescriptor,pr=(r,t,s,i)=>{for(var e=i>1?void 0:i?$n(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Pn(t,s,e),e};const Cn="sonic-if";let ws=class extends v{constructor(){super(...arguments),this.condition=!1}render(){return this.condition?g` <slot></slot> `:$}};ws.styles=P`
|
|
941
|
+
:host {
|
|
942
|
+
display: contents;
|
|
943
|
+
}
|
|
944
|
+
`,pr([l({type:Boolean})],ws.prototype,"condition",2),ws=pr([w(Cn)],ws);const An=P`
|
|
945
|
+
:host([align="left"]) .sonic-loader--inline {
|
|
946
|
+
margin-left: 0;
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
:host([align="right"]) .sonic-loader--inline {
|
|
950
|
+
margin-left: auto;
|
|
951
|
+
margin-right: 0;
|
|
952
|
+
}
|
|
953
|
+
.sonic-loader--inline {
|
|
954
|
+
display: block;
|
|
955
|
+
position: relative;
|
|
956
|
+
width: 80px;
|
|
957
|
+
height: 24px;
|
|
958
|
+
margin: auto;
|
|
959
|
+
z-index: 20;
|
|
960
|
+
}
|
|
961
|
+
.sonic-loader--inline div {
|
|
962
|
+
position: absolute;
|
|
963
|
+
top: 5px;
|
|
964
|
+
width: 13px;
|
|
965
|
+
height: 13px;
|
|
966
|
+
border-radius: 50%;
|
|
967
|
+
background: var(--sc-loader-bg);
|
|
968
|
+
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
969
|
+
}
|
|
970
|
+
.sonic-loader--inline div:nth-child(1) {
|
|
971
|
+
left: 8px;
|
|
972
|
+
animation: lds-ellipsis1 0.6s infinite;
|
|
973
|
+
}
|
|
974
|
+
.sonic-loader--inline div:nth-child(2) {
|
|
975
|
+
left: 8px;
|
|
976
|
+
animation: lds-ellipsis2 0.6s infinite;
|
|
977
|
+
}
|
|
978
|
+
.sonic-loader--inline div:nth-child(3) {
|
|
979
|
+
left: 32px;
|
|
980
|
+
animation: lds-ellipsis2 0.6s infinite;
|
|
981
|
+
}
|
|
982
|
+
.sonic-loader--inline div:nth-child(4) {
|
|
983
|
+
left: 56px;
|
|
984
|
+
animation: lds-ellipsis3 0.6s infinite;
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
@keyframes lds-ellipsis1 {
|
|
988
|
+
0% {
|
|
989
|
+
transform: scale(0);
|
|
990
|
+
}
|
|
991
|
+
100% {
|
|
992
|
+
transform: scale(1);
|
|
993
|
+
}
|
|
994
|
+
}
|
|
995
|
+
@keyframes lds-ellipsis3 {
|
|
996
|
+
0% {
|
|
997
|
+
transform: scale(1);
|
|
998
|
+
}
|
|
999
|
+
100% {
|
|
1000
|
+
transform: scale(0);
|
|
1001
|
+
}
|
|
1002
|
+
}
|
|
1003
|
+
@keyframes lds-ellipsis2 {
|
|
1004
|
+
0% {
|
|
1005
|
+
transform: translate(0, 0);
|
|
1006
|
+
}
|
|
1007
|
+
100% {
|
|
1008
|
+
transform: translate(24px, 0);
|
|
1009
|
+
}
|
|
1010
|
+
}
|
|
1011
|
+
`,Sn=P`
|
|
1012
|
+
|
|
1013
|
+
@keyframes sonic-loader--fixed {
|
|
1014
|
+
0% {
|
|
1015
|
+
transform: scale(0);
|
|
1016
|
+
opacity: 0;
|
|
1017
|
+
}
|
|
1018
|
+
5% {
|
|
1019
|
+
opacity: 1;
|
|
1020
|
+
}
|
|
1021
|
+
70% {
|
|
1022
|
+
opacity:90%;
|
|
1023
|
+
}
|
|
1024
|
+
100% {
|
|
1025
|
+
transform: scale(1);
|
|
1026
|
+
opacity: 0;
|
|
1027
|
+
}
|
|
1028
|
+
}
|
|
1029
|
+
|
|
1030
|
+
.sonic-loader--fixed {
|
|
1031
|
+
position: fixed;
|
|
1032
|
+
top:50%;
|
|
1033
|
+
left:50%;
|
|
1034
|
+
transform:transateY(-50%) translateX(-50%);
|
|
1035
|
+
z-index:999;
|
|
1036
|
+
}
|
|
1037
|
+
|
|
1038
|
+
.sonic-loader--fixed > div:nth-child(2) {
|
|
1039
|
+
animation-delay: -0.5s;
|
|
1040
|
+
}
|
|
1041
|
+
.sonic-loader--fixed > div:nth-child(3) {
|
|
1042
|
+
animation-delay: -0.2s;
|
|
1043
|
+
}
|
|
1044
|
+
|
|
1045
|
+
.sonic-loader--fixed > div:nth-child(4) {
|
|
1046
|
+
display:none !important;
|
|
1047
|
+
}
|
|
1048
|
+
.sonic-loader--fixed > div {
|
|
1049
|
+
background-color: var(--sc-loader-bg);
|
|
1050
|
+
width: 5rem;
|
|
1051
|
+
height: 5rem;
|
|
1052
|
+
border-radius: 100%;
|
|
1053
|
+
margin: 2px;
|
|
1054
|
+
animation-fill-mode: both;
|
|
1055
|
+
position: absolute;
|
|
1056
|
+
top: 0px;
|
|
1057
|
+
opacity: 0;
|
|
1058
|
+
margin: 0;
|
|
1059
|
+
top: -2.5rem;
|
|
1060
|
+
left: -2.5rem;
|
|
1061
|
+
width: 5rem;
|
|
1062
|
+
height: 5rem;
|
|
1063
|
+
animation: sonic-loader--fixed 1s 0s linear infinite;
|
|
1064
|
+
}
|
|
1065
|
+
|
|
1066
|
+
`;var On=Object.defineProperty,Dn=Object.getOwnPropertyDescriptor,Xs=(r,t,s,i)=>{for(var e=i>1?void 0:i?Dn(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&On(t,s,e),e};const kn="sonic-loader";let rt=class extends v{constructor(){super(...arguments),this.mode="fixed",this.noDelay=!1}static show(r){rt.loader||(rt.loader=document.createElement("sonic-loader"));const t=rt.loader;r||(r={}),r.mode&&t.setAttribute("mode",r.mode),r.noDelay&&t.setAttribute("noDelay",""),r.container||(r.container=gt.getPopContainer(),r.mode="fixed"),r.container.appendChild(t),rt.callCounter++}static hide(){rt.callCounter--,!(rt.callCounter>0)&&rt.loader&&rt.loader.remove()}render(){return g`<div class="sonic-loader sonic-loader--${this.mode} ${this.noDelay?"sonic-loader--nodelay":""} ">
|
|
1067
|
+
<div></div>
|
|
1068
|
+
<div></div>
|
|
1069
|
+
<div></div>
|
|
1070
|
+
<div></div>
|
|
1071
|
+
</div>`}};rt.styles=[An,Sn,P`
|
|
1072
|
+
:host {
|
|
1073
|
+
--sc-loader-bg: var(--sc-primary, currentColor);
|
|
1074
|
+
pointer-events: none;
|
|
1075
|
+
}
|
|
1076
|
+
|
|
1077
|
+
.sonic-loader {
|
|
1078
|
+
opacity: 0;
|
|
1079
|
+
animation: showLoader 0.5s 0.5s forwards;
|
|
1080
|
+
}
|
|
1081
|
+
.sonic-loader--inline,
|
|
1082
|
+
.sonic-loader--nodelay {
|
|
1083
|
+
animation-delay: 0s;
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
@keyframes showLoader {
|
|
1087
|
+
0% {
|
|
1088
|
+
opacity: 0;
|
|
1089
|
+
}
|
|
1090
|
+
|
|
1091
|
+
100% {
|
|
1092
|
+
opacity: 1;
|
|
1093
|
+
}
|
|
1094
|
+
}
|
|
1095
|
+
`],rt.callCounter=0,Xs([l({type:String})],rt.prototype,"mode",2),Xs([l({type:Boolean})],rt.prototype,"noDelay",2),rt=Xs([w(kn)],rt);var Ln=Object.defineProperty,En=Object.getOwnPropertyDescriptor,Nn=(r,t,s,i)=>{for(var e=i>1?void 0:i?En(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Ln(t,s,e),e};const Tn="sonic-subscriber";let ur=class extends G(v){constructor(){super(...arguments),this.noAutofill=!0}connectedCallback(){this.noShadowDom="",super.connectedCallback()}updated(r){super.updated(r),this.children.length==0?this.style.display="none":this.style.display="contents"}render(){return g`<slot></slot> `}};ur=Nn([w(Tn)],ur);var jn=Object.defineProperty,Mn=Object.getOwnPropertyDescriptor,ue=(r,t,s,i)=>{for(var e=i>1?void 0:i?Mn(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&jn(t,s,e),e};const In="sonic-list";let qt=class extends Qs(G(qe(v))){constructor(){super(...arguments),this.templateKey="template",this.idKey="id",this.limit=Number.POSITIVE_INFINITY,this.offset=0}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 $;const t=this.loader===!0||this.loader===""?"fixed":this.loader;return g`<sonic-loader mode=${t}></sonic-loader>`}renderSkeleton(){const r=this.templateParts.skeleton;return this.isLoading&&r?Ot(r):$}renderLoadingState(){return g`${this.renderSkeleton()} ${this.renderLoader()}`}renderNoResultState(){return g` <div
|
|
1096
|
+
style="color: var(--sc-base-400);
|
|
1097
|
+
font-size: 1.5em;
|
|
1098
|
+
margin: 4rem 0;
|
|
1099
|
+
display: flex;
|
|
1100
|
+
gap: 0.5rem;"
|
|
1101
|
+
>
|
|
1102
|
+
<sonic-icon name="emoji-puzzled" size="lg"></sonic-icon
|
|
1103
|
+
><span class="sonic-no-result-text"
|
|
1104
|
+
>${typeof this.props=="string"&&this.props==""?"Aucun résultat":this.props}</span
|
|
1105
|
+
>
|
|
1106
|
+
</div>`}formatProps(){let r=this.props;if(r==null)return null;const t=r._sonic_http_response_,s=this.hasAttribute("extractValues");return Array.isArray(r)||(s?r=Object.entries(r).map(([i,e])=>({key:i,value:e})):X.isObject(r)&&Object.keys(r).length>0&&(!t||t.ok)?r=[r]:r=[]),r=r.filter(i=>i!=null),t&&(r._sonic_http_response_=t),r}render(){if(this.isLoading&&!Array.isArray(this.props))return this.renderLoadingState();if(typeof this.props=="string")return this.renderNoResultState();if(!X.isObject(this.props))return g`<div></div>`;const i=this.formatProps();if(((i==null?void 0:i.length)||0)==0&&this.templateParts["no-item"])return Ot(this.templateParts["no-item"]);const e=this.templateList.length;let o=-1;const n=this.hasAttribute("extractValues"),a=this.templateParts.separator,c=(i==null?void 0:i.length)||0,h=i==null?void 0:i.slice(this.offset,this.offset+this.limit);return g`
|
|
1107
|
+
${h==null?void 0:h.map((d,f)=>{if(d==null)return $;let m=null,b=f;if(typeof d=="object"&&!Array.isArray(d)){const D=d[this.templateKey];D&&typeof D=="string"&&(m=this.templateParts[D]),n&&(b=d==null?void 0:d.key)}if(b=="_sonic_http_response_"||typeof b!="string"&&typeof b!="number")return $;const _=f>=c-1,C=f%2,O=this.publisher[b];return O._key_=b+"",O._metadata_={...O._metadata_.get(),key:b,even:C==0,odd:C==1,onlyChild:c==1,firstChild:f==0,lastChild:_},o++,m&&(o=-1),d&&g`
|
|
1108
|
+
<sonic-subscriber
|
|
1109
|
+
?debug=${this.defferedDebug===!0}
|
|
1110
|
+
.bindPublisher=${function(){return O}}
|
|
1111
|
+
.propertyMap?=${this.itemPropertyMap}
|
|
1112
|
+
dataProvider="${this.dataProvider}/list-item/${b}"
|
|
1113
|
+
>
|
|
1114
|
+
${Ot(m||this.templateList[o%e])}
|
|
1115
|
+
</sonic-subscriber>
|
|
1116
|
+
${a&&!_?Ot(a):$}
|
|
1117
|
+
`})}
|
|
1118
|
+
`}};ue([l({type:Object})],qt.prototype,"itemPropertyMap",2),ue([l({type:String})],qt.prototype,"templateKey",2),ue([l({type:String})],qt.prototype,"idKey",2),ue([l()],qt.prototype,"loader",2),ue([l()],qt.prototype,"limit",2),ue([l()],qt.prototype,"offset",2),qt=ue([w(In)],qt);/**
|
|
1119
|
+
* @license
|
|
1120
|
+
* Copyright 2021 Google LLC
|
|
1121
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1122
|
+
*/function*zn(r,t){if(r!==void 0){let s=0;for(const i of r)yield t(i,s++)}}var Fn=Object.defineProperty,Rn=Object.getOwnPropertyDescriptor,mt=(r,t,s,i)=>{for(var e=i>1?void 0:i?Rn(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Fn(t,s,e),e};const Un="sonic-queue";let ot=class extends G(v){constructor(){super(...arguments),this.templates=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.filteredFields="",this.instanceId=0,this.localStorage="disabled",this.filterPublisher=null,this.filterTimeoutMs=400,this.searchHash="",this.requestId=0,this.isFirstRequest=!0,this.updateFilteredContent=()=>{var n;const t=this.dataProviderExpression.split("?");t.shift();const s=new URLSearchParams(t.join("?")),i=(n=this.filterPublisher)==null?void 0:n.get(),e=this.filteredFields.split(" ");for(const a in i){let c=i[a];Array.isArray(c)&&(c=c.filter(h=>h!==null)),!(this.filteredFields&&!e.includes(a)||c==null||c.toString()==="")&&s.set(a,i[a].toString())}const o=s.toString();if(!(o==this.searchHash&&!this.isFirstRequest)){this.searchHash=o;for(const a of this.listDataProviders)L.delete(a);this.listDataProviders=[],clearTimeout(this.filterTimeoutId),this.filterTimeoutId=setTimeout(async()=>{const a=this.resultCount;this.props=null,this.requestId++,this.resultCount=a,await L.getInstance().isLocalStrorageReady,window.requestAnimationFrame(()=>this.next())},this.isFirstRequest?0:this.filterTimeoutMs),this.isFirstRequest=!1}},this.dataProviderExpression="",this.idKey="id",this.listDataProviders=[],this.nextHadEvent=!1}disconnectedCallback(){var r;for(const t of this.listDataProviders)L.delete(t),this.listDataProviders=[];(r=this.filterPublisher)==null||r.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=ot.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=We.getAncestorAttributeValue(this.parentElement,"dataProvider")||""),super.connectedCallback(),this.publisher.set({}),this.key=this.getAttribute("key"),await L.getInstance().isLocalStrorageReady,this.templates||(this.templates=Array.from(this.querySelectorAll("template"))),this.lastRequestTime=new Date().getTime(),this.configFilter()}configFilter(){var t;const r=this.getAncestorAttributeValue("dataFilterProvider");if(!r){this.next();return}this.filterPublisher=L.getInstance().get(r),(t=this.filterPublisher)==null||t.onInternalMutation(this.updateFilteredContent)}resetDuration(){this.lastRequestTime=new Date().getTime()}next(r){var f;let t=this.offset;const i=new Date().getTime()-this.lastRequestTime;if(!this.nextHadEvent&&r&&(this.publisher.resultCount=0,this.resultCount=0),this.nextHadEvent=!!r,r){if(this.publisher.lastFetchedData=r.detail.fetchedData,r.detail.requestId<this.requestId)return;if(this.resultCount+=r.detail.props.length,!r.detail.isFirstLoad||!r.detail.props.length||this.dataProviderExpression.indexOf("$offset")==-1){this.publisher.resultCount=this.resultCount;return}}if(Array.isArray(this.props)){const m=this.props,b=m[m.length-1];t=parseInt(b.offset.toString())+parseInt(b.limit.toString())}else{const m=[];m.resultCount=this.resultCount,m.lastFetchedData=(r==null?void 0:r.detail.fetchedData)||{},this.props=m}i>0&&r&&!this.localStorage&&(this.limit=Math.round(this.limit/i*this.targetRequestDuration)),this.limit<1&&(this.limit=1),this.limit>15&&(this.limit=15);let e=this.dataProviderExpression.replace("$offset",t+"").replace("$limit",this.limit+"");const o=e.split("?");let n=o.shift();const a=new URLSearchParams(o.join("?")),c=(f=this.filterPublisher)==null?void 0:f.get(),h=this.filteredFields.split(" ");for(const m in c)this.filteredFields&&h.includes(m)||c[m]==null||c[m]==""||a.set(m,c[m]);this.searchHash||(this.searchHash=a.toString()),n=n+"?"+a.toString(),e=e+"_item_from_queue_"+this.instanceId,this.listDataProviders.push(e);const d=[...this.props,{id:a.toString()+"/"+this.props.length,dataProvider:e,endPoint:n,offset:t,limit:this.limit}];d.resultCount=this.resultCount,d.lastFetchedData=(r==null?void 0:r.detail.fetchedData)||{},this.props=d,this.lastRequestTime=new Date().getTime()}render(){if(!Array.isArray(this.props))return $;let r=!this.noLazyload;return this.props.length==1&&(r=!1),g`
|
|
1123
|
+
${zn(this.props,(t,s)=>{var e;const i=s==0?this.templates:(e=this.templates)==null?void 0:e.filter(o=>o.getAttribute("data-value")!="no-item");return g`
|
|
1124
|
+
<sonic-list
|
|
1125
|
+
fetch
|
|
1126
|
+
loader="inline"
|
|
1127
|
+
cache=${this.cache}
|
|
1128
|
+
displayContents
|
|
1129
|
+
lazyBoundsRatio=${this.lazyBoundsRatio}
|
|
1130
|
+
?lazyload=${r}
|
|
1131
|
+
localStorage=${this.localStorage}
|
|
1132
|
+
requestId=${this.requestId}
|
|
1133
|
+
.itemPropertyMap=${this.itemPropertyMap}
|
|
1134
|
+
?debug=${this.defferedDebug===!0}
|
|
1135
|
+
@load=${this.next}
|
|
1136
|
+
key=${this.key}
|
|
1137
|
+
@loading=${this.resetDuration}
|
|
1138
|
+
dataProvider="${t.dataProvider}"
|
|
1139
|
+
endPoint="${t.endPoint}"
|
|
1140
|
+
idKey=${this.idKey}
|
|
1141
|
+
.templates=${i}
|
|
1142
|
+
>
|
|
1143
|
+
</sonic-list>
|
|
1144
|
+
`})}
|
|
1145
|
+
`}};ot.instanceCounter=0,mt([l({type:Array})],ot.prototype,"templates",2),mt([l({type:Object})],ot.prototype,"itemPropertyMap",2),mt([l()],ot.prototype,"cache",2),mt([l()],ot.prototype,"targetRequestDuration",2),mt([l()],ot.prototype,"limit",2),mt([l()],ot.prototype,"lazyBoundsRatio",2),mt([l()],ot.prototype,"offset",2),mt([l()],ot.prototype,"resultCount",2),mt([l({type:Boolean})],ot.prototype,"noLazyload",2),mt([l()],ot.prototype,"filteredFields",2),mt([l({type:String})],ot.prototype,"dataProviderExpression",2),mt([l({type:String})],ot.prototype,"idKey",2),ot=mt([w(Un)],ot);var Vn=Object.defineProperty,Bn=Object.getOwnPropertyDescriptor,Oe=(r,t,s,i)=>{for(var e=i>1?void 0:i?Bn(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Vn(t,s,e),e};const Hn="sonic-submit";let Wt=class extends G(v){constructor(){super(...arguments),this.submitResultKey=null,this.disabled=!1,this.endPoint=null,this.name="",this.value="",this.api=null}connectedCallback(){this.hasAttribute("onClick")&&this.addEventListener("click",()=>this.submit()),this.hasAttribute("onEnterKey")&&this.addEventListener("keydown",r=>{r.key==="Enter"&&this.submit()}),super.connectedCallback(),this.api=new Ce(this.getApiConfiguration())}submitNativeForm(){const r=We.getClosestForm(this);if(!r)return;const t=this.getAncestorAttributeValue("formDataProvider"),s=L.get(t).get();for(const e in s){if(e=="isFormValid")continue;let o=r.querySelector('input[name="'+e+'"], select[name="'+e+'"], textarea[name="'+e+'"]');o||(o=document.createElement("input"),o.type="hidden",o.name=e,r.appendChild(o));let n=s[e];Array.isArray(n)&&(n=n.join(",")),o.type==="checkbox"||o.type==="radio"?n&&(o.checked=!0):o.value=n}const i=document.createElement("input");i.name=this.name,i.style.display="none",i.value=this.value,i.type="submit",r.appendChild(i),i&&i.click()}async submit(){var b;const r=L.getInstance().get(this.getAncestorAttributeValue("formDataProvider"));if(r.isFormValid=!0,r.invalidate(),!r.isFormValid.get())return;if(this.publisher&&(this.publisher.disabled=!0),r.isFormValid,this.hasAttribute("native")){this.submitNativeForm();return}const s=((b=this.getAttribute("method"))==null?void 0:b.toLocaleLowerCase())||"post",i=this.hasAttribute("sendAsFormData"),e=r.get();delete e.isFormValid;const o=this.getAncestorAttributeValue("headersDataProvider"),n=o?L.getInstance().get(o):null;let a={};n&&(a=n.get());let c=null;const h=this.getAncestorAttributeValue("dataProvider"),d=this.endPoint||h;rt.show();const f=async()=>{var p,u,y,A,S,M,H;if(i)c=await((p=this.api)==null?void 0:p.submitFormData(d,e,s,a));else switch(s){case"put":c=await((u=this.api)==null?void 0:u.put(d,e,a));break;case"delete":c=await((y=this.api)==null?void 0:y.delete(d,e,a));break;case"get":const Z=new URLSearchParams;if(e)for(const kr in e)Z.append(kr,e[kr]);const we="?"+Z.toString();c=await((A=this.api)==null?void 0:A.get(d+we,a));break;default:c=await((S=this.api)==null?void 0:S.post(d,e,a));break}rt.hide(),c?c._sonic_http_response_&&!c._sonic_http_response_.ok&&Object.keys(c).length===1&&(c.messages=[{content:"Network Error",status:"error"}]):c={messages:[{content:"Network Error",status:"error"}]};const _=this.getAncestorAttributeValue("clearedDataOnSuccess");_&&_.split(" ").forEach(Z=>L.get(Z).set({}));const C=this.hasAttribute("usernameKey")?this.getAttribute("usernameKey"):"username",O=this.hasAttribute("passwordKey")?this.getAttribute("passwordKey"):"password";(H=(M=this.api)==null?void 0:M.lastResult)!=null&&H.ok&&e[C]&&e[O]&&this.saveCredentials(e[C],e[O]),this.submitResultKey&&(c=X.traverse(c,this.submitResultKey.split("."),!0));const D=this.getAncestorAttributeValue("submitResultDataProvider");D&&L.get(D).set(c),this.publisher&&(this.publisher.disabled=null)},m=n!=null&&n.needsCaptchaValidation.get()?n:r.needsCaptchaValidation.get()?r:null;if(m){m.captchaMethod=s,m.captchaAction=(h==null?void 0:h.split("?")[0])??this.getAncestorAttributeValue("formDataProvider")??"submit",m.captchaToken="request_token";const _=C=>{C!="request_token"&&C!=""&&(f(),m.captchaToken.offAssign(_))};m.captchaToken.onAssign(_)}else f()}async saveCredentials(r,t){if("PasswordCredential"in window){const s=new window.PasswordCredential({id:r,password:t});await navigator.credentials.store(s)}}render(){return g`<div ?data-disabled=${this.disabled}><slot></slot></div>`}};Wt.styles=P`
|
|
1146
|
+
[data-disabled] {
|
|
1147
|
+
opacity: 0.3;
|
|
1148
|
+
pointer-events: none;
|
|
1149
|
+
user-select: none;
|
|
1150
|
+
}
|
|
1151
|
+
`,Oe([l({type:String})],Wt.prototype,"submitResultKey",2),Oe([l({type:Boolean})],Wt.prototype,"disabled",2),Oe([l({type:String})],Wt.prototype,"endPoint",2),Oe([l()],Wt.prototype,"name",2),Oe([l()],Wt.prototype,"value",2),Wt=Oe([w(Hn)],Wt);var qn=Object.defineProperty,Wn=Object.getOwnPropertyDescriptor,ti=(r,t,s,i)=>{for(var e=i>1?void 0:i?Wn(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&qn(t,s,e),e};const Kn="sonic-router";let _s=class extends G(qe(v)){constructor(){super(...arguments),this.templateValueAttribute="data-route",this._location=document.location.href.replace(document.location.origin,"")}connectedCallback(){this.noShadowDom="",it.onChange(this),super.connectedCallback()}disconnectedCallback(){it.offChange(this),super.disconnectedCallback()}set location(r){this._location=r,this.requestUpdate()}get location(){return this._location}render(){const r=[];for(const t of this.templatePartsList){const s=t.getAttribute(this.templateValueAttribute)||"";if(new RegExp(s).test(this.location))r.push(t);else try{new he("(/)*"+s+"*").match(this.location)&&(t.setAttribute("mode","patternMatching"),r.push(t))}catch{this.location.indexOf(s.replace(document.location.origin,""))!=-1&&r.push(t)}}if(r.length==0){this.fallBackRoute&&this.isConnected&&(document.location.href=this.fallBackRoute);const t=this.templatePartsList.find(s=>s.hasAttribute("data-fallback"));t&&r.push(t)}return g`${us(r,(t,s)=>s+new Date().getTime(),t=>{var s;if(t.title&&(document.title=t.title),t.hasAttribute("dataProviderExpression")){let i="";const e=t.getAttribute("dataProviderExpression")||"";if(t.getAttribute("mode")=="patternMatching"){const o=new he("(/)*"+(t.getAttribute(this.templateValueAttribute)||"")+"*");i=new he(e).stringify(o.match(this.location))}else{const o=new RegExp(t.getAttribute(this.templateValueAttribute)||""),n=(this.location+"").match(o);n&&(i=((s=n.shift())==null?void 0:s.replace(o,e))||"")}return g`<div
|
|
1152
|
+
style="display:contents"
|
|
1153
|
+
dataProvider="${i}"
|
|
1154
|
+
>
|
|
1155
|
+
${Ot(t)}
|
|
1156
|
+
</div>`}return Ot(t)})}`}};ti([l({type:String})],_s.prototype,"fallBackRoute",2),ti([l()],_s.prototype,"location",1),_s=ti([w(Kn)],_s);var Zn=Object.defineProperty,Gn=Object.getOwnPropertyDescriptor,Yn=(r,t,s,i)=>{for(var e=i>1?void 0:i?Gn(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Zn(t,s,e),e};const Qn="sonic-redirect";let fr=class extends G(v){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")){it.changeFromComponent(this);return}if(!this.props)return;const r=this.getAttribute("onData").split("."),t=X.traverse(this.props,r);t&&!(X.isObject(t)&&t)&&it.changeFromComponent(this)}};fr=Yn([w(Qn)],fr);var Jn=Object.defineProperty,Xn=Object.getOwnPropertyDescriptor,ei=(r,t,s,i)=>{for(var e=i>1?void 0:i?Xn(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Jn(t,s,e),e};const ta="sonic-states";let xs=class extends G(qe(v)){constructor(){super(...arguments),this.state="",this.inverted=!1,this.statePath="",this.onAssign=r=>{this.state=r,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 r=this.statePath.split(".");for(const t of r)this.statePublisher=this.statePublisher[t];this.statePublisher.onAssign(this.onAssign)}}disconnectedCallback(){var r;this.statePath&&((r=this.statePublisher)==null||r.offAssign(this.onAssign)),super.disconnectedCallback()}render(){const r=[];let t=this.state;(!Array.isArray(t)&&X.isObject(t)||t===void 0)&&(t="");for(const s of this.templatePartsList){let i=s.getAttribute(this.templateValueAttribute),e=t;if(this.inverted&&(e=i,i=t),i==""&&(i=this.inverted?".*?":"^$"),new RegExp(i).test(e))r.push(s),s.removeAttribute("mode");else{const n=new he(i);n.names.length>0&&n.match(e)&&(s.setAttribute("mode","patternMatching"),r.push(s))}}return g`${us(r,(s,i)=>i+new Date().getTime(),s=>{var i;if(s.title&&(document.title=s.title),s.hasAttribute("dataProviderExpression")){const e=s.getAttribute("dataProviderExpression");let o="",n=t,a=s.getAttribute(this.templateValueAttribute);if(this.inverted&&(n=a,a=t),a==""&&(a=this.inverted?"*":"^$"),s.getAttribute("mode")=="patternMatching"){const c=new he(a);o=new he(e).stringify(c.match(n))}else{const c=new RegExp(a),h=(n+"").match(c);h&&(o=(i=h.shift())==null?void 0:i.replace(c,e))}return g`<div
|
|
1157
|
+
style="display:contents"
|
|
1158
|
+
dataProvider="${o}"
|
|
1159
|
+
>
|
|
1160
|
+
${Ot(s)}
|
|
1161
|
+
</div>`}return Ot(s)})}`}};ei([l()],xs.prototype,"state",2),ei([l({type:Boolean,reflect:!0})],xs.prototype,"inverted",2),xs=ei([w(ta)],xs);var ea=Object.defineProperty,sa=Object.getOwnPropertyDescriptor,ia=(r,t,s,i)=>{for(var e=i>1?void 0:i?sa(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ea(t,s,e),e};const ra="sonic-scope";let gr=class extends v{createRenderRoot(){return this}render(){return g`<slot></slot>`}};gr=ia([w(ra)],gr);var oa=Object.defineProperty,na=Object.getOwnPropertyDescriptor,mr=(r,t,s,i)=>{for(var e=i>1?void 0:i?na(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&oa(t,s,e),e};const aa="sonic-example";let si=class extends G(v){constructor(){super(...arguments),this.text="Example"}render(){return g`<div>${this.text}</div>`}};mr([l()],si.prototype,"text",2),si=mr([w(aa)],si);const la={checkbox:{tagName:"sonic-checkbox"},date:{tagName:"sonic-input",attributes:{type:"date"}},fieldset:{tagName:"sonic-fieldset",nodes:[{libraryKey:"formLayout"}],contentElementSelector:"sonic-form-layout"},managed_file:{tagName:"sonic-input",attributes:{variant:"ghost",type:"file"}},password:{tagName:"sonic-input",attributes:{type:"password"}},radio:{tagName:"sonic-radio"},select:{tagName:"sonic-select"},textarea:{tagName:"sonic-textarea"},textfield:{tagName:"sonic-input",attributes:{type:"text"}},hidden:{tagName:"sonic-input",attributes:{type:"hidden"}},button:{tagName:"sonic-button"},form:{tagName:"sonic-submit",attributes:{onEnterKey:!0}},submit:{tagName:"sonic-submit",attributes:{onClick:!0},contentElementSelector:"sonic-button",nodes:[{libraryKey:"button",attributes:{type:"success"},nodes:[{tagName:"sonic-icon",attributes:{name:"check",slot:"prefix"}}]}]},email:{tagName:"sonic-input",attributes:{type:"email"}},formItemContainer:{tagName:"div",attributes:{class:"form-item-container"}},formLayout:{tagName:"sonic-form-layout"},formActions:{tagName:"sonic-form-actions"},passwordHelper:{tagName:"sonic-password-helper"},sameValueHelper:{tagName:"sonic-same-value-helper"},divider:{tagName:"sonic-divider"}};class ca{async transform(t,s){if(this.sduiDescriptor=t,this.sduiDescriptor.library)for(const i in s.library)this.sduiDescriptor.library[i]=s.library[i];for(const i of s.transforms)this.transformAction(i)}transformAction(t){const s=this.getNodesMatchingPatterns(t.patterns,this.sduiDescriptor);this[t.action](t,s)}getNodesMatchingPatterns(t,s){if(!t)return[];if(!s)return[];const i=s.nodes;if(!i)return[];let e=[],o=0;for(const n of t)for(const a of i)this.nodeMatchesPattern(n,a)&&e.push({parent:s,child:a,index:o}),e=e.concat(this.getNodesMatchingPatterns([n],a)),o++;return e}stringMatchesExpression(t,s){return!s||t&&t.match(s)}nodeMatchesPattern(t,s){const i=t,e=s,o=["libraryKey","innerHTML","prefix","suffix","markup"];for(const c of o)if(!this.stringMatchesExpression(e[c],i[c]))return!1;const n=t.attributes,a=s.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(t,s){var i,e;for(const o of s)(i=o.parent.nodes)==null||i.splice(o.parent.nodes.indexOf(o.child),1),o.child.nodes&&((e=o.parent.nodes)==null||e.splice(o.parent.nodes.indexOf(o.child),0,...o.child.nodes))}wrap(t,s){var n,a,c,h,d,f;const i={...t.ui};i.nodes||(i.nodes=[]);let e=0;for(const m of s)(n=i.nodes)==null||n.push(m.child),e>0&&((a=m.parent.nodes)==null||a.splice(m.parent.nodes.indexOf(m.child),1)),e++;const o=(h=(c=s[0])==null?void 0:c.parent.nodes)==null?void 0:h.indexOf(s[0].child);o&&((d=s[0].parent.nodes)==null||d.splice(o,1),(f=s[0].parent.nodes)==null||f.splice(o,0,i))}move(t,s){var i,e;for(const o of s){(i=o.parent.nodes)==null||i.splice(o.parent.nodes.indexOf(o.child),1);let n=[];t.after&&(n=this.getNodesMatchingPatterns([t.after],this.sduiDescriptor)),t.before&&(n=this.getNodesMatchingPatterns([t.before],this.sduiDescriptor));const a=n[0];a&&((e=a.parent.nodes)==null||e.splice(a.parent.nodes.indexOf(a.child)+(t.after?1:0),0,o.child))}}remap(t,s){var i,e,o;for(const n of s){const a={...t.ui};a.attributes||(a.attributes={});const c=n.child.attributes;if(c)for(const _ in c)Object.prototype.hasOwnProperty.call(a.attributes,"key")||(a.attributes[_]=c[_]);const h=["libraryKey","innerHTML","prefix","suffix","markup"],d=n.child,f=a;for(const _ of h)!Object.prototype.hasOwnProperty.call(a,_)&&d[_]&&(f[_]=d[_]);a.nodes||(a.nodes=[]);const m=n.child.nodes;if(m)for(const _ of m)a.nodes.push(_);const b=((i=n.parent.nodes)==null?void 0:i.indexOf(n.child))||-1;b!=-1&&((e=n.parent.nodes)==null||e.splice(b,1),(o=n.parent.nodes)==null||o.splice(b,0,a))}}delete(t,s){var i;for(const e of s)(i=e.parent.nodes)==null||i.splice(e.parent.nodes.indexOf(e.child),1)}insert(t,s){var o;const i=t.after?"after":t.before?"before":"in";s=[],t.after?s=this.getNodesMatchingPatterns([t.after],this.sduiDescriptor):t.before?s=this.getNodesMatchingPatterns([t.before],this.sduiDescriptor):t.in&&(s=this.getNodesMatchingPatterns([t.in],this.sduiDescriptor));const e=s[0];e&&(i=="in"?(e.child.nodes||(e.child.nodes=[]),e.child.nodes.push({...t.ui})):(o=e.parent.nodes)==null||o.splice(e.parent.nodes.indexOf(e.child)+(i=="after"?1:0),0,{...t.ui}))}}var ha=Object.defineProperty,da=Object.getOwnPropertyDescriptor,ii=(r,t,s,i)=>{for(var e=i>1?void 0:i?da(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ha(t,s,e),e};const pa="sonic-sdui";let Ps=class extends lr(Ht(v)){constructor(){super(...arguments),this.sduiDescriptor={}}connectedCallback(){this.noShadowDom="",this.displayContents=!0,this.isFetchEnabled=this.hasAttribute("fetch"),super.connectedCallback()}willUpdate(r){this.props==null&&(this.sduiDescriptor={});{const t=this.sduiKey?this.props[this.sduiKey]:this.props;if(this.sduiDescriptor==t)return;this.sduiDescriptor=t,this.updateContents()}super.willUpdate(r)}async updateContents(){if(!this.sduiDescriptor)return;const r={};Object.assign(r,la,this.sduiDescriptor.library),this.sduiDescriptor.library=r,this.loadAssets(),await this.loadLibrary(),await this.transformSDUIDescriptor(),this.parseRootNodes()}removeChildren(){for(;[...this.children].filter(r=>r.nodeName!="SLOT").length>0;)this.removeChild(this.children[0])}loadAssets(){if(this.sduiDescriptor){if(this.sduiDescriptor.js)for(const r of this.sduiDescriptor.js)We.loadJS(r);if(this.sduiDescriptor.css)for(const r of this.sduiDescriptor.css)We.loadCSS(r)}}async transformSDUIDescriptor(){if(!this.hasAttribute("transformation"))return;const t=await(await fetch(this.getAttribute("transformation"))).json();await new ca().transform(this.sduiDescriptor,t)}async loadLibrary(){if(!this.hasAttribute("library"))return;const t=await(await fetch(this.getAttribute("library"))).json();this.sduiDescriptor.library=t}parseRootNodes(){if(this.removeChildren(),!this.sduiDescriptor)return;let r=this.sduiDescriptor.nodes;r||(r=[]);const t={tagName:"sonic-toast-message-subscriber",attributes:{}};this.messagesKey&&(t.attributes={subDataProvider:this.messagesKey}),r.push(t),r.forEach(s=>this.appendChild(this.parseChild(s)))}parseChild(r){const t=r.tagName||"div";let{element:s,contentElement:i}=this.handleLibrary(r,t);return this.handleAttributes(r,s),s=this.handleMarkup(r,s),i||(i=s),this.handleChildNodes(r,i,s),this.handleInnerHTML(r,i),r.prefix||r.suffix?this.handlePrefixSuffix(r,s):s}handlePrefixSuffix(r,t){const s=document.createElement("div");return s.innerHTML=(r.prefix||"")+t.outerHTML+(r.suffix||""),s.style.display="contents",s}handleChildNodes(r,t,s){if(r.nodes){const i=r.nodes;for(const e of i){const o=this.parseChild(e);let n=t;e.parentElementSelector&&(n=s.querySelector(e.parentElementSelector)||t),n.shadowRoot?n.shadowRoot.appendChild(o):n.tagName.toLocaleLowerCase()=="template"?n.content.appendChild(o):n.appendChild(o)}}}handleLibrary(r,t){let s,i;if(r.libraryKey&&this.sduiDescriptor.library){s=this.parseChild(this.sduiDescriptor.library[r.libraryKey]||{tagName:"div"});const e=(this.sduiDescriptor.library[r.libraryKey]||{}).contentElementSelector;e&&(i=s.querySelector(e))}else s=document.createElement(t);return{element:s,contentElement:i}}handleAttributes(r,t){const s=r.attributes;for(const i in s){const e=s[i],o=Ke.isObject(e)?JSON.stringify(e):e;t.setAttribute(i,o)}}handleMarkup(r,t){return r.markup&&(t=document.createElement("div"),t.style.display="contents",t.innerHTML=r.markup),t}handleInnerHTML(r,t){var s;if(r.innerHTML)if(r.innerHTML.indexOf("wording_")!=-1){const i=this.getAncestorAttributeValue("wordingProvider");(s=this.api)==null||s.post(i,{labels:[r.innerHTML.substring(8)]}).then(e=>{t&&(t.innerHTML+=e)})}else t&&(t.innerHTML+=r.innerHTML)}};ii([l()],Ps.prototype,"sduiKey",2),ii([l()],Ps.prototype,"messagesKey",2),Ps=ii([w(pa)],Ps);var ua=Object.defineProperty,fa=Object.getOwnPropertyDescriptor,br=(r,t,s,i)=>{for(var e=i>1?void 0:i?fa(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ua(t,s,e),e};let $s=class extends Ht(v){constructor(){super(...arguments),this._composition={},this.listeners=[]}get composition(){return this._composition}set composition(r){this._composition=r,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 r=this.listeners;this.listeners=[],r.forEach(t=>{this.publisher.offAssign(t.subscriber)})}parseComposition(r,t){if(r)for(const s in r){const i=r[s];if(typeof i=="string"){const e=i.split("."),o=e.shift();if(!o)continue;let n=tt.get(o);n=Ke.traverse(n,e);const a={publisher:n,subscriber:c=>{t[s]=c}};this.listeners.push(a),n.onAssign(a.subscriber),t._proxies_.set(s,n)}else{this.publisher[s]={};const e=new Ls({},t);t._proxies_.set(s,e);const o={publisher:e,subscriber:n=>{t[s]=n}};this.listeners.push(o),e.onAssign(o.subscriber),this.parseComposition(i,e)}}}render(){return g`<slot></slot>`}};$s.styles=[P`
|
|
1162
|
+
:host {
|
|
1163
|
+
display: contents;
|
|
1164
|
+
}
|
|
1165
|
+
`],br([l({type:Object})],$s.prototype,"composition",1),$s=br([w("sonic-mix")],$s);var ga=Object.defineProperty,ma=Object.getOwnPropertyDescriptor,ba=(r,t,s,i)=>{for(var e=i>1?void 0:i?ma(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ga(t,s,e),e};const va="sonic-value";let vr=class extends Ht(v){connectedCallback(){this.setAttribute("subDataProvider",this.getAttribute("key")),super.connectedCallback()}render(){return typeof this.props=="object"||this.props===void 0?g`<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>`:g`${I(this.props.toString())}<slot name="prefix"></slot><slot></slot
|
|
1166
|
+
><slot name="suffix"></slot>`}};vr=ba([w(va)],vr);var ya=Object.defineProperty,wa=Object.getOwnPropertyDescriptor,Qe=(r,t,s,i)=>{for(var e=i>1?void 0:i?wa(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ya(t,s,e),e};const _a="sonic-badge";let fe=class extends v{constructor(){super(...arguments),this.type="default",this.variant="default",this.ellipsis=!1}render(){return g`
|
|
1167
|
+
<slot name="prefix"></slot>
|
|
1168
|
+
<slot></slot>
|
|
1169
|
+
<slot name="suffix"></slot>
|
|
1170
|
+
`}};fe.styles=[At,P`
|
|
1171
|
+
:host {
|
|
1172
|
+
--sc-badge-gap: 0.3em;
|
|
1173
|
+
--sc-badge-py: 0.35em;
|
|
1174
|
+
--sc-badge-px: 0.67em;
|
|
1175
|
+
--sc-fs: 1rem;
|
|
1176
|
+
|
|
1177
|
+
--sc-badge-color: var(--sc-base-content, #1f2937);
|
|
1178
|
+
--sc-badge-bg: var(--sc-base-100, #e5e7eb);
|
|
1179
|
+
|
|
1180
|
+
/*--sc-badge-border-with: var(--sc-form-border-width, 0.1rem);*/
|
|
1181
|
+
--sc-badge-border-with: 1px;
|
|
1182
|
+
--sc-badge-border-color: transparent;
|
|
1183
|
+
--sc-badge-border: var(--sc-badge-border-with) solid var(--sc-badge-border-color);
|
|
1184
|
+
|
|
1185
|
+
--sc-badge-rounded: 0.85em;
|
|
1186
|
+
--sc-badge-fw: var(--sc-font-weight-base);
|
|
1187
|
+
|
|
1188
|
+
display: inline-flex;
|
|
1189
|
+
align-items: center;
|
|
1190
|
+
box-sizing: border-box;
|
|
1191
|
+
line-height: var(--sc-lh);
|
|
1192
|
+
border-radius: var(--sc-badge-rounded);
|
|
1193
|
+
|
|
1194
|
+
background: var(--sc-badge-bg);
|
|
1195
|
+
color: var(--sc-badge-color);
|
|
1196
|
+
|
|
1197
|
+
font-family: var(--sc-badge-ff, var(--sc-font-family-base, inherit));
|
|
1198
|
+
font-weight: var(--sc-badge-fw);
|
|
1199
|
+
line-height: 1;
|
|
1200
|
+
|
|
1201
|
+
padding-top: var(--sc-badge-py);
|
|
1202
|
+
padding-bottom: var(--sc-badge-py);
|
|
1203
|
+
padding-left: var(--sc-badge-px);
|
|
1204
|
+
padding-right: var(--sc-badge-px);
|
|
1205
|
+
min-height: calc(var(--sc-badge-px) * 2);
|
|
1206
|
+
border: var(--sc-badge-border);
|
|
1207
|
+
-webkit-print-color-adjust: exact;
|
|
1208
|
+
}
|
|
1209
|
+
|
|
1210
|
+
/*TYPES*/
|
|
1211
|
+
:host([type="primary"]) {
|
|
1212
|
+
--sc-badge-color: var(--sc-primary-content);
|
|
1213
|
+
--sc-badge-bg: var(--sc-primary);
|
|
1214
|
+
}
|
|
1215
|
+
:host([type="warning"]) {
|
|
1216
|
+
--sc-badge-color: var(--sc-warning-content);
|
|
1217
|
+
--sc-badge-bg: var(--sc-warning);
|
|
1218
|
+
}
|
|
1219
|
+
:host([type="danger"]) {
|
|
1220
|
+
--sc-badge-color: var(--sc-danger-content);
|
|
1221
|
+
--sc-badge-bg: var(--sc-danger);
|
|
1222
|
+
}
|
|
1223
|
+
:host([type="info"]) {
|
|
1224
|
+
--sc-badge-color: var(--sc-info-content);
|
|
1225
|
+
--sc-badge-bg: var(--sc-info);
|
|
1226
|
+
}
|
|
1227
|
+
:host([type="success"]) {
|
|
1228
|
+
--sc-badge-color: var(--sc-success-content);
|
|
1229
|
+
--sc-badge-bg: var(--sc-success);
|
|
1230
|
+
}
|
|
1231
|
+
:host([type="neutral"]) {
|
|
1232
|
+
--sc-badge-color: var(--sc-base);
|
|
1233
|
+
--sc-badge-bg: var(--sc-base-content);
|
|
1234
|
+
}
|
|
1235
|
+
|
|
1236
|
+
/*SIZE*/
|
|
1237
|
+
:host {
|
|
1238
|
+
font-size: var(--sc-fs);
|
|
1239
|
+
gap: var(--sc-badge-gap);
|
|
1240
|
+
}
|
|
1241
|
+
|
|
1242
|
+
:host([size="2xs"]) {
|
|
1243
|
+
--sc-badge-gap: 0.35em;
|
|
1244
|
+
}
|
|
1245
|
+
:host([size="xs"]) {
|
|
1246
|
+
--sc-badge-gap: 0.35em;
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1249
|
+
:host([size="sm"]) {
|
|
1250
|
+
--sc-badge-gap: 0.35em;
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1253
|
+
:host([size="lg"]) {
|
|
1254
|
+
--sc-lh: 1.2;
|
|
1255
|
+
--sc-badge-gap: 0.5em;
|
|
1256
|
+
}
|
|
1257
|
+
|
|
1258
|
+
:host([size="xl"]) {
|
|
1259
|
+
--sc-lh: 1.2;
|
|
1260
|
+
--sc-badge-gap: 0.5em;
|
|
1261
|
+
}
|
|
1262
|
+
|
|
1263
|
+
:host([contrast]) {
|
|
1264
|
+
--sc-badge-color: var(--sc-contrast-content);
|
|
1265
|
+
--sc-badge-bg: var(--sc-contrast);
|
|
1266
|
+
}
|
|
1267
|
+
|
|
1268
|
+
/*OUTLINE*/
|
|
1269
|
+
:host([variant="outline"][type]) {
|
|
1270
|
+
border-width: var(--sc-badge-border-with) !important;
|
|
1271
|
+
border-color: var(--sc-badge-bg);
|
|
1272
|
+
color: var(--sc-badge-bg);
|
|
1273
|
+
background: transparent;
|
|
1274
|
+
}
|
|
1275
|
+
|
|
1276
|
+
:host([variant="outline"][type="default"]) {
|
|
1277
|
+
border-color: var(--sc-base-400);
|
|
1278
|
+
color: var(--sc-base-500);
|
|
1279
|
+
background: transparent;
|
|
1280
|
+
}
|
|
1281
|
+
|
|
1282
|
+
/*GHOST*/
|
|
1283
|
+
:host([variant="ghost"][type]) {
|
|
1284
|
+
color: var(--sc-badge-bg);
|
|
1285
|
+
background: transparent;
|
|
1286
|
+
padding: 0;
|
|
1287
|
+
}
|
|
1288
|
+
@media (forced-colors: active) {
|
|
1289
|
+
:host([variant="ghost"][type]) {
|
|
1290
|
+
padding: var(--sc-badge-py) var(--sc-badge-px);
|
|
1291
|
+
}
|
|
1292
|
+
}
|
|
1293
|
+
|
|
1294
|
+
:host([variant="ghost"][type="default"]) {
|
|
1295
|
+
color: var(--sc-badge-color);
|
|
1296
|
+
background: transparent;
|
|
1297
|
+
}
|
|
1298
|
+
|
|
1299
|
+
:host([ellipsis]) {
|
|
1300
|
+
flex-wrap: nowrap;
|
|
1301
|
+
white-space: nowrap;
|
|
1302
|
+
max-width: 100%;
|
|
1303
|
+
}
|
|
1304
|
+
:host([ellipsis]) slot {
|
|
1305
|
+
overflow: hidden;
|
|
1306
|
+
display: block;
|
|
1307
|
+
text-overflow: ellipsis;
|
|
1308
|
+
white-space: nowrap;
|
|
1309
|
+
max-width: 100%;
|
|
1310
|
+
}
|
|
1311
|
+
|
|
1312
|
+
slot[name="suffix"],
|
|
1313
|
+
slot[name="prefix"] {
|
|
1314
|
+
flex-shrink: 0;
|
|
1315
|
+
}
|
|
1316
|
+
`],Qe([l({type:String,reflect:!0})],fe.prototype,"type",2),Qe([l({type:String,reflect:!0})],fe.prototype,"variant",2),Qe([l({type:String,reflect:!0})],fe.prototype,"size",2),Qe([l({type:Boolean,reflect:!0})],fe.prototype,"ellipsis",2),fe=Qe([w(_a)],fe);class xa{static fixBlankLink(t){const i=typeof require>"u"||typeof process!="object"?null:require("electron");t.target=="_blank"&&t.addEventListener("click",()=>{i==null||i.shell.openExternal(t.href)})}}var Pa=Object.defineProperty,$a=Object.getOwnPropertyDescriptor,De=(r,t,s,i)=>{for(var e=i>1?void 0:i?$a(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Pa(t,s,e),e};const Ca="sonic-link";let Kt=class extends v{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(r){this._location=r,it.updateComponentActiveState(this)}connectedCallback(){this.href&&this.href.indexOf("http")!=0&&(it.onChange(this),this.location=document.location.href.replace(document.location.origin,"")),this.addEventListener("keypress",r=>{var t,s;r.key==="Enter"&&((s=(t=this.shadowRoot)==null?void 0:t.querySelector("a"))==null||s.click())}),this.setFocusable(),super.connectedCallback()}setFocusable(){this.href?this.setAttribute("tabIndex","0"):this.removeAttribute("tabIndex")}disconnectedCallback(){it.offChange(this),super.disconnectedCallback()}set target(r){this._target=r,xa.fixBlankLink(this),this.requestUpdate()}get target(){return this._target}handlePushState(r){r.preventDefault(),it.changeFromComponent(this)}updated(r){r.has("href")&&this.setFocusable()}render(){return this.href?g`
|
|
1317
|
+
<a
|
|
1318
|
+
href="${this.href}"
|
|
1319
|
+
aria-label=${this.ariaLabel||$}
|
|
1320
|
+
target=${x(this.target)}
|
|
1321
|
+
@click=${this.pushState?this.handlePushState:null}
|
|
1322
|
+
>
|
|
1323
|
+
<slot></slot>
|
|
1324
|
+
</a>
|
|
1325
|
+
`:g`<slot></slot>`}};Kt.styles=[P`
|
|
1326
|
+
a {
|
|
1327
|
+
color: inherit;
|
|
1328
|
+
text-decoration: none;
|
|
1329
|
+
display: contents;
|
|
1330
|
+
}
|
|
1331
|
+
`],De([l({type:String})],Kt.prototype,"href",2),De([l({type:String,attribute:"data-aria-label"})],Kt.prototype,"ariaLabel",2),De([l({type:String})],Kt.prototype,"autoActive",2),De([l({type:String})],Kt.prototype,"target",1),De([l({type:Boolean})],Kt.prototype,"pushState",2),Kt=De([w(Ca)],Kt);var Aa=Object.defineProperty,Sa=Object.getOwnPropertyDescriptor,ke=(r,t,s,i)=>{for(var e=i>1?void 0:i?Sa(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Aa(t,s,e),e};const Oa="sonic-progress";let Zt=class extends v{constructor(){super(...arguments),this.max=100,this.invert=!1,this.type="default",this.size="md"}render(){return g`
|
|
1332
|
+
<progress value=${x(this.value)} max=${this.max}></progress>
|
|
1333
|
+
<div class="slot-container">
|
|
1334
|
+
<slot></slot>
|
|
1335
|
+
<slot name="remaining"></slot>
|
|
1336
|
+
</div>
|
|
1337
|
+
`}};Zt.styles=[At,P`
|
|
1338
|
+
:host {
|
|
1339
|
+
--sc-progress-bg: var(--sc-input-bg, var(--sc-base-100, #f5f5f5));
|
|
1340
|
+
--sc-progress-color: var(--sc-base-content, #1f2937);
|
|
1341
|
+
--sc-progress-height: 0.6em;
|
|
1342
|
+
--sc-progress-fs: var(--sc-fs, 1rem);
|
|
1343
|
+
--sc-progress-fw: 500;
|
|
1344
|
+
--sc-progress-rounded: var(--sc-rounded-lg);
|
|
1345
|
+
display: block;
|
|
1346
|
+
line-height: 1.2;
|
|
1347
|
+
font-weight: var(--sc-progress-fw);
|
|
1348
|
+
font-size: var(--sc-progress-fs);
|
|
1349
|
+
}
|
|
1350
|
+
|
|
1351
|
+
progress {
|
|
1352
|
+
position: relative;
|
|
1353
|
+
width: 100%;
|
|
1354
|
+
-webkit-appearance: none;
|
|
1355
|
+
appearance: none;
|
|
1356
|
+
overflow: hidden;
|
|
1357
|
+
border: none;
|
|
1358
|
+
height: var(--sc-progress-height);
|
|
1359
|
+
border-radius: var(--sc-progress-rounded);
|
|
1360
|
+
background-color: var(--sc-progress-bg);
|
|
1361
|
+
color: var(--sc-progress-color);
|
|
1362
|
+
}
|
|
1363
|
+
progress::-moz-progress-bar {
|
|
1364
|
+
background-color: var(--sc-progress-color);
|
|
1365
|
+
border-radius: var(--sc-progress-rounded);
|
|
1366
|
+
}
|
|
1367
|
+
|
|
1368
|
+
progress:not([value])::-moz-progress-bar {
|
|
1369
|
+
background-color: var(--sc-progress-bg);
|
|
1370
|
+
}
|
|
1371
|
+
|
|
1372
|
+
progress::-webkit-progress-bar {
|
|
1373
|
+
background-color: var(--sc-progress-bg);
|
|
1374
|
+
}
|
|
1375
|
+
progress::-webkit-progress-value {
|
|
1376
|
+
background-color: var(--sc-progress-color);
|
|
1377
|
+
border-radius: var(--sc-progress-rounded);
|
|
1378
|
+
}
|
|
1379
|
+
|
|
1380
|
+
/* Indeterminate */
|
|
1381
|
+
progress:indeterminate:after {
|
|
1382
|
+
background-color: var(--sc-progress-color);
|
|
1383
|
+
content: "";
|
|
1384
|
+
position: absolute;
|
|
1385
|
+
top: 0;
|
|
1386
|
+
bottom: 0;
|
|
1387
|
+
left: -40%;
|
|
1388
|
+
width: 33.333333%;
|
|
1389
|
+
border-radius: var(--sc-progress-rounded);
|
|
1390
|
+
animation: progress-loading 3s infinite ease-in-out;
|
|
1391
|
+
}
|
|
1392
|
+
|
|
1393
|
+
@keyframes progress-loading {
|
|
1394
|
+
50% {
|
|
1395
|
+
left: 107%;
|
|
1396
|
+
}
|
|
1397
|
+
}
|
|
1398
|
+
|
|
1399
|
+
/* COLOR TYPES */
|
|
1400
|
+
:host([type="warning"]) {
|
|
1401
|
+
--sc-progress-color: var(--sc-warning);
|
|
1402
|
+
}
|
|
1403
|
+
:host([type="danger"]) {
|
|
1404
|
+
--sc-progress-color: var(--sc-danger);
|
|
1405
|
+
}
|
|
1406
|
+
:host([type="info"]) {
|
|
1407
|
+
--sc-progress-color: var(--sc-info);
|
|
1408
|
+
}
|
|
1409
|
+
:host([type="success"]) {
|
|
1410
|
+
--sc-progress-color: var(--sc-success);
|
|
1411
|
+
}
|
|
1412
|
+
|
|
1413
|
+
:host([invert]) {
|
|
1414
|
+
--sc-progress-bg: rgba(200, 200, 200, 0.1);
|
|
1415
|
+
}
|
|
1416
|
+
|
|
1417
|
+
:host([type="default"][invert]) {
|
|
1418
|
+
--sc-progress-color: var(--sc-base);
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1421
|
+
slot[name="remaining"] {
|
|
1422
|
+
font-weight: var(--sc-font-weight-base);
|
|
1423
|
+
font-size: 0.85em;
|
|
1424
|
+
margin-top: 0.5em;
|
|
1425
|
+
}
|
|
1426
|
+
slot[name="remaining"]::slotted(*) {
|
|
1427
|
+
margin-left: auto;
|
|
1428
|
+
}
|
|
1429
|
+
|
|
1430
|
+
slot:not([name]) {
|
|
1431
|
+
color: var(--sc-progress-color);
|
|
1432
|
+
}
|
|
1433
|
+
|
|
1434
|
+
.slot-container {
|
|
1435
|
+
display: flex;
|
|
1436
|
+
justify-content: space-between;
|
|
1437
|
+
gap: 0.5em;
|
|
1438
|
+
margin-top: 0.15em;
|
|
1439
|
+
}
|
|
1440
|
+
`],ke([l({type:Number})],Zt.prototype,"value",2),ke([l({type:Number})],Zt.prototype,"max",2),ke([l({type:Boolean})],Zt.prototype,"invert",2),ke([l({type:String,reflect:!0})],Zt.prototype,"type",2),ke([l({type:String,reflect:!0})],Zt.prototype,"size",2),Zt=ke([w(Oa)],Zt);const Da=P`
|
|
1441
|
+
.password-toggle {
|
|
1442
|
+
color: var(--sc-input-c);
|
|
1443
|
+
font-size: var(--sc-input-fs);
|
|
1444
|
+
cursor: pointer;
|
|
1445
|
+
margin-right: calc(-0.5 * var(--sc-input-px));
|
|
1446
|
+
}
|
|
1447
|
+
|
|
1448
|
+
:host([inlineContent]) .has-suffix .password-toggle {
|
|
1449
|
+
margin-right: 0;
|
|
1450
|
+
}
|
|
1451
|
+
`,Cs=P`
|
|
1452
|
+
:host {
|
|
1453
|
+
--sc-label-fs: var(--sc-fs, 1rem);
|
|
1454
|
+
--sc-label-fw: var(--sc-label-font-weight);
|
|
1455
|
+
}
|
|
1456
|
+
label {
|
|
1457
|
+
font-size: var(--sc-label-fs);
|
|
1458
|
+
font-weight: var(--sc-label-fw);
|
|
1459
|
+
line-height: 1.2;
|
|
1460
|
+
}
|
|
1461
|
+
.form-label {
|
|
1462
|
+
margin-bottom: 0.22em;
|
|
1463
|
+
display: block;
|
|
1464
|
+
}
|
|
1465
|
+
`,As=P`
|
|
1466
|
+
.form-description {
|
|
1467
|
+
color: var(--sc-base-400);
|
|
1468
|
+
font-size: 0.85em;
|
|
1469
|
+
margin-top: 0.2em;
|
|
1470
|
+
display: block;
|
|
1471
|
+
}
|
|
1472
|
+
`,ri=P`
|
|
1473
|
+
* {
|
|
1474
|
+
box-sizing: border-box;
|
|
1475
|
+
}
|
|
1476
|
+
|
|
1477
|
+
:host {
|
|
1478
|
+
--sc-input-height: var(--sc-form-height);
|
|
1479
|
+
--sc-input-c: var(--sc-input-color, var(--sc-base-content));
|
|
1480
|
+
--sc-input-b-width: var(--sc-form-border-width);
|
|
1481
|
+
--sc-input-b-color: var(--sc-input-border-color);
|
|
1482
|
+
|
|
1483
|
+
--sc-item-rounded-tr: var(--sc-input-rounded);
|
|
1484
|
+
--sc-item-rounded-tl: var(--sc-input-rounded);
|
|
1485
|
+
--sc-item-rounded-bl: var(--sc-input-rounded);
|
|
1486
|
+
--sc-item-rounded-br: var(--sc-input-rounded);
|
|
1487
|
+
|
|
1488
|
+
--sc-input-fs: var(--sc-fs, 1rem);
|
|
1489
|
+
--sc-input-ff: inherit;
|
|
1490
|
+
--sc-input-py: 0.55em;
|
|
1491
|
+
--sc-input-px: clamp(0.3em, 8%, 1.1em);
|
|
1492
|
+
|
|
1493
|
+
--sc-input-background: var(--sc-input-bg);
|
|
1494
|
+
--sc-input-addon-c: var(--sc-input-addon-color, var(--sc-base));
|
|
1495
|
+
--sc-input-addon-bg: var(--sc-input-c);
|
|
1496
|
+
}
|
|
1497
|
+
|
|
1498
|
+
.form-element {
|
|
1499
|
+
display: block;
|
|
1500
|
+
flex-grow: 1;
|
|
1501
|
+
width: 100%;
|
|
1502
|
+
|
|
1503
|
+
line-height: 1.1;
|
|
1504
|
+
color: var(--sc-input-c);
|
|
1505
|
+
border-radius: var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);
|
|
1506
|
+
|
|
1507
|
+
font-family: var(--sc-input-ff);
|
|
1508
|
+
background-color: var(--sc-input-background);
|
|
1509
|
+
border: var(--sc-input-b-width) solid var(--sc-input-b-color, var(--sc-base-300, #aaa));
|
|
1510
|
+
width: 100%;
|
|
1511
|
+
font-size: var(--sc-input-fs);
|
|
1512
|
+
|
|
1513
|
+
padding-top: var(--sc-input-py);
|
|
1514
|
+
padding-bottom: var(--sc-input-py);
|
|
1515
|
+
padding-left: var(--sc-input-px);
|
|
1516
|
+
padding-right: var(--sc-input-px);
|
|
1517
|
+
|
|
1518
|
+
transition:
|
|
1519
|
+
border-color 0.15s ease-in-out,
|
|
1520
|
+
color 0.15s ease-in-out,
|
|
1521
|
+
box-shadow 0.15s ease-in-out;
|
|
1522
|
+
min-height: var(--sc-input-height);
|
|
1523
|
+
}
|
|
1524
|
+
|
|
1525
|
+
.form-control {
|
|
1526
|
+
display: flex;
|
|
1527
|
+
width: 100%;
|
|
1528
|
+
}
|
|
1529
|
+
|
|
1530
|
+
/*Suffix*/
|
|
1531
|
+
:host(:not([inlineContent])) .has-suffix slot[name="suffix"],
|
|
1532
|
+
:host(:not([inlineContent])) .has-prefix slot[name="prefix"] {
|
|
1533
|
+
min-width: var(--sc-input-height);
|
|
1534
|
+
box-sizing: border-box;
|
|
1535
|
+
display: flex;
|
|
1536
|
+
align-items: center;
|
|
1537
|
+
justify-content: center;
|
|
1538
|
+
line-height: 1.1;
|
|
1539
|
+
flex-shrink: 0;
|
|
1540
|
+
border: var(--sc-input-b-width) solid transparent;
|
|
1541
|
+
padding-left: clamp(0.25em, 3%, calc(0.33 * var(--sc-input-px)));
|
|
1542
|
+
padding-right: clamp(0.25em, 3%, calc(0.33 * var(--sc-input-px)));
|
|
1543
|
+
}
|
|
1544
|
+
|
|
1545
|
+
:host(:not([inlineContent])) slot[name="prefix"] {
|
|
1546
|
+
border-radius: var(--sc-item-rounded-tl) 0 0 var(--sc-item-rounded-bl);
|
|
1547
|
+
background-color: var(--sc-input-addon-bg);
|
|
1548
|
+
color: var(--sc-input-addon-c);
|
|
1549
|
+
/*margin-right: calc(-1 * var(--sc-input-b-width));
|
|
1550
|
+
border: none;*/
|
|
1551
|
+
}
|
|
1552
|
+
|
|
1553
|
+
:host(:not([inlineContent])) slot[name="suffix"] {
|
|
1554
|
+
border-radius: 0 var(--sc-item-rounded-tr) var(--sc-item-rounded-br) 0;
|
|
1555
|
+
background-color: var(--sc-input-addon-bg);
|
|
1556
|
+
color: var(--sc-input-addon-c);
|
|
1557
|
+
/*margin-left: calc(-1 * var(--sc-input-b-width));
|
|
1558
|
+
border: none;*/
|
|
1559
|
+
}
|
|
1560
|
+
|
|
1561
|
+
:host(:not([inlineContent])[disabled]) .has-suffix slot[name="suffix"],
|
|
1562
|
+
:host(:not([inlineContent])[disabled]) .has-prefix slot[name="prefix"] {
|
|
1563
|
+
opacity: 0.43;
|
|
1564
|
+
}
|
|
1565
|
+
|
|
1566
|
+
:host(:not([inlineContent])) .has-prefix .form-element {
|
|
1567
|
+
border-top-left-radius: 0;
|
|
1568
|
+
border-bottom-left-radius: 0;
|
|
1569
|
+
}
|
|
1570
|
+
|
|
1571
|
+
:host(:not([inlineContent])) .has-suffix .form-element {
|
|
1572
|
+
border-top-right-radius: 0;
|
|
1573
|
+
border-bottom-right-radius: 0;
|
|
1574
|
+
}
|
|
1575
|
+
|
|
1576
|
+
slot[name="suffix"]::slotted(sonic-icon),
|
|
1577
|
+
slot[name="prefix"]::slotted(sonic-icon) {
|
|
1578
|
+
font-size: 1.2em;
|
|
1579
|
+
}
|
|
1580
|
+
|
|
1581
|
+
/*InlineCONTENT */
|
|
1582
|
+
|
|
1583
|
+
.form-element > slot,
|
|
1584
|
+
.form-element .form-element {
|
|
1585
|
+
all: unset;
|
|
1586
|
+
}
|
|
1587
|
+
|
|
1588
|
+
:host([inlineContent]) .form-element {
|
|
1589
|
+
display: flex;
|
|
1590
|
+
align-items: center;
|
|
1591
|
+
gap: 0.35em;
|
|
1592
|
+
min-height: var(--sc-form-height);
|
|
1593
|
+
}
|
|
1594
|
+
|
|
1595
|
+
:host([inlineContent]) .form-element .form-element {
|
|
1596
|
+
appearance: none;
|
|
1597
|
+
background: transparent;
|
|
1598
|
+
border: none;
|
|
1599
|
+
padding: 0;
|
|
1600
|
+
display: block;
|
|
1601
|
+
width: 50%;
|
|
1602
|
+
min-width: 0;
|
|
1603
|
+
flex: 1 1 auto;
|
|
1604
|
+
height: auto;
|
|
1605
|
+
min-height: auto;
|
|
1606
|
+
border-radius: 0;
|
|
1607
|
+
}
|
|
1608
|
+
:host([inlineContent]) slot[name="prefix"]::slotted(*),
|
|
1609
|
+
:host([inlineContent]) slot[name="suffix"]::slotted(*) {
|
|
1610
|
+
display: block;
|
|
1611
|
+
flex: 0 0 auto;
|
|
1612
|
+
max-width: 100%;
|
|
1613
|
+
max-width: 100%;
|
|
1614
|
+
white-space: nowrap;
|
|
1615
|
+
}
|
|
1616
|
+
|
|
1617
|
+
:host([inlineContent]) .has-suffix slot[name="suffix"] {
|
|
1618
|
+
margin-right: calc(-0.5 * var(--sc-input-px));
|
|
1619
|
+
}
|
|
1620
|
+
:host([inlineContent]) .has-prefix slot[name="prefix"] {
|
|
1621
|
+
margin-left: calc(-0.5 * var(--sc-input-px));
|
|
1622
|
+
}
|
|
1623
|
+
|
|
1624
|
+
:host([inlineContent]) slot[name="suffix"]::slotted(*) {
|
|
1625
|
+
margin-left: auto;
|
|
1626
|
+
}
|
|
1627
|
+
|
|
1628
|
+
:host([inlineContent]) .no-suffix slot[name="suffix"],
|
|
1629
|
+
:host([inlineContent]) .no-prefix slot[name="prefix"] {
|
|
1630
|
+
display: none;
|
|
1631
|
+
}
|
|
1632
|
+
|
|
1633
|
+
/* :host([inlineContent]) .input {
|
|
1634
|
+
|
|
1635
|
+
}*/
|
|
1636
|
+
/*Disabled */
|
|
1637
|
+
:host([disabled]) .form-control {
|
|
1638
|
+
cursor: not-allowed;
|
|
1639
|
+
}
|
|
1640
|
+
|
|
1641
|
+
:host([variant="ghost"]) .form-element {
|
|
1642
|
+
--sc-input-bg: transparent;
|
|
1643
|
+
}
|
|
1644
|
+
|
|
1645
|
+
/*Disbaled*/
|
|
1646
|
+
:host([disabled]) .form-element {
|
|
1647
|
+
pointer-events: none;
|
|
1648
|
+
opacity: 0.43;
|
|
1649
|
+
/* border-color: transparent;*/
|
|
1650
|
+
}
|
|
1651
|
+
:host([disabled]) .select-chevron {
|
|
1652
|
+
display: none;
|
|
1653
|
+
/* border-color: transparent;*/
|
|
1654
|
+
}
|
|
1655
|
+
|
|
1656
|
+
/*PLACEHOLDER*/
|
|
1657
|
+
::placeholder {
|
|
1658
|
+
color: inherit;
|
|
1659
|
+
opacity: 0.45;
|
|
1660
|
+
}
|
|
1661
|
+
|
|
1662
|
+
:host([placehoderAsLabel]) ::placeholder {
|
|
1663
|
+
opacity: 1;
|
|
1664
|
+
}
|
|
1665
|
+
|
|
1666
|
+
:focus::placeholder {
|
|
1667
|
+
opacity: 0 !important;
|
|
1668
|
+
}
|
|
1669
|
+
|
|
1670
|
+
/*HOVER*/
|
|
1671
|
+
:host(:not([disabled])) .form-element:hover,
|
|
1672
|
+
.form-element:focus-visible,
|
|
1673
|
+
.form-element:focus {
|
|
1674
|
+
filter: brightness(0.97);
|
|
1675
|
+
outline: none;
|
|
1676
|
+
}
|
|
1677
|
+
|
|
1678
|
+
.form-label {
|
|
1679
|
+
margin-bottom: 0.22em;
|
|
1680
|
+
display: block;
|
|
1681
|
+
}
|
|
1682
|
+
|
|
1683
|
+
.form-description {
|
|
1684
|
+
color: var(--sc-base-400);
|
|
1685
|
+
font-size: 0.85em;
|
|
1686
|
+
margin-top: 0.2em;
|
|
1687
|
+
display: block;
|
|
1688
|
+
}
|
|
1689
|
+
|
|
1690
|
+
/*Utilitaires*/
|
|
1691
|
+
.hidden {
|
|
1692
|
+
display: none;
|
|
1693
|
+
}
|
|
1694
|
+
.contents {
|
|
1695
|
+
display: contents;
|
|
1696
|
+
}
|
|
1697
|
+
|
|
1698
|
+
/*ERROR*/
|
|
1699
|
+
:host([error]) {
|
|
1700
|
+
--sc-input-b-color: var(--sc-danger);
|
|
1701
|
+
}
|
|
1702
|
+
|
|
1703
|
+
:host input:visited {
|
|
1704
|
+
display: none;
|
|
1705
|
+
}
|
|
1706
|
+
|
|
1707
|
+
:host([touched][required]) :not(:focus):invalid {
|
|
1708
|
+
--sc-input-b-color: var(--sc-danger);
|
|
1709
|
+
--sc-input-c: var(--sc-danger);
|
|
1710
|
+
}
|
|
1711
|
+
|
|
1712
|
+
:host([touched][required]) :not(:focus):invalid + .select-chevron {
|
|
1713
|
+
--sc-input-c: var(--sc-danger);
|
|
1714
|
+
}
|
|
1715
|
+
|
|
1716
|
+
/*VALID*/
|
|
1717
|
+
:host([touched][required]) :not([value=""]):not(:focus):valid {
|
|
1718
|
+
--sc-input-b-color: var(--sc-success);
|
|
1719
|
+
--sc-input-c: var(--sc-success);
|
|
1720
|
+
}
|
|
1721
|
+
|
|
1722
|
+
:host([touched][required]) :not(:focus):valid + .select-chevron {
|
|
1723
|
+
--sc-input-c: var(--sc-success);
|
|
1724
|
+
}
|
|
1725
|
+
|
|
1726
|
+
/*Input COLOR*/
|
|
1727
|
+
:host([type="color"]) .form-element {
|
|
1728
|
+
padding: 0;
|
|
1729
|
+
border: 0;
|
|
1730
|
+
min-width: var(--sc-input-height);
|
|
1731
|
+
}
|
|
1732
|
+
input[type="color"]::-webkit-color-swatch-wrapper {
|
|
1733
|
+
padding: 0;
|
|
1734
|
+
}
|
|
1735
|
+
input[type="color"]::-webkit-color-swatch {
|
|
1736
|
+
border: none;
|
|
1737
|
+
border-radius: var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);
|
|
1738
|
+
}
|
|
1739
|
+
|
|
1740
|
+
/*Input Image*/
|
|
1741
|
+
:host([type="image"]) .form-element {
|
|
1742
|
+
padding: 0;
|
|
1743
|
+
border: none;
|
|
1744
|
+
}
|
|
1745
|
+
|
|
1746
|
+
/*Input reset & image*/
|
|
1747
|
+
input[type="reset"],
|
|
1748
|
+
input[type="submit"] {
|
|
1749
|
+
cursor: pointer;
|
|
1750
|
+
}
|
|
1751
|
+
|
|
1752
|
+
/*Input search*/
|
|
1753
|
+
:host([type="search"]) {
|
|
1754
|
+
appearance: none !important;
|
|
1755
|
+
}
|
|
1756
|
+
|
|
1757
|
+
input[type="search"]::-webkit-search-cancel-button {
|
|
1758
|
+
appearance: none;
|
|
1759
|
+
cursor: pointer;
|
|
1760
|
+
height: 0.65em;
|
|
1761
|
+
width: 0.65em;
|
|
1762
|
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
|
|
1763
|
+
background-size: contain;
|
|
1764
|
+
background-repeat: no-repeat;
|
|
1765
|
+
}
|
|
1766
|
+
|
|
1767
|
+
/* Text align */
|
|
1768
|
+
:host([align="center"]) .form-element {
|
|
1769
|
+
text-align: center;
|
|
1770
|
+
}
|
|
1771
|
+
:host([align="left"]) .form-element {
|
|
1772
|
+
text-align: left;
|
|
1773
|
+
}
|
|
1774
|
+
:host([align="right"]) .form-element {
|
|
1775
|
+
text-align: right;
|
|
1776
|
+
}
|
|
1777
|
+
|
|
1778
|
+
/* No arrows ion input Number */
|
|
1779
|
+
:host([noAppearance]) input[type="number"]::-webkit-outer-spin-button,
|
|
1780
|
+
:host([noAppearance]) input[type="number"]::-webkit-inner-spin-button {
|
|
1781
|
+
-webkit-appearance: none;
|
|
1782
|
+
margin: 0;
|
|
1783
|
+
}
|
|
1784
|
+
|
|
1785
|
+
:host([noAppearance]) input[type="number"] {
|
|
1786
|
+
-moz-appearance: textfield !important;
|
|
1787
|
+
}
|
|
1788
|
+
|
|
1789
|
+
/*type color "default" | "success" | "error" | "warning" | "info" */
|
|
1790
|
+
:host([status="success"]) {
|
|
1791
|
+
--sc-input-b-color: var(--sc-success);
|
|
1792
|
+
--sc-input-c: var(--sc-success);
|
|
1793
|
+
--sc-input-addon-bg: var(--sc-success);
|
|
1794
|
+
--sc-input-addon-color: var(--sc-success-content);
|
|
1795
|
+
}
|
|
1796
|
+
:host([status="error"]) {
|
|
1797
|
+
--sc-input-b-color: var(--sc-danger);
|
|
1798
|
+
--sc-input-c: var(--sc-danger);
|
|
1799
|
+
--sc-input-addon-bg: var(--sc-danger);
|
|
1800
|
+
--sc-input-addon-color: var(--sc-danger-content);
|
|
1801
|
+
}
|
|
1802
|
+
:host([status="warning"]) {
|
|
1803
|
+
--sc-input-b-color: var(--sc-warning);
|
|
1804
|
+
--sc-input-c: var(--sc-warning);
|
|
1805
|
+
--sc-input-addon-bg: var(--sc-warning);
|
|
1806
|
+
--sc-input-addon-color: var(--sc-warning-content);
|
|
1807
|
+
}
|
|
1808
|
+
:host([status="info"]) {
|
|
1809
|
+
--sc-input-b-color: var(--sc-info);
|
|
1810
|
+
--sc-input-c: var(--sc-info);
|
|
1811
|
+
--sc-input-addon-bg: var(--sc-info);
|
|
1812
|
+
--sc-input-addon-color: var(--sc-info-content);
|
|
1813
|
+
}
|
|
1814
|
+
`;/**
|
|
1815
|
+
* @license
|
|
1816
|
+
* Copyright 2018 Google LLC
|
|
1817
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1818
|
+
*/const oi=ce(class extends $e{constructor(r){var t;if(super(r),r.type!==le.ATTRIBUTE||r.name!=="class"||((t=r.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(r){return" "+Object.keys(r).filter(t=>r[t]).join(" ")+" "}update(r,[t]){var i,e;if(this.st===void 0){this.st=new Set,r.strings!==void 0&&(this.nt=new Set(r.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(const o in t)t[o]&&!((i=this.nt)!=null&&i.has(o))&&this.st.add(o);return this.render(t)}const s=r.element.classList;for(const o of this.st)o in t||(s.remove(o),this.st.delete(o));for(const o in t){const n=!!t[o];n===this.st.has(o)||(e=this.nt)!=null&&e.has(o)||(n?(s.add(o),this.st.add(o)):(s.remove(o),this.st.delete(o)))}return ft}});var ka=Object.defineProperty,La=Object.getOwnPropertyDescriptor,V=(r,t,s,i)=>{for(var e=i>1?void 0:i?La(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ka(t,s,e),e};const Ea="sonic-input";let R=class extends vs(Ae(G(v))){constructor(){super(...arguments),this.readonly=!1,this.inlineContent=!1,this.disableInlineContentFocus=!1,this.showPasswordToggle=!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=t=>this.pattern=this.escapeRegExp(t);const r=this.getFormPublisher();if(!r)return;r[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 r=this.getFormPublisher();if(!r)return;r[this.sameValueAsName].offAssign(this.sameValueAsHandle)}}escapeRegExp(r){return r.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}willUpdate(r){this.hasSlotOrProps(),super.willUpdate(r)}setSelectionRange(r,t){this.input.setSelectionRange(r,t)}hasSlotOrProps(){var r,t,s,i;this.hasLabel=!!(this.label||(r=this.slotLabelNodes)!=null&&r.length),this.hasDescription=!!(this.description||(t=this.slotDescriptionNodes)!=null&&t.length),this.hasSuffix=!!((s=this.slotSuffixNodes)!=null&&s.length),this.hasPrefix=!!((i=this.slotPrefixNodes)!=null&&i.length)}inlineContentFocus(){var r;!this.inlineContent||this.disableInlineContentFocus||(r=this.input)==null||r.focus()}handleChange(r){if(!this.hasAttribute("inputDelayMs")){super.handleChange(r);return}this.changeTimeoutId&&clearTimeout(this.changeTimeoutId),this.changeTimeoutId=setTimeout(()=>super.handleChange(r),parseInt(this.getAttribute("inputDelayMs")))}togglePasswordVisibility(){this.isPassword=!this.isPassword,this._type=this.isPassword?"password":"text"}render(){const r={"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"no-suffix":!this.hasSuffix,"no-prefix":!this.hasPrefix};return g`
|
|
1819
|
+
<label for="${this.id||"form-element"}" class="${this.hasLabel?"form-label":"hidden"}"
|
|
1820
|
+
>${this.label?I(this.label):""}<slot
|
|
1821
|
+
name="label"
|
|
1822
|
+
@slotchange=${this.hasSlotOrProps}
|
|
1823
|
+
></slot
|
|
1824
|
+
></label>
|
|
1825
|
+
|
|
1826
|
+
<div @click=${this.inlineContentFocus} class="form-control ${oi(r)}">
|
|
1827
|
+
<div part="content" class="${this.inlineContent?"form-element form-element-wrapper":"contents"}">
|
|
1828
|
+
<slot name="prefix" @slotchange=${this.hasSlotOrProps}></slot>
|
|
1829
|
+
<input
|
|
1830
|
+
part="input"
|
|
1831
|
+
id=${x(this.id||"form-element")}
|
|
1832
|
+
part="input"
|
|
1833
|
+
class="form-element input"
|
|
1834
|
+
@input=${this.handleChange}
|
|
1835
|
+
@blur=${this.handleBlur}
|
|
1836
|
+
type=${this.type}
|
|
1837
|
+
disabled=${x(this.disabled)}
|
|
1838
|
+
?readonly=${this.readonly}
|
|
1839
|
+
?autofocus=${this.autofocus}
|
|
1840
|
+
list=${x(this.list)}
|
|
1841
|
+
tabindex=${x(this.tabindex)}
|
|
1842
|
+
pattern=${x(this.pattern)}
|
|
1843
|
+
min=${x(this.min)}
|
|
1844
|
+
max=${x(this.max)}
|
|
1845
|
+
step=${x(this.step)}
|
|
1846
|
+
src=${x(this.src)}
|
|
1847
|
+
minlength=${x(this.minlength)}
|
|
1848
|
+
maxlength=${x(this.maxlength)}
|
|
1849
|
+
placeholder=${x(this.placeholder)}
|
|
1850
|
+
required=${x(this.required)}
|
|
1851
|
+
autocomplete=${x(this.autocomplete)}
|
|
1852
|
+
aria-label=${x(this.ariaLabel)}
|
|
1853
|
+
aria-labelledby=${x(this.ariaLabelledby)}
|
|
1854
|
+
.name=${this.name}
|
|
1855
|
+
.value=${this.value}
|
|
1856
|
+
/>
|
|
1857
|
+
${this.showPasswordToggle?g`<sonic-button
|
|
1858
|
+
shape="circle"
|
|
1859
|
+
class="password-toggle"
|
|
1860
|
+
@click=${this.togglePasswordVisibility}
|
|
1861
|
+
aria-label="Toggle password visibility"
|
|
1862
|
+
variant="unstyled"
|
|
1863
|
+
>
|
|
1864
|
+
<sonic-icon library="heroicons" name=${this.isPassword?"eye":"eye-slash"}></sonic-icon>
|
|
1865
|
+
</sonic-button>`:""}
|
|
1866
|
+
<slot name="suffix" @slotchange=${this.hasSlotOrProps}></slot>
|
|
1867
|
+
</div>
|
|
1868
|
+
</div>
|
|
1869
|
+
|
|
1870
|
+
<!-- le slot ne doit pas avoir d'espace-->
|
|
1871
|
+
<slot
|
|
1872
|
+
name="description"
|
|
1873
|
+
@slotchange=${this.hasSlotOrProps}
|
|
1874
|
+
class="${this.hasDescription?"form-description":"hidden"}"
|
|
1875
|
+
>${this.description?g`${I(this.description)}`:$}</slot>
|
|
1876
|
+
<slot name="list"></slot>
|
|
1877
|
+
</div>
|
|
1878
|
+
`}};R.styles=[At,ri,Cs,As,Da,P`
|
|
1879
|
+
:host([type="hidden"]) {
|
|
1880
|
+
appearance: none !important;
|
|
1881
|
+
display: none !important;
|
|
1882
|
+
}
|
|
1883
|
+
:host > .form-control {
|
|
1884
|
+
position: relative;
|
|
1885
|
+
}
|
|
1886
|
+
`],V([l({type:String,reflect:!0})],R.prototype,"size",2),V([l({type:String})],R.prototype,"list",2),V([l({type:String})],R.prototype,"placeholder",2),V([l({type:String})],R.prototype,"pattern",2),V([l({type:String})],R.prototype,"min",2),V([l({type:String})],R.prototype,"max",2),V([l({type:Boolean})],R.prototype,"readonly",2),V([l({type:Number})],R.prototype,"step",2),V([l({type:Number})],R.prototype,"minlength",2),V([l({type:Number})],R.prototype,"maxlength",2),V([l({type:String})],R.prototype,"src",2),V([l({type:Boolean,reflect:!0})],R.prototype,"inlineContent",2),V([l({type:Boolean})],R.prototype,"disableInlineContentFocus",2),V([l({type:Boolean})],R.prototype,"showPasswordToggle",2),V([st({slot:"label",flatten:!0})],R.prototype,"slotLabelNodes",2),V([st({slot:"description",flatten:!0})],R.prototype,"slotDescriptionNodes",2),V([st({slot:"suffix",flatten:!0})],R.prototype,"slotSuffixNodes",2),V([st({slot:"prefix",flatten:!0})],R.prototype,"slotPrefixNodes",2),V([ee("input")],R.prototype,"input",2),V([T()],R.prototype,"hasDescription",2),V([T()],R.prototype,"hasLabel",2),V([T()],R.prototype,"hasSuffix",2),V([T()],R.prototype,"hasPrefix",2),V([T()],R.prototype,"isPassword",2),R=V([w(Ea)],R);var Na=Object.defineProperty,Ta=Object.getOwnPropertyDescriptor,Gt=(r,t,s,i)=>{for(var e=i>1?void 0:i?Ta(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Na(t,s,e),e};const ja="sonic-pop";let nt=class extends v{constructor(){super(...arguments),this.open=!1,this.noToggle=!1,this.inline=!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.ancestorsHavingZIndex=new Set}runPositioningLoop(){this.positioningRuns&&(this.positioningRuns=!0,this.computePosition(this.placement),window.requestAnimationFrame(()=>this.runPositioningLoop()))}toggle(r){if(this.open&&this.noToggle)return;const t=r;r.type=="keydown"&&(t.key!="ArrowDown"||this.open)||(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.dispatchEvent(new CustomEvent("hide"))}setMaxZindex(){J.everyAncestors(this,r=>{const t=r;if(!t.className)return!0;if([...t.classList].includes("@container")){const s=t.style;s.zIndex="999999999";const i=getComputedStyle(t);return i.position!=="relative"&&i.position!=="absolute"&&(s.position="relative"),this.ancestorsHavingZIndex.add(r),!1}return!0})}resetZindexes(){this.ancestorsHavingZIndex.forEach(r=>{r.style.removeProperty("position"),r.style.removeProperty("z-index")}),this.ancestorsHavingZIndex.clear()}_handleClosePop(r){const t=r.composedPath(),s=t[0];nt.pops.forEach(i=>{const e=t.includes(i),o=t.includes(i.querySelector('[slot="content"]')),n=J.getAncestorAttributeValue(s,"data-on-select")==="keep";r.type=="pointerdown"&&e||r.type=="click"&&(e&&n||!o)||i.hide()})}connectedCallback(){super.connectedCallback(),nt.pops.size==0&&(document.addEventListener("pointerdown",this._handleClosePop),document.addEventListener("click",this._handleClosePop)),nt.pops.add(this)}firstUpdated(r){super.firstUpdated(r),this.resizeObserver.observe(this.popContent)}disconnectedCallback(){super.disconnectedCallback(),nt.pops.delete(this),nt.pops.size==0&&(document.removeEventListener("pointerdown",this._handleClosePop),document.removeEventListener("click",this._handleClosePop)),this.resizeObserver.unobserve(this.popContent)}computePosition(r){var b,_,C;let t=(b=this.popContent)==null?void 0:b.getBoundingClientRect();const s=8,i=5,e=this.getBoundingClientRect(),o=e.left,n=e.top;let a=o,c=n;const h=n-t.height-s,d=o-t.width-s,f=o+e.width+s,m=n+e.height+s;switch(r){case"bottom":c=m;break;case"top":c=h;break;case"left":a=d;break;case"right":a=f;break}this.lastContentX+=a-t.x,this.lastContentY+=c-t.y,Object.assign(this.popContent.style,{left:`${this.lastContentX}px`,top:`${this.lastContentY}px`}),t=(_=this.popContent)==null?void 0:_.getBoundingClientRect(),t.x<i&&r=="left"&&(a=f),t.y<i&&r=="top"&&(c=m),t.x+t.width>window.innerWidth-i&&r=="right"&&(a=d),t.y+t.height>window.innerHeight-i&&r=="bottom"&&(c=h),this.lastContentX+=a-t.x,this.lastContentY+=c-t.y,Object.assign(this.popContent.style,{left:`${this.lastContentX}px`,top:`${this.lastContentY}px`}),t=(C=this.popContent)==null?void 0:C.getBoundingClientRect(),t.x<0&&(this.lastContentX+=-t.x),t.y<0&&(this.lastContentY+=-t.y),t.x+t.width>window.innerWidth&&(this.lastContentX+=window.innerWidth-(t.x+t.width)),t.y+t.height>window.innerHeight&&(this.lastContentY+=window.innerHeight-(t.y+t.height)),Object.assign(this.popContent.style,{left:`${this.lastContentX}px`,top:`${this.lastContentY}px`})}render(){return g`
|
|
1887
|
+
<slot @click=${this.toggle} @keydown=${this.toggle} class="contents"></slot>
|
|
1888
|
+
<slot
|
|
1889
|
+
name="content"
|
|
1890
|
+
tabindex="-1"
|
|
1891
|
+
part="content"
|
|
1892
|
+
style="display: none;"
|
|
1893
|
+
class="
|
|
1894
|
+
${this.open?"is-open":""}"
|
|
1895
|
+
></slot>
|
|
1896
|
+
`}};nt.pops=new Set,nt.styles=[P`
|
|
1897
|
+
:host {
|
|
1898
|
+
display: inline-block;
|
|
1899
|
+
vertical-align: middle;
|
|
1900
|
+
}
|
|
1901
|
+
slot[name="content"] {
|
|
1902
|
+
max-width: 80vw;
|
|
1903
|
+
background-color: var(--sc-base);
|
|
1904
|
+
position: fixed;
|
|
1905
|
+
z-index: 99999;
|
|
1906
|
+
display: block;
|
|
1907
|
+
transform: translateY(1rem) scale(0.95);
|
|
1908
|
+
opacity: 0;
|
|
1909
|
+
pointer-events: none;
|
|
1910
|
+
transition-duration: 0.15s;
|
|
1911
|
+
transition-timing-function: ease;
|
|
1912
|
+
transition-property: all;
|
|
1913
|
+
border-radius: min(calc(var(--sc-btn-rounded) * 2), 0.4em);
|
|
1914
|
+
}
|
|
1915
|
+
|
|
1916
|
+
slot[name="content"].is-open:not(.is-empty) {
|
|
1917
|
+
transform: translateY(0) scale(1);
|
|
1918
|
+
opacity: 1;
|
|
1919
|
+
pointer-events: auto;
|
|
1920
|
+
transition-property: scale, opacity;
|
|
1921
|
+
transition-timing-function: cubic-bezier(0.25, 0.25, 0.42, 1.225);
|
|
1922
|
+
}
|
|
1923
|
+
|
|
1924
|
+
/*OMBRE*/
|
|
1925
|
+
:host([shadow]) slot[name="content"],
|
|
1926
|
+
:host([shadow="md"]) slot[name="content"],
|
|
1927
|
+
:host([shadow="true"]) slot[name="content"] {
|
|
1928
|
+
box-shadow: var(--sc-shadow);
|
|
1929
|
+
}
|
|
1930
|
+
|
|
1931
|
+
:host([shadow="sm"]) slot[name="content"] {
|
|
1932
|
+
box-shadow: var(--sc-shadow-sm);
|
|
1933
|
+
}
|
|
1934
|
+
|
|
1935
|
+
:host([shadow="none"]) slot[name="content"] {
|
|
1936
|
+
box-shadow: none;
|
|
1937
|
+
}
|
|
1938
|
+
|
|
1939
|
+
:host([shadow="lg"]) slot[name="content"] {
|
|
1940
|
+
box-shadow: var(--sc-shadow-lg);
|
|
1941
|
+
}
|
|
1942
|
+
|
|
1943
|
+
:host([inline]) {
|
|
1944
|
+
vertical-align: baseline;
|
|
1945
|
+
}
|
|
1946
|
+
`],Gt([T()],nt.prototype,"open",2),Gt([ee("slot:not([name=content])")],nt.prototype,"popBtn",2),Gt([ee("slot[name=content]")],nt.prototype,"popContent",2),Gt([l({type:Boolean})],nt.prototype,"noToggle",2),Gt([l({type:Boolean,reflect:!0})],nt.prototype,"inline",2),Gt([l({type:String,reflect:!0})],nt.prototype,"shadow",2),Gt([l({type:String})],nt.prototype,"placement",2),nt=Gt([w(ja)],nt);var Ma=Object.defineProperty,Ia=Object.getOwnPropertyDescriptor,za=(r,t,s,i)=>{for(var e=i>1?void 0:i?Ia(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Ma(t,s,e),e};const Fa="sonic-menu-item";let yr=class extends N{constructor(){super()}connectedCallback(){this.hasAttribute("variant")||(this.variant="ghost"),this.hasAttribute("type")||(this.type="primary"),this.hasAttribute("shape")||(this.shape="block");const r=this.shape==="square"||this.shape==="circle";!this.hasAttribute("align")&&!r&&(this.align="left"),super.connectedCallback()}};yr=za([w(Fa)],yr);class wr{constructor(t,{target:s,config:i,callback:e,skipInitial:o}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,s!==null&&this.t.add(s??t),this.l=i,this.o=o??this.o,this.callback=e,window.ResizeObserver?(this.u=new ResizeObserver(n=>{this.handleChanges(n),this.h.requestUpdate()}),t.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(t){var s;this.value=(s=this.callback)==null?void 0:s.call(this,t,this.u)}hostConnected(){for(const t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}}var Ra=Object.defineProperty,Ua=Object.getOwnPropertyDescriptor,wt=(r,t,s,i)=>{for(var e=i>1?void 0:i?Ua(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Ra(t,s,e),e};let pt=class extends Js(hr(cr(Ht(v)))){constructor(){super(...arguments),this.size="md",this.placeholder="",this.filteredFields="",this.readonly=null,this.dataProviderExpression="",this.key="",this.searchParameter="",this.propertyName="",this.hasInputPrefix=!1,this._resizeController=new wr(this,{}),this.searchDataProvider="",this.initSearchDataProvider="",this.queueDataProvider="",this.initQueueDataProvider="",this.lastValidSearch="",this.updateSearchParameter=r=>{var s;if(r==""){this.lastValidSearch="";return}this.queryQueueListItem(this.queueDataProvider,this.findSelection,this.setSearchFromSelection)===!1&&(this.lastValidSearch=r,(s=this.searchPublisher)==null||s.set(this.lastValidSearch))},this.initSearchParameter=()=>{this.queryQueueListItem(this.initQueueDataProvider,this.findSelection,this.setSearchFromSelection)},this.selectListItem=r=>{var s;const t=this.propertyName==="_self"?r:r[this.propertyName||this.name];(s=this.formValuePublisher)==null||s.set(t)},this.findSearchedItem=r=>{var s;return(this.propertyName==="_self"?r:r[this.propertyName||this.searchParameter||this.name])==((s=this.searchPublisher)==null?void 0:s.get())},this.findSelection=r=>(this.propertyName==="_self"?r:r[this.propertyName||this.name])==this.value,this.setSearchFromSelection=r=>{var t;this.lastValidSearch=this.propertyName==="_self"?r:r[this.propertyName||this.searchParameter||this.name],(t=this.searchPublisher)==null||t.set(this.lastValidSearch)},this.updateActiveSelection=()=>{var r,t,s;this.queryQueueListItem(this.queueDataProvider,this.findSearchedItem,this.selectListItem),!this.select&&this.lastValidSearch&&this.lastValidSearch!=((r=this.searchPublisher)==null?void 0:r.get())&&((t=this.formValuePublisher)!=null&&t.get())&&((s=this.formValuePublisher)==null||s.set(""))}}hasSlotOrProps(){var r;this.hasInputPrefix=!!((r=this.slotInputPrefixNodes)!=null&&r.length)}connectedCallback(){var e,o,n;super.connectedCallback();const r=this.searchParameter||this.name,t=this.getAncestorAttributeValue("formDataProvider"),s=t+"__"+this.name+"__autocomplete";this.initSearchDataProvider=`${s}_init_search__`,this.initQueueDataProvider=`${s}_init_queue__`,this.searchDataProvider=`${s}_search__`,this.queueDataProvider=`${s}_queue__`;const i=tt.get;this.searchPublisher=i(this.searchDataProvider)[r],this.formValuePublisher=i(t)[this.name],this.countPublisher=i(this.queueDataProvider).resultCount,this.initCountPublisher=i(this.initQueueDataProvider).resultCount,this.value&&(tt.get(this.initSearchDataProvider)[this.name]=this.value),(e=this.initCountPublisher)==null||e.onAssign(this.initSearchParameter),(o=this.formValuePublisher)==null||o.onAssign(this.updateSearchParameter),(n=this.countPublisher)==null||n.onAssign(this.updateActiveSelection)}disconnectedCallback(){var t,s,i;super.disconnectedCallback(),(t=this.initCountPublisher)==null||t.offAssign(this.initSearchParameter),(s=this.formValuePublisher)==null||s.offAssign(this.updateSearchParameter),(i=this.countPublisher)==null||i.offAssign(this.updateActiveSelection);const r=tt.get;r(this.initSearchDataProvider).delete(),r(this.initQueueDataProvider).delete(),r(this.searchDataProvider).delete(),r(this.queueDataProvider).delete()}queryQueueListItem(r,t,s){const i=tt.get(r);let e;const o=i.get();if(Array.isArray(o)){for(const n of o){const a=tt.get(n.dataProvider).get();if(Array.isArray(a)&&(e=a.find(t),e))break}return e?(s(e),!0):!1}}setSelectionRange(r,t){var s;(s=this.querySelector("sonic-input"))==null||s.setSelectionRange(r,t)}handleHide(){var r,t,s;if(this.select){if(((r=this.searchPublisher)==null?void 0:r.get())==""){this.lastValidSearch="",(t=this.formValuePublisher)==null||t.set("");return}(s=this.searchPublisher)==null||s.set(this.lastValidSearch)}}render(){return g`
|
|
1947
|
+
<sonic-pop noToggle style="display:block;" @hide=${this.handleHide}>
|
|
1948
|
+
<sonic-input
|
|
1949
|
+
dataProvider="${this.initSearchDataProvider+Math.random()}"
|
|
1950
|
+
formDataProvider="${this.searchDataProvider}"
|
|
1951
|
+
type="search"
|
|
1952
|
+
data-keyboard-nav="${this.getAttribute("data-keyboard-nav")||""}"
|
|
1953
|
+
label="${x(this.label)}"
|
|
1954
|
+
description="${x(this.description)}"
|
|
1955
|
+
name="${x(this.searchParameter||this.name)}"
|
|
1956
|
+
placeholder="${x(this.placeholder)}"
|
|
1957
|
+
?readonly="${this.readonly}"
|
|
1958
|
+
autocomplete="off"
|
|
1959
|
+
clearable
|
|
1960
|
+
inlineContent
|
|
1961
|
+
size=${this.size}
|
|
1962
|
+
>
|
|
1963
|
+
<slot name="prefix" slot="prefix" @slotchange=${this.hasSlotOrProps}></slot>
|
|
1964
|
+
|
|
1965
|
+
${this.select?g` <sonic-icon slot="suffix" class="select-chevron" name="nav-arrow-down" .size=${this.size}></sonic-icon> `:$}
|
|
1966
|
+
</sonic-input>
|
|
1967
|
+
<sonic-menu slot="content" class="custom-scroll" style="${this.offsetWidth?`width: ${this.offsetWidth}px`:""}">
|
|
1968
|
+
<sonic-queue
|
|
1969
|
+
dataProvider="${this.queueDataProvider}"
|
|
1970
|
+
filteredFields=${this.filteredFields}
|
|
1971
|
+
dataProviderExpression="${this.dataProviderExpression}"
|
|
1972
|
+
dataFilterProvider="${this.searchDataProvider}"
|
|
1973
|
+
key="${this.key}"
|
|
1974
|
+
.templates=${this.templateList}
|
|
1975
|
+
displayContents
|
|
1976
|
+
>
|
|
1977
|
+
</sonic-queue>
|
|
1978
|
+
<sonic-queue
|
|
1979
|
+
noLazyload
|
|
1980
|
+
noLoader
|
|
1981
|
+
dataProvider="${this.initQueueDataProvider}"
|
|
1982
|
+
filteredFields=${this.filteredFields}
|
|
1983
|
+
dataProviderExpression="${this.dataProviderExpression}"
|
|
1984
|
+
dataFilterProvider="${this.initSearchDataProvider}"
|
|
1985
|
+
key="${this.key}"
|
|
1986
|
+
displayContents
|
|
1987
|
+
>
|
|
1988
|
+
</sonic-queue>
|
|
1989
|
+
</sonic-menu>
|
|
1990
|
+
</sonic-pop>
|
|
1991
|
+
`}};pt.styles=[Ge,P`
|
|
1992
|
+
:host {
|
|
1993
|
+
display: block;
|
|
1994
|
+
}
|
|
1995
|
+
|
|
1996
|
+
sonic-menu {
|
|
1997
|
+
display: block;
|
|
1998
|
+
max-height: clamp(12rem, 20vh, 20rem);
|
|
1999
|
+
min-width: 14rem;
|
|
2000
|
+
width: 100%;
|
|
2001
|
+
}
|
|
2002
|
+
`],wt([l({type:String})],pt.prototype,"size",2),wt([l({type:String})],pt.prototype,"placeholder",2),wt([l()],pt.prototype,"filteredFields",2),wt([l({type:Boolean})],pt.prototype,"readonly",2),wt([l({type:String})],pt.prototype,"dataProviderExpression",2),wt([l({type:Boolean})],pt.prototype,"select",2),wt([l({type:String})],pt.prototype,"key",2),wt([l({type:String})],pt.prototype,"searchParameter",2),wt([l({type:String})],pt.prototype,"propertyName",2),wt([st({slot:"prefix",flatten:!0})],pt.prototype,"slotInputPrefixNodes",2),wt([T()],pt.prototype,"hasInputPrefix",2),pt=wt([w("sonic-input-autocomplete")],pt);var Va=Object.defineProperty,Ba=Object.getOwnPropertyDescriptor,ct=(r,t,s,i)=>{for(var e=i>1?void 0:i?Ba(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Va(t,s,e),e};const Ha="sonic-password-helper";let at=class extends Ht(v){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=t=>{t?(this.hasNoChar=t.length==0,this.hasEnoughChars=t.length>this.minChars):(this.hasNoChar=!0,this.hasEnoughChars=!1),this.hasMinuscule=/[a-z]/.test(t),this.hasMajuscule=/[A-Z]/.test(t),this.hasNumber=/[0-9]/.test(t),this.hasSpecialChar=/[!"#$%&'()*+,\-./:;<=>?@[\]^_`{|}~]/.test(t)},tt.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].onAssign(this.checkValue))}disconnectedCallback(){this.checkValue&&this.name&&tt.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].offAssign(this.checkValue),super.disconnectedCallback()}getIcon(t){return t?g`<sonic-icon library="heroicons" name="face-smile"></sonic-icon>`:g`<sonic-icon library="heroicons" name="x-mark"></sonic-icon>`}render(){return this.hasNoChar?$:g`
|
|
2003
|
+
<div>${this.wording_password_helper_decription}</div>
|
|
2004
|
+
<div>${this.getIcon(this.hasEnoughChars)} ${this.wording_password_helper_min_length}</div>
|
|
2005
|
+
<div>${this.getIcon(this.hasMinuscule)} ${this.wording_password_helper_lower_case}</div>
|
|
2006
|
+
<div>${this.getIcon(this.hasMajuscule)} ${this.wording_password_helper_upper_case}</div>
|
|
2007
|
+
<div>${this.getIcon(this.hasNumber)} ${this.wording_password_helper_number}</div>
|
|
2008
|
+
<div>${this.getIcon(this.hasSpecialChar)} ${this.wording_password_helper_special_char}</div>
|
|
2009
|
+
`}};ct([l()],at.prototype,"name",2),ct([l()],at.prototype,"minChars",2),ct([T()],at.prototype,"hasNoChar",2),ct([T()],at.prototype,"hasEnoughChars",2),ct([T()],at.prototype,"hasMinuscule",2),ct([T()],at.prototype,"hasMajuscule",2),ct([T()],at.prototype,"hasNumber",2),ct([T()],at.prototype,"hasSpecialChar",2),ct([l()],at.prototype,"wording_password_helper_decription",2),ct([l()],at.prototype,"wording_password_helper_min_length",2),ct([l()],at.prototype,"wording_password_helper_lower_case",2),ct([l()],at.prototype,"wording_password_helper_upper_case",2),ct([l()],at.prototype,"wording_password_helper_number",2),ct([l()],at.prototype,"wording_password_helper_special_char",2),at=ct([w(Ha)],at);var qa=Object.defineProperty,Wa=Object.getOwnPropertyDescriptor,ge=(r,t,s,i)=>{for(var e=i>1?void 0:i?Wa(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&qa(t,s,e),e};const Ka="sonic-same-value-helper";let Yt=class extends Ht(v){constructor(){super(...arguments),this.descriptionWhenEqual="Correspondance : oui",this.descriptionWhenNotEqual="Correspondance : non",this.areEqual=!1,this.hasNoChar=!0}connectedCallback(){super.connectedCallback();const r=tt.get(this.getAncestorAttributeValue("formDataProvider"));this.name&&this.sameValueAs&&(this.checkValue=t=>{t?this.hasNoChar=t.length==0:this.hasNoChar=!0,this.name&&this.sameValueAs&&(this.areEqual=r[this.name].get()==r[this.sameValueAs].get())},r[this.name].onAssign(this.checkValue),r[this.sameValueAs].onAssign(this.checkValue))}disconnectedCallback(){if(this.checkValue&&this.name&&this.sameValueAs){const r=tt.get(this.getAncestorAttributeValue("formDataProvider"));r[this.name].offAssign(this.checkValue),r[this.sameValueAs].offAssign(this.checkValue)}super.disconnectedCallback()}render(){return this.hasNoChar?$:g`
|
|
2010
|
+
<span> ${this.areEqual?I(this.descriptionWhenEqual):I(this.descriptionWhenNotEqual)} </span>
|
|
2011
|
+
`}};ge([l()],Yt.prototype,"name",2),ge([l()],Yt.prototype,"sameValueAs",2),ge([l()],Yt.prototype,"descriptionWhenEqual",2),ge([l()],Yt.prototype,"descriptionWhenNotEqual",2),ge([T()],Yt.prototype,"areEqual",2),ge([T()],Yt.prototype,"hasNoChar",2),Yt=ge([w(Ka)],Yt);var Za=Object.defineProperty,Ga=Object.getOwnPropertyDescriptor,Ft=(r,t,s,i)=>{for(var e=i>1?void 0:i?Ga(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Za(t,s,e),e};const Ya="sonic-checkbox";let bt=class extends Ks(vs(Ae(G(v)))){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(r){this.hasSlotOrProps(),super.willUpdate(r)}hasSlotOrProps(){var r,t;this.hasLabel=!!(this.label||(r=this.slotLabelNodes)!=null&&r.length),this.hasDescription=!!(this.description||(t=this.slotDescriptionNodes)!=null&&t.length)}render(){return g`
|
|
2012
|
+
<label class="checkbox-container ${this.disabled?"disabled":""}">
|
|
2013
|
+
|
|
2014
|
+
<span class="icon-container">
|
|
2015
|
+
<input
|
|
2016
|
+
type="${this.type}"
|
|
2017
|
+
@click=${this.handleChange}
|
|
2018
|
+
@blur=${this.handleBlur}
|
|
2019
|
+
?required=${this.required}
|
|
2020
|
+
?data-indeterminate=${this.showAsIndeterminate}
|
|
2021
|
+
.disabled=${x(this.disabled)}
|
|
2022
|
+
.checked=${x(this.checked)}
|
|
2023
|
+
.name=${this.name}
|
|
2024
|
+
.value=${this.value}
|
|
2025
|
+
?autofocus=${this.autofocus}
|
|
2026
|
+
aria-label=${x(this.ariaLabel)}
|
|
2027
|
+
aria-labelledby=${x(this.ariaLabelledby)}
|
|
2028
|
+
/>
|
|
2029
|
+
<sonic-icon name="${this.checked=="indeterminate"||this.showAsIndeterminate?this.indeterminateIconName:this.iconName}" class="sc-input-icon"></sonic-icon>
|
|
2030
|
+
</span>
|
|
2031
|
+
|
|
2032
|
+
<div class="checkbox-text ${!this.hasDescription&&!this.hasLabel?"hidden":"checkbox-text"}">
|
|
2033
|
+
${this.label?I(this.label):""}
|
|
2034
|
+
<slot @slotchange=${this.hasSlotOrProps}></slot>
|
|
2035
|
+
<slot @slotchange=${this.hasSlotOrProps} name="description" class="${this.hasDescription?"description":"hidden"} ">${this.description?g`${I(this.description)}`:""}</slot>
|
|
2036
|
+
</div>
|
|
2037
|
+
</label>
|
|
2038
|
+
</label>
|
|
2039
|
+
`}};bt.styles=[At,P`
|
|
2040
|
+
:host {
|
|
2041
|
+
--sc-checkbox-border-width: var(--sc-form-border-width);
|
|
2042
|
+
--sc-checkbox-border-color: var(--sc-input-border-color);
|
|
2043
|
+
--sc-checkbox-bg: var(--sc-input-bg);
|
|
2044
|
+
--sc-checkbox-color: transparent;
|
|
2045
|
+
}
|
|
2046
|
+
|
|
2047
|
+
* {
|
|
2048
|
+
box-sizing: border-box;
|
|
2049
|
+
}
|
|
2050
|
+
|
|
2051
|
+
.checkbox-container {
|
|
2052
|
+
min-height: 1.4em;
|
|
2053
|
+
display: flex;
|
|
2054
|
+
gap: 0.5em;
|
|
2055
|
+
line-height: 1.2;
|
|
2056
|
+
align-items: flex-start;
|
|
2057
|
+
font-size: var(--sc-fs);
|
|
2058
|
+
}
|
|
2059
|
+
|
|
2060
|
+
.icon-container {
|
|
2061
|
+
position: relative;
|
|
2062
|
+
display: flex;
|
|
2063
|
+
flex-shrink: 0;
|
|
2064
|
+
}
|
|
2065
|
+
|
|
2066
|
+
input {
|
|
2067
|
+
box-sizing: border-box;
|
|
2068
|
+
appearance: none;
|
|
2069
|
+
flex-shrink: 0;
|
|
2070
|
+
height: calc(var(--sc-fs) * 1.25);
|
|
2071
|
+
width: calc(var(--sc-fs) * 1.25);
|
|
2072
|
+
display: block;
|
|
2073
|
+
cursor: pointer;
|
|
2074
|
+
border-radius: 0.25em;
|
|
2075
|
+
transition: 0.2s;
|
|
2076
|
+
outline: none;
|
|
2077
|
+
margin: 0;
|
|
2078
|
+
background-color: var(--sc-checkbox-bg);
|
|
2079
|
+
border: var(--sc-checkbox-border-width) solid var(--sc-checkbox-border-color);
|
|
2080
|
+
}
|
|
2081
|
+
|
|
2082
|
+
input:focus,
|
|
2083
|
+
:host(:not([disabled])) input:active {
|
|
2084
|
+
box-shadow: 0 0 0 2px var(--sc-primary);
|
|
2085
|
+
}
|
|
2086
|
+
|
|
2087
|
+
:host(:not([disabled])) label {
|
|
2088
|
+
cursor: pointer;
|
|
2089
|
+
}
|
|
2090
|
+
|
|
2091
|
+
sonic-icon {
|
|
2092
|
+
line-height: 0;
|
|
2093
|
+
position: absolute;
|
|
2094
|
+
top: 50%;
|
|
2095
|
+
left: 50%;
|
|
2096
|
+
transform: translateX(-50%) translateY(-50%) scale(0);
|
|
2097
|
+
transition: transform 0.2s ease-in-out;
|
|
2098
|
+
color: var(--sc-checkbox-color);
|
|
2099
|
+
}
|
|
2100
|
+
|
|
2101
|
+
/* .checkbox-text {
|
|
2102
|
+
align-self: center;
|
|
2103
|
+
} */
|
|
2104
|
+
|
|
2105
|
+
.description {
|
|
2106
|
+
color: var(--sc-base-400);
|
|
2107
|
+
font-size: 0.85em;
|
|
2108
|
+
margin-top: 0.2em;
|
|
2109
|
+
display: block;
|
|
2110
|
+
}
|
|
2111
|
+
|
|
2112
|
+
/*Active */
|
|
2113
|
+
input:checked,
|
|
2114
|
+
input[data-indeterminate],
|
|
2115
|
+
input[checked] {
|
|
2116
|
+
--sc-checkbox-border-color: var(--sc-primary);
|
|
2117
|
+
--sc-checkbox-bg: var(--sc-primary);
|
|
2118
|
+
}
|
|
2119
|
+
input:checked + sonic-icon,
|
|
2120
|
+
input[data-indeterminate] + sonic-icon,
|
|
2121
|
+
input[checked] + sonic-icon {
|
|
2122
|
+
--sc-checkbox-color: var(--sc-primary-content);
|
|
2123
|
+
transform: translateX(-50%) translateY(-50%) scale(1);
|
|
2124
|
+
}
|
|
2125
|
+
/*DISABLED */
|
|
2126
|
+
.disabled {
|
|
2127
|
+
cursor: not-allowed;
|
|
2128
|
+
}
|
|
2129
|
+
.disabled input {
|
|
2130
|
+
opacity: 0.4;
|
|
2131
|
+
}
|
|
2132
|
+
|
|
2133
|
+
.disabled .checkbox-text {
|
|
2134
|
+
opacity: 0.6;
|
|
2135
|
+
}
|
|
2136
|
+
|
|
2137
|
+
/*INPUT HOVER*/
|
|
2138
|
+
:host(:not([disabled])) label:hover input {
|
|
2139
|
+
filter: brightness(0.97);
|
|
2140
|
+
}
|
|
2141
|
+
|
|
2142
|
+
::slotted(a) {
|
|
2143
|
+
color: inherit;
|
|
2144
|
+
text-decoration: underline !important;
|
|
2145
|
+
}
|
|
2146
|
+
|
|
2147
|
+
::slotted(a:hover) {
|
|
2148
|
+
text-decoration: none !important;
|
|
2149
|
+
}
|
|
2150
|
+
/*Utils */
|
|
2151
|
+
.hidden {
|
|
2152
|
+
display: none;
|
|
2153
|
+
}
|
|
2154
|
+
|
|
2155
|
+
/*ERROR*/
|
|
2156
|
+
/*
|
|
2157
|
+
:host([touched]) .checkbox-container:has(input:not(:focus):invalid) {
|
|
2158
|
+
--sc-checkbox-border-color:var(--sc-danger);
|
|
2159
|
+
}
|
|
2160
|
+
:host([touched]) .checkbox-container:has(input:not(:focus):invalid) .checkbox-text{
|
|
2161
|
+
color:var(--sc-danger);
|
|
2162
|
+
}
|
|
2163
|
+
*/
|
|
2164
|
+
`],Ft([l({type:Boolean,reflect:!0})],bt.prototype,"touched",2),Ft([l({type:String})],bt.prototype,"iconName",2),Ft([l({type:String})],bt.prototype,"indeterminateIconName",2),Ft([l({type:Boolean})],bt.prototype,"showAsIndeterminate",2),Ft([l({type:Boolean})],bt.prototype,"hasDescription",2),Ft([l({type:Boolean})],bt.prototype,"hasLabel",2),Ft([st({flatten:!0})],bt.prototype,"slotLabelNodes",2),Ft([st({slot:"description",flatten:!0})],bt.prototype,"slotDescriptionNodes",2),bt=Ft([w(Ya)],bt);var Qa=Object.defineProperty,Ja=Object.getOwnPropertyDescriptor,Xa=(r,t,s,i)=>{for(var e=i>1?void 0:i?Ja(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Qa(t,s,e),e};const tl="sonic-radio";let ni=class extends bt{constructor(){super(),this.radio=!0}connectedCallback(){super.connectedCallback(),this.type="radio"}};ni.styles=[bt.styles,P`
|
|
2165
|
+
:host input {
|
|
2166
|
+
border-radius: 50%;
|
|
2167
|
+
}
|
|
2168
|
+
:host sonic-icon {
|
|
2169
|
+
border-radius: 50%;
|
|
2170
|
+
overflow: hidden;
|
|
2171
|
+
background-color: var(--sc-primary-content);
|
|
2172
|
+
line-height: 0;
|
|
2173
|
+
display: block;
|
|
2174
|
+
font-size: 1em;
|
|
2175
|
+
height: 0.6em;
|
|
2176
|
+
width: 0.6em;
|
|
2177
|
+
}
|
|
2178
|
+
`],ni=Xa([w(tl)],ni);var el=Object.defineProperty,sl=Object.getOwnPropertyDescriptor,Q=(r,t,s,i)=>{for(var e=i>1?void 0:i?sl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&el(t,s,e),e};const il="sonic-select";let K=class extends Ae(G(v)){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 r=this.querySelectorAll("option");r.length>0&&(this.options=Array.from(r).map(t=>({value:t.value,wording:t.text,selected:t.hasAttribute("selected")})))},this.forceAutoFill=!1,this.hasDescription=!1,this.hasLabel=!1,this.hasSuffix=!1,this.hasPrefix=!1}set options(r){this._options=r;for(const s of r)s.selected&&(this.value=s.value||"");!(this.value||this.getAttribute("value"))&&this._options.length>0&&(this.value=this._options[0][this.valueKey]),this.requestUpdate()}get options(){return this._options}firstUpdated(r){this.hasDoneFirstUpdate=!0,super.firstUpdated(r)}set value(r){r==null&&!this.hasDoneFirstUpdate||(r||(r=""),this._value!=r&&(this._value=r,this.updateFormPublisherValue(),this.requestUpdate()))}get value(){return this._value}updateFormPublisherValue(){const r=this.getFormPublisher();r&&(r[this.name]=this.value)}connectedCallback(){super.connectedCallback(),this.hasSlotOrProps(),this.updateOptions()}get description(){return this._description}set description(r){this.hasAttribute("description")&&!this.forceAutoFill&&(r=this.getAttribute("description")),this._description=r,this.requestUpdate()}get label(){return this._label}set label(r){this.hasAttribute("label")&&!this.forceAutoFill&&(r=this.getAttribute("label")),this._label=r,this.requestUpdate()}willUpdate(r){this.hasSlotOrProps(),super.willUpdate(r)}hasSlotOrProps(){var r,t,s,i;this.hasLabel=!!(this.label||(r=this.slotLabelNodes)!=null&&r.length),this.hasDescription=!!(this.description||(t=this.slotDescriptionNodes)!=null&&t.length),this.hasSuffix=!!((s=this.slotSuffixNodes)!=null&&s.length),this.hasPrefix=!!((i=this.slotPrefixNodes)!=null&&i.length)}validateFormElement(){var s;const r=(s=this.shadowRoot)==null?void 0:s.querySelector("select");if(!r||r.checkValidity())return;const t=this.getFormPublisher();t&&(t.isFormValid=!1),r.reportValidity()}render(){const r={"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix};return g`
|
|
2179
|
+
<label
|
|
2180
|
+
for="form-element"
|
|
2181
|
+
class="${this.hasLabel?"form-label":"hidden"}"
|
|
2182
|
+
>${this.label?I(this.label):""}<slot
|
|
2183
|
+
name="label"
|
|
2184
|
+
@slotchange=${this.hasSlotOrProps}
|
|
2185
|
+
></slot
|
|
2186
|
+
></label>
|
|
2187
|
+
|
|
2188
|
+
<div class="form-control ${oi(r)}">
|
|
2189
|
+
<slot name="prefix" @slotchange=${this.hasSlotOrProps}></slot>
|
|
2190
|
+
<div class="form-select-wrapper">
|
|
2191
|
+
<select
|
|
2192
|
+
id="form-element"
|
|
2193
|
+
@change=${this.handleChange}
|
|
2194
|
+
@blur=${this.handleBlur}
|
|
2195
|
+
?disabled=${this.disabled}
|
|
2196
|
+
?required=${this.required}
|
|
2197
|
+
?multiple=${this.multiple}
|
|
2198
|
+
size=${x(this.selectSize)}
|
|
2199
|
+
?autofocus=${this.autofocus}
|
|
2200
|
+
.value="${this.value}"
|
|
2201
|
+
class="form-element"
|
|
2202
|
+
aria-label=${x(this.ariaLabel)}
|
|
2203
|
+
aria-labelledby=${x(this.ariaLabelledby)}
|
|
2204
|
+
>
|
|
2205
|
+
${us(this.options,t=>t[this.valueKey],t=>{const s=this.value==t[this.valueKey];return g`<option
|
|
2206
|
+
?selected=${s}
|
|
2207
|
+
value="${t[this.valueKey]}"
|
|
2208
|
+
>
|
|
2209
|
+
${t[this.wordingKey]}
|
|
2210
|
+
</option>`})}
|
|
2211
|
+
<slot></slot>
|
|
2212
|
+
</select>
|
|
2213
|
+
<sonic-icon
|
|
2214
|
+
class="select-chevron"
|
|
2215
|
+
name="nav-arrow-down"
|
|
2216
|
+
.size=${this.size}
|
|
2217
|
+
></sonic-icon>
|
|
2218
|
+
</div>
|
|
2219
|
+
<slot name="suffix" @slotchange=${this.hasSlotOrProps}></slot>
|
|
2220
|
+
</div>
|
|
2221
|
+
|
|
2222
|
+
<slot
|
|
2223
|
+
name="description"
|
|
2224
|
+
@slotchange=${this.hasSlotOrProps}
|
|
2225
|
+
class="${this.hasDescription?"form-description":"hidden"}"
|
|
2226
|
+
>${this.description?g`${I(this.description)}`:""}</slot
|
|
2227
|
+
>
|
|
2228
|
+
`}};K.styles=[At,ri,Cs,As,P`
|
|
2229
|
+
.form-element {
|
|
2230
|
+
appearance: none;
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
:host([disabled]) sonic-icon {
|
|
2234
|
+
opacity: 0;
|
|
2235
|
+
}
|
|
2236
|
+
|
|
2237
|
+
@supports selector(:has(*)) {
|
|
2238
|
+
:host(:not([disabled])) .form-element:not(:has(option:only-child)) {
|
|
2239
|
+
padding-right: max(1.275em, calc(1.5 * var(--sc-input-px)));
|
|
2240
|
+
}
|
|
2241
|
+
}
|
|
2242
|
+
/*Firefox etc.*/
|
|
2243
|
+
@supports not selector(:has(*)) {
|
|
2244
|
+
:host(:not([disabled])) .form-element {
|
|
2245
|
+
padding-right: max(1.275em, calc(1.5 * var(--sc-input-px)));
|
|
2246
|
+
}
|
|
2247
|
+
}
|
|
2248
|
+
|
|
2249
|
+
.form-select-wrapper {
|
|
2250
|
+
position: relative;
|
|
2251
|
+
width: 100%;
|
|
2252
|
+
}
|
|
2253
|
+
|
|
2254
|
+
sonic-icon {
|
|
2255
|
+
position: absolute;
|
|
2256
|
+
right: calc(0.8 * var(--sc-input-px));
|
|
2257
|
+
top: 50%;
|
|
2258
|
+
pointer-events: none;
|
|
2259
|
+
transform: translateY(-50%);
|
|
2260
|
+
color: var(--sc-input-c);
|
|
2261
|
+
}
|
|
2262
|
+
|
|
2263
|
+
option {
|
|
2264
|
+
padding: 0.1rem var(--sc-input-px);
|
|
2265
|
+
color: var(--sc-base-content);
|
|
2266
|
+
background: var(--sc-base);
|
|
2267
|
+
}
|
|
2268
|
+
|
|
2269
|
+
select[multiple] option {
|
|
2270
|
+
background: transparent;
|
|
2271
|
+
padding: 0;
|
|
2272
|
+
}
|
|
2273
|
+
`],Q([l({type:String})],K.prototype,"valueKey",2),Q([l({type:String})],K.prototype,"wordingKey",2),Q([l({type:Boolean})],K.prototype,"multiple",2),Q([l({type:String,reflect:!0})],K.prototype,"size",2),Q([l({type:Number})],K.prototype,"selectSize",2),Q([l({type:String,reflect:!0})],K.prototype,"status",2),Q([l({type:Array})],K.prototype,"options",1),Q([l({reflect:!0})],K.prototype,"value",1),Q([l({type:Boolean})],K.prototype,"forceAutoFill",2),Q([l()],K.prototype,"description",1),Q([l()],K.prototype,"label",1),Q([st({slot:"label",flatten:!0})],K.prototype,"slotLabelNodes",2),Q([st({slot:"description",flatten:!0})],K.prototype,"slotDescriptionNodes",2),Q([st({slot:"suffix",flatten:!0})],K.prototype,"slotSuffixNodes",2),Q([st({slot:"prefix",flatten:!0})],K.prototype,"slotPrefixNodes",2),Q([T()],K.prototype,"hasDescription",2),Q([T()],K.prototype,"hasLabel",2),Q([T()],K.prototype,"hasSuffix",2),Q([T()],K.prototype,"hasPrefix",2),K=Q([w(il)],K);var rl=Object.defineProperty,ol=Object.getOwnPropertyDescriptor,ut=(r,t,s,i)=>{for(var e=i>1?void 0:i?ol(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&rl(t,s,e),e};const nl="sonic-textarea";let lt=class extends vs(Ae(G(v))){constructor(){super(...arguments),this.size="",this.readonly=!1,this.hasDescription=!1,this.hasLabel=!1}connectedCallback(){super.connectedCallback(),this.hasSlotOrProps()}willUpdate(r){this.hasSlotOrProps(),super.willUpdate(r)}hasSlotOrProps(){var r,t;this.hasLabel=!!(this.label||(r=this.slotLabelNodes)!=null&&r.length),this.hasDescription=!!(this.description||(t=this.slotDescriptionNodes)!=null&&t.length)}validateFormElement(){var s;const r=(s=this.shadowRoot)==null?void 0:s.querySelector("textarea");if(!r||r.checkValidity())return;const t=this.getFormPublisher();t&&(t.isFormValid=!1),r.reportValidity()}render(){const r={resize:this.resize};return g`
|
|
2274
|
+
<label for="${this.id||"form-element"}" class="${this.hasLabel?"form-label":"hidden"}"
|
|
2275
|
+
>${this.label?I(this.label):""}<slot name="label" @slotchange=${this.hasSlotOrProps}></slot
|
|
2276
|
+
></label>
|
|
2277
|
+
|
|
2278
|
+
<div class="form-control">
|
|
2279
|
+
<textarea
|
|
2280
|
+
id="${this.id||"form-element"}"
|
|
2281
|
+
@input=${this.handleChange}
|
|
2282
|
+
@blur=${this.handleBlur}
|
|
2283
|
+
disabled=${x(this.disabled)}
|
|
2284
|
+
?required=${this.required}
|
|
2285
|
+
?autofocus=${this.autofocus}
|
|
2286
|
+
rows=${x(this.rows)}
|
|
2287
|
+
cols=${x(this.cols)}
|
|
2288
|
+
maxlength=${x(this.maxlength)}
|
|
2289
|
+
minlength=${x(this.minlength)}
|
|
2290
|
+
?readonly=${this.readonly}
|
|
2291
|
+
spellcheck=${x(this.spellcheck)}
|
|
2292
|
+
autocomplete=${x(this.autocomplete)}
|
|
2293
|
+
tabindex=${x(this.tabindex)}
|
|
2294
|
+
wrap=${x(this.wrap)}
|
|
2295
|
+
placeholder="${this.placeholder}"
|
|
2296
|
+
class="form-element textarea custom-scroll"
|
|
2297
|
+
aria-label=${x(this.ariaLabel)}
|
|
2298
|
+
aria-labelledby=${x(this.ariaLabelledby)}
|
|
2299
|
+
style=${dt(r)}
|
|
2300
|
+
>
|
|
2301
|
+
${this.value}</textarea
|
|
2302
|
+
>
|
|
2303
|
+
</div>
|
|
2304
|
+
|
|
2305
|
+
<slot name="description" @slotchange=${this.hasSlotOrProps} class="${this.hasDescription?"form-description":"hidden"}"
|
|
2306
|
+
>${this.description?g`${I(this.description)}`:""}</slot
|
|
2307
|
+
>
|
|
2308
|
+
`}};lt.styles=[At,ri,Cs,As,Ge,P`
|
|
2309
|
+
textarea {
|
|
2310
|
+
overflow-y: auto !important;
|
|
2311
|
+
font-size: inherit;
|
|
2312
|
+
}
|
|
2313
|
+
`],ut([l({type:String})],lt.prototype,"size",2),ut([l({type:Number})],lt.prototype,"rows",2),ut([l({type:Number})],lt.prototype,"cols",2),ut([l({type:Number})],lt.prototype,"maxlength",2),ut([l({type:Number})],lt.prototype,"minlength",2),ut([l({type:String})],lt.prototype,"wrap",2),ut([l({type:Boolean})],lt.prototype,"readonly",2),ut([l({type:String})],lt.prototype,"placeholder",2),ut([l({type:String})],lt.prototype,"resize",2),ut([st({slot:"label",flatten:!0})],lt.prototype,"slotLabelNodes",2),ut([st({slot:"description",flatten:!0})],lt.prototype,"slotDescriptionNodes",2),ut([T()],lt.prototype,"hasDescription",2),ut([T()],lt.prototype,"hasLabel",2),lt=ut([w(nl)],lt);var al=Object.defineProperty,ll=Object.getOwnPropertyDescriptor,cl=(r,t,s,i)=>{for(var e=i>1?void 0:i?ll(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&al(t,s,e),e};let ai=class extends v{render(){return g`<slot></slot>`}};ai.styles=[P`
|
|
2314
|
+
:host {
|
|
2315
|
+
font-size: 1.15rem;
|
|
2316
|
+
line-height: 1.2;
|
|
2317
|
+
display: block;
|
|
2318
|
+
color: var(--sc-base-500);
|
|
2319
|
+
font-weight: var(--sc-font-weight-base);
|
|
2320
|
+
font-style: var(--sc-font-style-base);
|
|
2321
|
+
margin-top: 0.2em;
|
|
2322
|
+
}
|
|
2323
|
+
`],ai=cl([w("sonic-legend-description")],ai);var hl=Object.defineProperty,dl=Object.getOwnPropertyDescriptor,me=(r,t,s,i)=>{for(var e=i>1?void 0:i?dl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&hl(t,s,e),e};const pl="sonic-legend";let Rt=class extends v{constructor(){super(...arguments),this.forceAutoFill=!1}get description(){return this._description}set description(r){this.hasAttribute("description")&&!this.forceAutoFill&&(r=this.getAttribute("description")),this._description=r,this.requestUpdate()}get label(){return this._label}set label(r){this.hasAttribute("label")&&!this.forceAutoFill&&(r=this.getAttribute("label")),this._label=r,this.requestUpdate()}render(){return g`<legend part="legend">
|
|
2324
|
+
${this.iconName?g`<div class="icon">
|
|
2325
|
+
<sonic-icon name=${this.iconName} prefix=${x(this.iconPrefix)} library=${x(this.iconLibrary)}></sonic-icon>
|
|
2326
|
+
</div>`:""}
|
|
2327
|
+
|
|
2328
|
+
<div class="legend-content">
|
|
2329
|
+
${I(this.label?this.label:"")}
|
|
2330
|
+
${this.description?g`<sonic-legend-description>${I(this.description)}</sonic-legend-description>`:""}
|
|
2331
|
+
<slot></slot>
|
|
2332
|
+
</div>
|
|
2333
|
+
<slot name="suffix"></slot>
|
|
2334
|
+
</legend>`}};Rt.styles=[P`
|
|
2335
|
+
:host {
|
|
2336
|
+
--sc-legend-font-size: 1.5rem;
|
|
2337
|
+
--sc-legend-font-weight: var(--sc-font-weight-base);
|
|
2338
|
+
--sc-legend-font-style: var(--sc-headings-font-style);
|
|
2339
|
+
--sc-legend-family: var(--sc-headings-font-family);
|
|
2340
|
+
--sc-legend-line-height: var(--sc-headings-line-height);
|
|
2341
|
+
--sc-legend-color: var(--sc-base-content);
|
|
2342
|
+
display: flex;
|
|
2343
|
+
width: 100%;
|
|
2344
|
+
}
|
|
2345
|
+
|
|
2346
|
+
legend {
|
|
2347
|
+
font-size: var(--sc-legend-font-size);
|
|
2348
|
+
font-weight: var(--sc-legend-font-weight);
|
|
2349
|
+
font-style: var(--sc-legend-font-style);
|
|
2350
|
+
font-family: var(--sc-legend-font-family);
|
|
2351
|
+
line-height: var(--sc-legend-line-height);
|
|
2352
|
+
color: var(--sc-legend-color);
|
|
2353
|
+
padding: 0;
|
|
2354
|
+
display: flex;
|
|
2355
|
+
width: 100%;
|
|
2356
|
+
align-items: flex-start;
|
|
2357
|
+
gap: 0.5em;
|
|
2358
|
+
}
|
|
2359
|
+
|
|
2360
|
+
slot[name="suffix"] {
|
|
2361
|
+
display: block;
|
|
2362
|
+
margin-left: auto;
|
|
2363
|
+
flex-shrink: 0;
|
|
2364
|
+
}
|
|
2365
|
+
|
|
2366
|
+
.legend-content {
|
|
2367
|
+
flex-grow: 1;
|
|
2368
|
+
}
|
|
2369
|
+
`],me([l({type:Boolean})],Rt.prototype,"forceAutoFill",2),me([l()],Rt.prototype,"description",1),me([l()],Rt.prototype,"label",1),me([l({type:String})],Rt.prototype,"iconName",2),me([l({type:String})],Rt.prototype,"iconLibrary",2),me([l({type:String})],Rt.prototype,"iconPrefix",2),Rt=me([w(pl)],Rt);var ul=Object.defineProperty,fl=Object.getOwnPropertyDescriptor,Dt=(r,t,s,i)=>{for(var e=i>1?void 0:i?fl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ul(t,s,e),e};const gl="sonic-fieldset";let _t=class extends G(v){constructor(){super(...arguments),this.disabled=!1,this.variant="default"}render(){return g`<fieldset form="${x(this.form)}" ?disabled="${this.disabled}">
|
|
2370
|
+
${this.label?g` <sonic-legend
|
|
2371
|
+
label=${x(this.label)}
|
|
2372
|
+
description=${x(this.description)}
|
|
2373
|
+
iconName=${x(this.iconName)}
|
|
2374
|
+
iconPrefix=${x(this.iconPrefix)}
|
|
2375
|
+
iconLibrary=${x(this.iconLibrary)}
|
|
2376
|
+
></sonic-legend>`:$}
|
|
2377
|
+
<slot></slot>
|
|
2378
|
+
</fieldset>`}};_t.styles=[P`
|
|
2379
|
+
:host {
|
|
2380
|
+
--sc-fieldset-mt: 0;
|
|
2381
|
+
--sc-fieldset-mb: 1rem;
|
|
2382
|
+
--sc-fieldset-border-color: var(--sc-border-color);
|
|
2383
|
+
--sc-fieldset-border-width: var(--sc-form-border-width);
|
|
2384
|
+
--sc-fieldset-px: 1.25rem;
|
|
2385
|
+
--sc-fieldset-py: 1.8rem;
|
|
2386
|
+
|
|
2387
|
+
margin-top: var(--sc-fieldset-mt);
|
|
2388
|
+
margin-bottom: var(--sc-fieldset-mb);
|
|
2389
|
+
display: block;
|
|
2390
|
+
border: var(--sc-fieldset-border-width) solid var(--sc-fieldset-border-color) !important;
|
|
2391
|
+
padding: var(--sc-fieldset-py) var(--sc-fieldset-px);
|
|
2392
|
+
border-radius: var(--sc-rounded-lg);
|
|
2393
|
+
}
|
|
2394
|
+
|
|
2395
|
+
fieldset {
|
|
2396
|
+
all: unset;
|
|
2397
|
+
display: contents;
|
|
2398
|
+
}
|
|
2399
|
+
|
|
2400
|
+
:host([variant="shadow"]),
|
|
2401
|
+
:host([variant="ghost"]) {
|
|
2402
|
+
--sc-fieldset-border-color: transparent;
|
|
2403
|
+
}
|
|
2404
|
+
:host([variant="shadow"]) {
|
|
2405
|
+
--sc-fieldset-border-color: transparent;
|
|
2406
|
+
box-shadow: var(--sc-shadow-lg);
|
|
2407
|
+
}
|
|
2408
|
+
|
|
2409
|
+
:host([tight]) {
|
|
2410
|
+
--sc-fieldset-px: 0;
|
|
2411
|
+
border-left: none !important;
|
|
2412
|
+
border-right: none !important;
|
|
2413
|
+
border-radius: 0;
|
|
2414
|
+
}
|
|
2415
|
+
|
|
2416
|
+
sonic-legend,
|
|
2417
|
+
::slotted(sonic-legend) {
|
|
2418
|
+
margin-bottom: 1.5rem;
|
|
2419
|
+
display: block;
|
|
2420
|
+
}
|
|
2421
|
+
|
|
2422
|
+
::slotted(sonic-legend:last-child) {
|
|
2423
|
+
margin-bottom: 0;
|
|
2424
|
+
}
|
|
2425
|
+
`],Dt([l({type:Boolean,reflect:!0})],_t.prototype,"disabled",2),Dt([l({type:String})],_t.prototype,"form",2),Dt([l({type:String})],_t.prototype,"label",2),Dt([l({type:String})],_t.prototype,"description",2),Dt([l({type:String})],_t.prototype,"iconName",2),Dt([l({type:String})],_t.prototype,"iconLibrary",2),Dt([l({type:String})],_t.prototype,"iconPrefix",2),Dt([l({type:Boolean,reflect:!0})],_t.prototype,"tight",2),Dt([l({type:String,reflect:!0})],_t.prototype,"variant",2),_t=Dt([w(gl)],_t);var ml=Object.defineProperty,bl=Object.getOwnPropertyDescriptor,li=(r,t,s,i)=>{for(var e=i>1?void 0:i?bl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ml(t,s,e),e};const vl="sonic-form-layout";let Je=class extends G(v){constructor(){super(...arguments),this._resizeController=new wr(this,{}),this.oneFormElement=!1}onSlotChange(){let r=this.slottedElements;const t=["sonic-input","sonic-select","sonic-input-autocomplete",".form-item-container"];r=r.filter(s=>t.includes(s.nodeName.toLowerCase())),this.oneFormElement=r.length==1}render(){const r={"cq--md":this.offsetWidth>440,"one-form-element":this.oneFormElement};return g`<div class=${oi(r)}>
|
|
2426
|
+
<slot @slotchange=${this.onSlotChange}></slot>
|
|
2427
|
+
</div>`}};Je.styles=[P`
|
|
2428
|
+
:host {
|
|
2429
|
+
display: block;
|
|
2430
|
+
}
|
|
2431
|
+
|
|
2432
|
+
div {
|
|
2433
|
+
display: grid;
|
|
2434
|
+
grid-gap: 1.5rem;
|
|
2435
|
+
align-items: flex-start;
|
|
2436
|
+
}
|
|
2437
|
+
|
|
2438
|
+
.cq--md {
|
|
2439
|
+
grid-gap: 1.75rem;
|
|
2440
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2441
|
+
}
|
|
2442
|
+
.one-form-element {
|
|
2443
|
+
grid-template-columns: 1fr;
|
|
2444
|
+
}
|
|
2445
|
+
/*::slotted(sonic-radio),
|
|
2446
|
+
::slotted(sonic-checkbox),
|
|
2447
|
+
::slotted(sonic-form-actions),
|
|
2448
|
+
::slotted(sonic-divider),
|
|
2449
|
+
::slotted(sonic-textarea) {
|
|
2450
|
+
grid-column: 1 / -1;
|
|
2451
|
+
}*/
|
|
2452
|
+
::slotted(sonic-submit) {
|
|
2453
|
+
display: contents;
|
|
2454
|
+
}
|
|
2455
|
+
::slotted(:not(sonic-input):not(sonic-select):not(sonic-input-autocomplete):not(.form-item-container)) {
|
|
2456
|
+
grid-column: 1 / -1;
|
|
2457
|
+
}
|
|
2458
|
+
|
|
2459
|
+
::slotted(sonic-divider) {
|
|
2460
|
+
--sc-divider-my: 0;
|
|
2461
|
+
}
|
|
2462
|
+
`],li([se({flatten:!0})],Je.prototype,"slottedElements",2),li([l({type:Boolean})],Je.prototype,"oneFormElement",2),Je=li([w(vl)],Je);var yl=Object.defineProperty,wl=Object.getOwnPropertyDescriptor,ci=(r,t,s,i)=>{for(var e=i>1?void 0:i?wl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&yl(t,s,e),e};const _l="sonic-form-actions";let Xe=class extends v{constructor(){super(...arguments),this.direction="row",this.justify="flex-start"}render(){const r={flexDirection:this.direction,justifyContent:this.justify};return g`<slot style=${dt(r)}></slot>`}};Xe.styles=[P`
|
|
2463
|
+
:host {
|
|
2464
|
+
display: block;
|
|
2465
|
+
}
|
|
2466
|
+
slot {
|
|
2467
|
+
display: flex;
|
|
2468
|
+
flex-wrap: wrap;
|
|
2469
|
+
gap: 0.3rem;
|
|
2470
|
+
}
|
|
2471
|
+
`],ci([l({type:String})],Xe.prototype,"direction",2),ci([l({type:String})],Xe.prototype,"justify",2),Xe=ci([w(_l)],Xe);var xl=Object.defineProperty,Pl=Object.getOwnPropertyDescriptor,Qt=(r,t,s,i)=>{for(var e=i>1?void 0:i?Pl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&xl(t,s,e),e};const $l="sonic-group";let kt=class extends v{constructor(){super(...arguments),this.alignItems="center",this.hasDescription=!1,this.hasLabel=!1}updated(){const r=this.querySelectorAll("sonic-input, sonic-button, sonic-select"),t=r.length;t>1&&r.forEach((s,i)=>{const e=s;i===0?(e.style.setProperty("--sc-item-rounded-tr","0"),e.style.setProperty("--sc-item-rounded-br","0")):i===t-1?(e.style.setProperty("--sc-item-rounded-tl","0"),e.style.setProperty("--sc-item-rounded-bl","0")):(e.style.setProperty("--sc-item-rounded-tr","0"),e.style.setProperty("--sc-item-rounded-br","0"),e.style.setProperty("--sc-item-rounded-tl","0"),e.style.setProperty("--sc-item-rounded-bl","0"))})}connectedCallback(){super.connectedCallback(),this.hasSlotOrProps()}willUpdate(r){this.hasSlotOrProps(),super.willUpdate(r)}hasSlotOrProps(){var r,t;this.hasLabel=!!(this.label||(r=this.slotLabelNodes)!=null&&r.length),this.hasDescription=!!(this.description||(t=this.slotDescriptionNodes)!=null&&t.length)}render(){const r={alignItems:this.alignItems};return g`<span class="${this.hasLabel?"form-label":"hidden"}"
|
|
2472
|
+
>${this.label?I(this.label):""}<slot name="label" @slotchange=${this.hasSlotOrProps}></slot
|
|
2473
|
+
></span>
|
|
2474
|
+
<slot class="main-slot" style=${dt(r)}></slot>
|
|
2475
|
+
<slot name="description" @slotchange=${this.hasSlotOrProps} class="${this.hasDescription?"form-description":"hidden"}">
|
|
2476
|
+
${this.description?g`${I(this.description)}`:""}
|
|
2477
|
+
</slot>`}};kt.styles=[At,Cs,As,P`
|
|
2478
|
+
:host {
|
|
2479
|
+
display: inline-block;
|
|
2480
|
+
vertical-align: middle;
|
|
2481
|
+
}
|
|
2482
|
+
|
|
2483
|
+
.main-slot {
|
|
2484
|
+
width: 100%;
|
|
2485
|
+
display: flex;
|
|
2486
|
+
}
|
|
2487
|
+
.hidden {
|
|
2488
|
+
display: none;
|
|
2489
|
+
}
|
|
2490
|
+
|
|
2491
|
+
::slotted(sonic-button),
|
|
2492
|
+
::slotted(sonic-input),
|
|
2493
|
+
::slotted(sonic-select) {
|
|
2494
|
+
flex-grow: 1;
|
|
2495
|
+
}
|
|
2496
|
+
`],Qt([l({type:String})],kt.prototype,"alignItems",2),Qt([l({type:String})],kt.prototype,"label",2),Qt([l({type:String})],kt.prototype,"description",2),Qt([st({slot:"label",flatten:!0})],kt.prototype,"slotLabelNodes",2),Qt([st({slot:"description",flatten:!0})],kt.prototype,"slotDescriptionNodes",2),Qt([T()],kt.prototype,"hasDescription",2),Qt([T()],kt.prototype,"hasLabel",2),kt=Qt([w($l)],kt);var Cl=Object.defineProperty,Al=Object.getOwnPropertyDescriptor,Lt=(r,t,s,i)=>{for(var e=i>1?void 0:i?Al(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Cl(t,s,e),e};const Sl="sonic-image";let xt=class extends v{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(r){var t;if(this.transition){const s=(t=this.shadowRoot)==null?void 0:t.querySelector("img");if(!s)return;s.onload=function(){s.classList.add("loaded")}}super.firstUpdated(r)}render(){const r={aspectRatio:this.cover?"auto":this.ratio,imageRendering:this.imageRendering,objectPosition:this.objectPosition};return g`<div part="image">
|
|
2497
|
+
<picture part="picture"
|
|
2498
|
+
><img part="img" src="${this.src}" loading="${this.loading}" alt="${this.alt}" style=${dt(r)}
|
|
2499
|
+
/></picture>
|
|
2500
|
+
</div>`}};xt.styles=[P`
|
|
2501
|
+
:host {
|
|
2502
|
+
--sc-img-radius: 0;
|
|
2503
|
+
--sc-img-bg: var(--sc-placeholder-bg);
|
|
2504
|
+
border-radius: var(--sc-img-radius);
|
|
2505
|
+
display: block;
|
|
2506
|
+
width: 100%;
|
|
2507
|
+
background: var(--sc-img-bg);
|
|
2508
|
+
}
|
|
2509
|
+
|
|
2510
|
+
img {
|
|
2511
|
+
width: 100%;
|
|
2512
|
+
vertical-align: middle;
|
|
2513
|
+
object-fit: cover;
|
|
2514
|
+
}
|
|
2515
|
+
|
|
2516
|
+
img[src=""] {
|
|
2517
|
+
visibility: hidden;
|
|
2518
|
+
}
|
|
2519
|
+
|
|
2520
|
+
/*Rounded*/
|
|
2521
|
+
:host([rounded]) {
|
|
2522
|
+
--sc-img-radius: var(--sc-rounded);
|
|
2523
|
+
overflow: hidden;
|
|
2524
|
+
}
|
|
2525
|
+
:host([rounded="sm"]) {
|
|
2526
|
+
--sc-img-radius: var(--sc-rounded-sm);
|
|
2527
|
+
}
|
|
2528
|
+
|
|
2529
|
+
:host([rounded="md"]) {
|
|
2530
|
+
--sc-img-radius: var(--sc-rounded-md);
|
|
2531
|
+
}
|
|
2532
|
+
|
|
2533
|
+
:host([rounded="lg"]) {
|
|
2534
|
+
--sc-img-radius: var(--sc-rounded-lg);
|
|
2535
|
+
}
|
|
2536
|
+
:host([rounded="xl"]) {
|
|
2537
|
+
--sc-img-radius: var(--sc-rounded-xl);
|
|
2538
|
+
}
|
|
2539
|
+
|
|
2540
|
+
/*Cercle*/
|
|
2541
|
+
:host([rounded="full"]) {
|
|
2542
|
+
--sc-img-radius: 50% !important;
|
|
2543
|
+
}
|
|
2544
|
+
:host([rounded="none"]) {
|
|
2545
|
+
--sc-img-radius: 0 !important;
|
|
2546
|
+
}
|
|
2547
|
+
|
|
2548
|
+
:host([cover]),
|
|
2549
|
+
:host([cover]) > div,
|
|
2550
|
+
:host([cover]) img {
|
|
2551
|
+
position: absolute !important;
|
|
2552
|
+
left: 0 !important;
|
|
2553
|
+
top: 0 !important;
|
|
2554
|
+
right: 0 !important;
|
|
2555
|
+
bottom: 0 !important;
|
|
2556
|
+
height: 100% !important;
|
|
2557
|
+
width: 100% !important;
|
|
2558
|
+
}
|
|
2559
|
+
|
|
2560
|
+
:host([transition]) img {
|
|
2561
|
+
opacity: 0;
|
|
2562
|
+
transition: 0.25s;
|
|
2563
|
+
}
|
|
2564
|
+
|
|
2565
|
+
:host([transition="fade-scale-out"]) img {
|
|
2566
|
+
scale: 1.08;
|
|
2567
|
+
transition: opacity 0.3s linear, scale 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
|
2568
|
+
}
|
|
2569
|
+
:host([transition]) img.loaded {
|
|
2570
|
+
opacity: 1;
|
|
2571
|
+
scale: 1;
|
|
2572
|
+
}
|
|
2573
|
+
`],Lt([l({type:String})],xt.prototype,"rounded",2),Lt([l({type:String})],xt.prototype,"src",2),Lt([l({type:String})],xt.prototype,"alt",2),Lt([l({type:String})],xt.prototype,"loading",2),Lt([l({type:String,reflect:!0})],xt.prototype,"transition",2),Lt([l({type:String})],xt.prototype,"ratio",2),Lt([l({type:String})],xt.prototype,"objectPosition",2),Lt([l({type:String})],xt.prototype,"imageRendering",2),Lt([l({type:Boolean,reflect:!0})],xt.prototype,"cover",2),xt=Lt([w(Sl)],xt);var Ol=Object.defineProperty,Dl=Object.getOwnPropertyDescriptor,vt=(r,t,s,i)=>{for(var e=i>1?void 0:i?Dl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Ol(t,s,e),e};const kl="sonic-menu";let ht=class extends v{constructor(){super(...arguments),this.size="",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.minWidth="0",this.hasMoreElements=!1,this.updateIsScollable=()=>{this.scrollable&&(this.initScrollable(),this.setScrollShadow(this,this.direction))}}checkIfMore(){var r;this.hasMoreElements=!!((r=this.moreElements)!=null&&r.length)}updated(r){const t=this.querySelector(".more-btn");this.size&&t&&t.setAttribute("size",this.size),this.querySelectorAll("sonic-divider").forEach(i=>{i.hasAttribute("size")||i.setAttribute("size","xs")}),super.updated(r)}mainSlotChange(){this.setChildrenSize(this.menuChildren),this.updateIsScollable()}connectedCallback(){this.observer=new ResizeObserver(this.updateIsScollable),this.observer.observe(this),super.connectedCallback()}disconnectedCallback(){var r;(r=this.observer)==null||r.disconnect(),super.disconnectedCallback()}initScrollable(){let r=!1,t,s;this.scrollable&&(this.addEventListener("mousedown",i=>{r=!0,this.classList.add("active"),t=i.pageX-this.offsetLeft,s=this.scrollLeft}),this.addEventListener("mouseleave",()=>{r=!1,this.classList.remove("active")}),this.addEventListener("mouseup",()=>{r=!1,this.classList.remove("active")}),this.addEventListener("mousemove",i=>{if(!r)return;i.preventDefault();const o=(i.pageX-this.offsetLeft-t)*1.5;this.scrollLeft=s-o,this.setScrollShadow(this,this.direction)}),this.addEventListener("scroll",i=>{i.preventDefault(),this.setScrollShadow(this,this.direction)}))}setScrollShadow(r,t){t=="row"?(r.scrollLeft>0?this.classList.add("shadow-left"):this.classList.remove("shadow-left"),r.scrollLeft<r.scrollWidth-r.offsetWidth?this.classList.add("shadow-right"):this.classList.remove("shadow-right")):t=="column"&&(r.scrollTop>0?this.classList.add("shadow-top"):this.classList.remove("shadow-top"),r.scrollTop<r.scrollHeight-(r.offsetHeight+1)?this.classList.add("shadow-bottom"):this.classList.remove("shadow-bottom"))}setChildrenSize(r){r.forEach(t=>{this.size&&t.setAttribute("size",this.size),this.align&&t.getAttribute("shape")!="square"&&t.getAttribute("shape")!="circle"&&t.setAttribute("align",this.align),this.direction=="row"&&t.getAttribute("shape")=="block"&&t.setAttribute("shape","default")})}render(){const r={minWidth:this.minWidth,flexDirection:this.direction,gap:this.gap},t=this.direction=="row",s={display:"block",alignSelf:t?"center":"flex-start",justifySelf:"center",flexDirection:this.direction},i={marginLeft:t?"":".55em"};return g`<menu part="menu" class="shadowable" style=${dt(r)}>
|
|
2574
|
+
<slot @slotchange=${this.mainSlotChange}></slot>
|
|
2575
|
+
<sonic-pop style=${dt(s)} class=${this.hasMoreElements?"":"hidden"}>
|
|
2576
|
+
<sonic-menu-item style=${dt(i)} class="more-btn" shape=${this.moreShape} align="center">
|
|
2577
|
+
<sonic-icon size="xl" name=${t?"more-vert":"more-horiz"}></sonic-icon>
|
|
2578
|
+
</sonic-menu-item>
|
|
2579
|
+
<slot name="more" @slotchange=${this.checkIfMore} slot="content"></slot>
|
|
2580
|
+
</sonic-pop>
|
|
2581
|
+
</menu>`}};ht.styles=[P`
|
|
2582
|
+
:host {
|
|
2583
|
+
display: block;
|
|
2584
|
+
--sc-menu-gap: 0.15rem;
|
|
2585
|
+
}
|
|
2586
|
+
|
|
2587
|
+
:host > menu {
|
|
2588
|
+
display: flex;
|
|
2589
|
+
border-radius: min(calc(var(--sc-btn-rounded) * 2), 0.4em);
|
|
2590
|
+
margin: 0;
|
|
2591
|
+
padding: 0.35em;
|
|
2592
|
+
}
|
|
2593
|
+
|
|
2594
|
+
.hidden {
|
|
2595
|
+
display: none !important;
|
|
2596
|
+
}
|
|
2597
|
+
|
|
2598
|
+
/*OMBRE*/
|
|
2599
|
+
:host([shadow]) .shadowable,
|
|
2600
|
+
:host([shadow="md"]) .shadowable,
|
|
2601
|
+
:host([shadow="true"]) .shadowable {
|
|
2602
|
+
box-shadow: var(--sc-shadow);
|
|
2603
|
+
}
|
|
2604
|
+
|
|
2605
|
+
:host([shadow="sm"]) .shadowable {
|
|
2606
|
+
box-shadow: var(--sc-shadow-sm);
|
|
2607
|
+
}
|
|
2608
|
+
|
|
2609
|
+
:host([shadow="lg"]) .shadowable {
|
|
2610
|
+
box-shadow: var(--sc-shadow-lg);
|
|
2611
|
+
}
|
|
2612
|
+
|
|
2613
|
+
:host([shadow="none"]) .shadowable {
|
|
2614
|
+
box-shadow: none;
|
|
2615
|
+
}
|
|
2616
|
+
|
|
2617
|
+
/* SCROLLABLE*/
|
|
2618
|
+
:host([scrollable]) {
|
|
2619
|
+
scrollbar-width: none;
|
|
2620
|
+
-ms-overflow-style: none;
|
|
2621
|
+
}
|
|
2622
|
+
:host([scrollable]) menu > * {
|
|
2623
|
+
scroll-snap-align: start;
|
|
2624
|
+
white-space: nowrap;
|
|
2625
|
+
}
|
|
2626
|
+
:host([scrollable][direction="row"]) {
|
|
2627
|
+
overflow-x: scroll;
|
|
2628
|
+
scroll-snap-type: x mandatory;
|
|
2629
|
+
}
|
|
2630
|
+
:host([scrollable][direction="column"]) {
|
|
2631
|
+
overflow-y: scroll;
|
|
2632
|
+
scroll-snap-type: y mandatory;
|
|
2633
|
+
}
|
|
2634
|
+
:host([scrollable])::-webkit-scrollbar {
|
|
2635
|
+
display: none !important;
|
|
2636
|
+
}
|
|
2637
|
+
:host([scrollable][direction="row"].shadow-right) {
|
|
2638
|
+
-webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
|
|
2639
|
+
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
|
|
2640
|
+
}
|
|
2641
|
+
:host([scrollable][direction="row"].shadow-left) {
|
|
2642
|
+
-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
|
|
2643
|
+
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
|
|
2644
|
+
}
|
|
2645
|
+
:host([scrollable][direction="row"].shadow-left.shadow-right) {
|
|
2646
|
+
-webkit-mask-image: linear-gradient(
|
|
2647
|
+
to right,
|
|
2648
|
+
rgba(0, 0, 0, 0) 0%,
|
|
2649
|
+
rgba(0, 0, 0, 1) 10%,
|
|
2650
|
+
rgba(0, 0, 0, 1) 90%,
|
|
2651
|
+
rgba(0, 0, 0, 0) 100%
|
|
2652
|
+
);
|
|
2653
|
+
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
|
|
2654
|
+
}
|
|
2655
|
+
:host([scrollable][direction="column"].shadow-top) {
|
|
2656
|
+
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
|
|
2657
|
+
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
|
|
2658
|
+
}
|
|
2659
|
+
:host([scrollable][direction="column"].shadow-bottom) {
|
|
2660
|
+
-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
|
|
2661
|
+
mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
|
|
2662
|
+
}
|
|
2663
|
+
:host([scrollable][direction="column"].shadow-top.shadow-bottom) {
|
|
2664
|
+
-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
|
|
2665
|
+
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
|
|
2666
|
+
}
|
|
2667
|
+
`],vt([l({type:String,reflect:!0})],ht.prototype,"size",2),vt([l({type:String,reflect:!0})],ht.prototype,"direction",2),vt([l({type:String})],ht.prototype,"gap",2),vt([l({type:String,reflect:!0})],ht.prototype,"align",2),vt([l({type:String,reflect:!0})],ht.prototype,"shadow",2),vt([l({type:String})],ht.prototype,"moreShape",2),vt([l({type:Boolean})],ht.prototype,"scrollable",2),vt([l({type:String})],ht.prototype,"minWidth",2),vt([ee("menu")],ht.prototype,"menu",2),vt([se({selector:"sonic-menu-item"})],ht.prototype,"menuChildren",2),vt([se({slot:"more",selector:"*"})],ht.prototype,"moreElements",2),vt([T()],ht.prototype,"hasMoreElements",2),ht=vt([w(kl)],ht);var Ll=Object.defineProperty,El=Object.getOwnPropertyDescriptor,_r=(r,t,s,i)=>{for(var e=i>1?void 0:i?El(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Ll(t,s,e),e};const Nl="sonic-modal-actions";let Ss=class extends v{firstUpdated(r){var t;(t=this.buttons)==null||t.forEach(s=>{s.addEventListener("click",()=>{if(s.getAttribute("hideModal")!="false"){const i=this.closest("sonic-modal");i==null||i.hide()}})}),super.firstUpdated(r)}render(){return g`<slot></slot>`}};Ss.styles=[P`
|
|
2668
|
+
:host {
|
|
2669
|
+
display: flex;
|
|
2670
|
+
gap: 0.5rem;
|
|
2671
|
+
margin-top: auto;
|
|
2672
|
+
padding-top: 1.5rem;
|
|
2673
|
+
}
|
|
2674
|
+
`],_r([se({selector:"sonic-button"})],Ss.prototype,"buttons",2),Ss=_r([w(Nl)],Ss);var Tl=Object.defineProperty,jl=Object.getOwnPropertyDescriptor,xr=(r,t,s,i)=>{for(var e=i>1?void 0:i?jl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Tl(t,s,e),e};const Ml="sonic-modal-close";let Os=class extends v{render(){return g`<sonic-button reset=${x(this.reset)} shape="circle" @click=${this.handleClick}
|
|
2675
|
+
><sonic-icon name="cancel" size="lg"></sonic-icon
|
|
2676
|
+
></sonic-button>`}handleClick(){J.getClosestElement(this,"sonic-modal").hide()}};Os.styles=[P`
|
|
2677
|
+
:host {
|
|
2678
|
+
position: sticky;
|
|
2679
|
+
display: block;
|
|
2680
|
+
align-self: flex-end;
|
|
2681
|
+
height: 0;
|
|
2682
|
+
top: 0.5rem;
|
|
2683
|
+
right: 0.5rem;
|
|
2684
|
+
transform: translate3d(calc(var(--sc-modal-px)), calc(-1 * var(--sc-modal-py)), 0);
|
|
2685
|
+
z-index: 20;
|
|
2686
|
+
}
|
|
2687
|
+
`],xr([l()],Os.prototype,"reset",2),Os=xr([w(Ml)],Os);var Il=Object.defineProperty,zl=Object.getOwnPropertyDescriptor,Fl=(r,t,s,i)=>{for(var e=i>1?void 0:i?zl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Il(t,s,e),e};const Rl="sonic-modal-content";let hi=class extends v{render(){return g`<slot></slot>`}};hi.styles=[P`
|
|
2688
|
+
:host {
|
|
2689
|
+
display: block;
|
|
2690
|
+
width: 100%;
|
|
2691
|
+
}
|
|
2692
|
+
`],hi=Fl([w(Rl)],hi);var Ul=Object.defineProperty,Vl=Object.getOwnPropertyDescriptor,Bl=(r,t,s,i)=>{for(var e=i>1?void 0:i?Vl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Ul(t,s,e),e};const Hl="sonic-modal-subtitle";let di=class extends v{render(){return g`<slot></slot>`}};di.styles=[P`
|
|
2693
|
+
:host {
|
|
2694
|
+
font-size: 1.1rem;
|
|
2695
|
+
display: block;
|
|
2696
|
+
line-height: 1.1rem;
|
|
2697
|
+
line-height: var(--sc-headings-line-height);
|
|
2698
|
+
font-family: var(--sc-headings-font-family);
|
|
2699
|
+
font-weight: var(--sc-headings-font-weight);
|
|
2700
|
+
}
|
|
2701
|
+
`],di=Bl([w(Hl)],di);var ql=Object.defineProperty,Wl=Object.getOwnPropertyDescriptor,Kl=(r,t,s,i)=>{for(var e=i>1?void 0:i?Wl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ql(t,s,e),e};const Zl="sonic-modal-title";let pi=class extends v{render(){return g`<slot></slot>`}};pi.styles=[P`
|
|
2702
|
+
:host {
|
|
2703
|
+
font-weight: bold;
|
|
2704
|
+
font-size: 1.5rem;
|
|
2705
|
+
display: block;
|
|
2706
|
+
line-height: var(--sc-headings-line-height);
|
|
2707
|
+
font-family: var(--sc-headings-font-family);
|
|
2708
|
+
}
|
|
2709
|
+
`],pi=Kl([w(Zl)],pi);var Gl=Object.defineProperty,Yl=Object.getOwnPropertyDescriptor,et=(r,t,s,i)=>{for(var e=i>1?void 0:i?Yl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Gl(t,s,e),e};const Pr="sonic-modal";let U=class extends G(v){constructor(){super(...arguments),this.forceAction=!1,this.removeOnHide=!1,this.removeHashOnHide=!1,this.align="left",this.padding="var(--sc-modal-py) var(--sc-modal-px)",this.maxWidth="var(--sc-modal-max-w) ",this.maxHeight="var(--sc-modal-max-h) ",this.width="100%",this.height="auto",this.zIndex="var(--sc-modal-z-index)",this.fullScreen=!1,this.visible=!1}static create(r){const t=document.createElement(Pr);return t.options=r,r.removeHashOnHide===!0&&t.setAttribute("removeHashOnHide","true"),r.removeOnHide===!0&&t.setAttribute("removeOnHide","true"),r.maxWidth&&(t.maxWidth=r==null?void 0:r.maxWidth),r.width&&(t.width=r==null?void 0:r.width),r.maxHeight&&(t.maxHeight=r==null?void 0:r.maxHeight),r.height&&(t.height=r==null?void 0:r.height),r.forceAction&&(t.forceAction=!0),r.paddingX&&t.style.setProperty("--sc-modal-px",r==null?void 0:r.paddingX),r.paddingY&&t.style.setProperty("--sc-modal-py",r==null?void 0:r.paddingY),r.zIndex&&t.style.setProperty("--sc-modal-z-index",r==null?void 0:r.zIndex),gt.getPopContainer().appendChild(t),t.show(),t}connectedCallback(){U.modals.push(this),super.connectedCallback(),this.handleFullsceen()}disconnectedCallback(){U.modals.splice(U.modals.indexOf(this),1),super.disconnectedCallback()}updated(){const r=this;document.addEventListener("keydown",this.handleEscape),r.closeBtn.forEach(t=>{t.addEventListener("click",function(){r.hide()},{once:!0})})}willUpdate(r){r.has("fullScreen")&&this.handleFullsceen(),super.willUpdate(r)}render(){var s;if(this.visible==!1)return $;const r={padding:this.padding,maxWidth:this.maxWidth,maxHeight:this.maxHeight,width:this.width,height:this.height,zIndex:this.zIndex,borderRadius:this.fullScreen?"0":"var(--sc-modal-rounded)"},t={maxWidth:this.maxWidth,maxHeight:this.maxHeight,width:this.width,height:this.height,borderRadius:this.fullScreen?"0":"var(--sc-modal-rounded)"};return g`<div
|
|
2710
|
+
class="modal-wrapper"
|
|
2711
|
+
style=${dt(t)}
|
|
2712
|
+
${fs({out:Ro})}
|
|
2713
|
+
tabindex="0"
|
|
2714
|
+
>
|
|
2715
|
+
<div
|
|
2716
|
+
part="modal"
|
|
2717
|
+
class="modal custom-scroll"
|
|
2718
|
+
style=${dt(r)}
|
|
2719
|
+
${fs({keyframeOptions:{duration:400,easing:"cubic-bezier(0.250, 0.250, 0.420, 1.225)"},in:[{transform:"translateY(25%) scale(1)",boxShadow:"0 0 0 rgba(0,0,0,0)",opacity:0}],out:[{transform:"translateY(20%) scale(1)",boxShadow:"0 0 0 rgba(0,0,0,0)",opacity:0}]})}
|
|
2720
|
+
>
|
|
2721
|
+
<div class="modal-content">
|
|
2722
|
+
${(s=this.options)!=null&&s.forceAction?$:g`<sonic-modal-close></sonic-modal-close>`} ${this.modalFragment("title")}
|
|
2723
|
+
${this.modalFragment("subtitle")} ${this.modalFragment("content")} ${this.modalFragment("actions")}
|
|
2724
|
+
|
|
2725
|
+
<slot></slot>
|
|
2726
|
+
</div>
|
|
2727
|
+
</div>
|
|
2728
|
+
</div>
|
|
2729
|
+
<div
|
|
2730
|
+
class="overlay"
|
|
2731
|
+
@click="${this.forceAction?null:this.hide}"
|
|
2732
|
+
${fs({keyframeOptions:{duration:500},in:Uo,out:[{opacity:0,pointerEvents:"none"}]})}
|
|
2733
|
+
></div>`}modalFragment(r){var i;const t=(i=this.options)==null?void 0:i[r];if(!t)return $;let s;switch(t instanceof Object?s=t:s=I(t),r){case"title":return g`<sonic-modal-title>${s}</sonic-modal-title>`;case"subtitle":return g`<sonic-modal-subtitle>${s}</sonic-modal-subtitle>`;case"content":return g`<sonic-modal-content>${s}</sonic-modal-content>`;case"actions":return g`<sonic-modal-actions>${s}</sonic-modal-actions>`;default:return $}}show(){var r,t;this.visible=!0,(r=this.modalElement)==null||r.setAttribute("tabindex","0"),(t=this.modalElement)==null||t.focus(),this.dispatchEvent(new CustomEvent("show"))}hide(){var r;this.visible=!1,(r=this.modalElement)==null||r.setAttribute("tabindex","-1"),this.dispatchEvent(new CustomEvent("hide")),this.hasAttribute("resetDataProviderOnHide")&&tt.get(this.getAttribute("resetDataProviderOnHide")).set({}),this.removeOnHide&&this.remove(),setTimeout(()=>{this.dispatchEvent(new CustomEvent("hidden")),this.removeHashOnHide&&window.history.replaceState({},"",window.location.pathname)},480)}dispose(){this.hide(),this.remove()}static disposeAll(){U.modals.forEach(r=>{r.dispose()})}handleEscape(r){r.key==="Escape"&&U.modals.forEach(t=>{t.forceAction||t.hide()})}handleFullsceen(){this.fullScreen&&(this.width="100%",this.height="100%",this.maxWidth="none",this.maxHeight="none")}};U.styles=[Ge,P`
|
|
2734
|
+
:host {
|
|
2735
|
+
--sc-modal-py: 2.5rem;
|
|
2736
|
+
--sc-modal-px: 1.5rem;
|
|
2737
|
+
--sc-modal-max-w: min(100vw, 40rem);
|
|
2738
|
+
--sc-modal-max-h: 85vh;
|
|
2739
|
+
--sc-modal-rounded: var(--sc-rounded-lg);
|
|
2740
|
+
--sc-modal-z-index: 990;
|
|
2741
|
+
}
|
|
2742
|
+
|
|
2743
|
+
* {
|
|
2744
|
+
box-sizing: border-box;
|
|
2745
|
+
}
|
|
2746
|
+
|
|
2747
|
+
.modal-wrapper {
|
|
2748
|
+
position: fixed;
|
|
2749
|
+
bottom: 0;
|
|
2750
|
+
left: 0;
|
|
2751
|
+
width: 100%;
|
|
2752
|
+
z-index: calc(var(--sc-modal-z-index) + 1);
|
|
2753
|
+
align-items: center;
|
|
2754
|
+
justify-content: center;
|
|
2755
|
+
flex-direction: column;
|
|
2756
|
+
display: flex;
|
|
2757
|
+
pointer-events: none;
|
|
2758
|
+
}
|
|
2759
|
+
|
|
2760
|
+
.modal-content {
|
|
2761
|
+
display: flex;
|
|
2762
|
+
flex-direction: column;
|
|
2763
|
+
min-height: 10rem;
|
|
2764
|
+
line-height: 1.25;
|
|
2765
|
+
}
|
|
2766
|
+
|
|
2767
|
+
.modal {
|
|
2768
|
+
background: var(--sc-base);
|
|
2769
|
+
color: var(--sc-base-content);
|
|
2770
|
+
width: 100%;
|
|
2771
|
+
box-shadow: var(--sc-shadow-lg);
|
|
2772
|
+
border-radius: var(--sc-modal-rounded) var(--sc-modal-rounded) 0 0;
|
|
2773
|
+
pointer-events: auto;
|
|
2774
|
+
/*overflow: hidden;*/
|
|
2775
|
+
transform: translateZ(0);
|
|
2776
|
+
}
|
|
2777
|
+
|
|
2778
|
+
.overlay {
|
|
2779
|
+
background: var(--sc-modal-overlay-bg, var(--sc-base-200));
|
|
2780
|
+
left: 0;
|
|
2781
|
+
top: 0;
|
|
2782
|
+
right: 0;
|
|
2783
|
+
bottom: 0;
|
|
2784
|
+
z-index: var(--sc-modal-z-index);
|
|
2785
|
+
opacity: 0.8;
|
|
2786
|
+
position: fixed;
|
|
2787
|
+
}
|
|
2788
|
+
|
|
2789
|
+
::slotted(sonic-modal-title) {
|
|
2790
|
+
margin-bottom: 1.25rem;
|
|
2791
|
+
}
|
|
2792
|
+
:host([align="left"]) ::slotted(sonic-modal-title) {
|
|
2793
|
+
padding-right: 1em;
|
|
2794
|
+
}
|
|
2795
|
+
|
|
2796
|
+
::slotted(sonic-modal-subtitle) {
|
|
2797
|
+
margin-top: -0.9rem;
|
|
2798
|
+
margin-bottom: 1.25rem;
|
|
2799
|
+
}
|
|
2800
|
+
|
|
2801
|
+
@media (max-width: 767.5px) {
|
|
2802
|
+
.modal-wrapper,
|
|
2803
|
+
.modal {
|
|
2804
|
+
max-width: none !important;
|
|
2805
|
+
width: 100% !important;
|
|
2806
|
+
border-radius: var(--sc-modal-rounded) var(--sc-modal-rounded) 0 0 !important;
|
|
2807
|
+
}
|
|
2808
|
+
}
|
|
2809
|
+
|
|
2810
|
+
@media (min-width: 768px) {
|
|
2811
|
+
.modal-wrapper {
|
|
2812
|
+
top: 50%;
|
|
2813
|
+
left: 50%;
|
|
2814
|
+
bottom: auto;
|
|
2815
|
+
right: auto;
|
|
2816
|
+
transform: translateX(-50%) translateY(-50%);
|
|
2817
|
+
}
|
|
2818
|
+
|
|
2819
|
+
.modal {
|
|
2820
|
+
top: 50%;
|
|
2821
|
+
bottom: auto;
|
|
2822
|
+
right: auto;
|
|
2823
|
+
border-radius: var(--sc-modal-rounded);
|
|
2824
|
+
}
|
|
2825
|
+
}
|
|
2826
|
+
|
|
2827
|
+
:host([align="left"]) .modal-content {
|
|
2828
|
+
text-align: left;
|
|
2829
|
+
align-items: flex-start;
|
|
2830
|
+
}
|
|
2831
|
+
|
|
2832
|
+
:host([align="center"]) .modal-content {
|
|
2833
|
+
text-align: center;
|
|
2834
|
+
align-items: center;
|
|
2835
|
+
}
|
|
2836
|
+
|
|
2837
|
+
:host([align="right"]) .modal-content {
|
|
2838
|
+
text-align: right;
|
|
2839
|
+
align-items: flex-end;
|
|
2840
|
+
}
|
|
2841
|
+
|
|
2842
|
+
/* Border radius */
|
|
2843
|
+
:host([rounded="none"]) modal {
|
|
2844
|
+
--sc-img-radius: 0 !important;
|
|
2845
|
+
}
|
|
2846
|
+
`],U.modals=[],et([l({type:Boolean})],U.prototype,"forceAction",2),et([l({type:Boolean})],U.prototype,"removeOnHide",2),et([l({type:Boolean})],U.prototype,"removeHashOnHide",2),et([l({type:String,reflect:!0})],U.prototype,"align",2),et([l({type:String})],U.prototype,"padding",2),et([l({type:String})],U.prototype,"maxWidth",2),et([l({type:String})],U.prototype,"maxHeight",2),et([l({type:String})],U.prototype,"width",2),et([l({type:String})],U.prototype,"height",2),et([l({type:String})],U.prototype,"zIndex",2),et([l({type:Object})],U.prototype,"options",2),et([l({type:Boolean,reflect:!0})],U.prototype,"fullScreen",2),et([l({type:Boolean,reflect:!0})],U.prototype,"visible",2),et([ee(".modal-wrapper")],U.prototype,"modalWrapper",2),et([ee(".modal")],U.prototype,"modalElement",2),et([se({selector:"sonic-modal-close"})],U.prototype,"closeBtn",2),U=et([w(Pr)],U),typeof window<"u"&&(window.SonicModal=U);var Ql=Object.defineProperty,Jl=Object.getOwnPropertyDescriptor,Et=(r,t,s,i)=>{for(var e=i>1?void 0:i?Jl(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Ql(t,s,e),e};const Xl={warning:"warning-circled-outline",success:"check-circled-outline",error:"warning-circled-outline",info:"info-empty",default:"info-empty"},tc="sonic-alert";let Pt=class extends v{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}render(){if(this.dismissForever){const r=localStorage.getItem("sonic-alert-dismissed")||"{}";if(JSON.parse(r)[this.id])return $}return g`<div part="alert" class="alert">
|
|
2847
|
+
<slot name="icon" class="${this.noIcon?"hidden":$}"
|
|
2848
|
+
>${this.noIcon?$:g`<div>${this.status&&g`<sonic-icon name=${Xl[this.status]}></sonic-icon>`}</div>`}</slot
|
|
2849
|
+
>
|
|
2850
|
+
<div>
|
|
2851
|
+
${this.label?g`<span class="label">${I(this.label)}</span>`:$}
|
|
2852
|
+
<div>${this.text}<slot></slot></div>
|
|
2853
|
+
</div>
|
|
2854
|
+
${this.dismissible?g`<sonic-button @click=${this.close} class="close-btn" variant="unstyled" shape="circle">
|
|
2855
|
+
<sonic-icon name="cancel" size="lg"></sonic-icon>
|
|
2856
|
+
</sonic-button>`:$}
|
|
2857
|
+
</div>`}close(){if(this.remove(),this.dismissForever){const r=localStorage.getItem("sonic-alert-dismissed")||"{}",t=JSON.parse(r);t[this.id]=!0,localStorage.setItem("sonic-alert-dismissed",JSON.stringify(t))}}};Pt.styles=[At,P`
|
|
2858
|
+
:host {
|
|
2859
|
+
--sc-alert-color: var(--sc-base-content);
|
|
2860
|
+
--sc-alert-rounded: var(--sc-rounded);
|
|
2861
|
+
--sc-alert-fw: var(--sc-font-weight-base);
|
|
2862
|
+
--sc-alert-fst: var(--sc-font-style-base);
|
|
2863
|
+
--sc-alert-label-fw: bold;
|
|
2864
|
+
display: block;
|
|
2865
|
+
font-weight: var(--sc-alert-fw);
|
|
2866
|
+
font-style: var(--sc-alert-fst);
|
|
2867
|
+
}
|
|
2868
|
+
|
|
2869
|
+
.alert {
|
|
2870
|
+
color: var(--sc-alert-color);
|
|
2871
|
+
position: relative;
|
|
2872
|
+
display: flex;
|
|
2873
|
+
gap: 0.4em;
|
|
2874
|
+
border-radius: var(--sc-alert-rounded);
|
|
2875
|
+
overflow: hidden;
|
|
2876
|
+
}
|
|
2877
|
+
|
|
2878
|
+
.label {
|
|
2879
|
+
font-weight: var(--sc-alert-label-fw);
|
|
2880
|
+
margin-bottom: 0.15em;
|
|
2881
|
+
display: block;
|
|
2882
|
+
}
|
|
2883
|
+
|
|
2884
|
+
:host([status="warning"]) {
|
|
2885
|
+
--sc-alert-color: var(--sc-warning);
|
|
2886
|
+
}
|
|
2887
|
+
:host([status="error"]) {
|
|
2888
|
+
--sc-alert-color: var(--sc-danger);
|
|
2889
|
+
}
|
|
2890
|
+
:host([status="info"]) {
|
|
2891
|
+
--sc-alert-color: var(--sc-info);
|
|
2892
|
+
}
|
|
2893
|
+
:host([status="success"]) {
|
|
2894
|
+
--sc-alert-color: var(--sc-success);
|
|
2895
|
+
}
|
|
2896
|
+
|
|
2897
|
+
/*background*/
|
|
2898
|
+
:host([dismissible]) .alert,
|
|
2899
|
+
:host([background]) .alert {
|
|
2900
|
+
background: var(--sc-base);
|
|
2901
|
+
padding: 0.8em 1.15em;
|
|
2902
|
+
}
|
|
2903
|
+
:host([dismissible]) .alert:before,
|
|
2904
|
+
:host([background]) .alert:before {
|
|
2905
|
+
background-color: currentColor;
|
|
2906
|
+
content: "";
|
|
2907
|
+
display: block;
|
|
2908
|
+
position: absolute;
|
|
2909
|
+
left: 0;
|
|
2910
|
+
top: 0;
|
|
2911
|
+
right: 0;
|
|
2912
|
+
bottom: 0;
|
|
2913
|
+
opacity: 0.08;
|
|
2914
|
+
border-radius: var(--sc-alert-rounded);
|
|
2915
|
+
pointer-events: none;
|
|
2916
|
+
}
|
|
2917
|
+
:host([dismissible]) > div,
|
|
2918
|
+
:host([background]) > div {
|
|
2919
|
+
z-index: 2;
|
|
2920
|
+
position: relative;
|
|
2921
|
+
}
|
|
2922
|
+
|
|
2923
|
+
slot {
|
|
2924
|
+
display: block;
|
|
2925
|
+
}
|
|
2926
|
+
|
|
2927
|
+
.hidden {
|
|
2928
|
+
display: none !important;
|
|
2929
|
+
}
|
|
2930
|
+
|
|
2931
|
+
/*Rounded*/
|
|
2932
|
+
:host([size="xs"]) .alert {
|
|
2933
|
+
--sc-alert-rounded: var(--sc-rounded-sm);
|
|
2934
|
+
}
|
|
2935
|
+
:host([size="sm"]) .alert {
|
|
2936
|
+
--sc-alert-rounded: var(--sc-rounded-sm);
|
|
2937
|
+
}
|
|
2938
|
+
|
|
2939
|
+
/*Dismissible*/
|
|
2940
|
+
:host([dismissible]) .alert {
|
|
2941
|
+
padding-right: 3rem;
|
|
2942
|
+
}
|
|
2943
|
+
:host([dismissible]) .close-btn {
|
|
2944
|
+
padding: 0.5em;
|
|
2945
|
+
position: absolute;
|
|
2946
|
+
top: 0.25rem;
|
|
2947
|
+
right: 0.25rem;
|
|
2948
|
+
}
|
|
2949
|
+
`],Et([l({type:String})],Pt.prototype,"label",2),Et([l({type:Boolean,reflect:!0})],Pt.prototype,"noIcon",2),Et([l({type:String})],Pt.prototype,"text",2),Et([l({type:String})],Pt.prototype,"id",2),Et([l({type:String,reflect:!0})],Pt.prototype,"size",2),Et([l({type:Boolean,reflect:!0})],Pt.prototype,"dismissible",2),Et([l({type:Boolean,reflect:!0})],Pt.prototype,"background",2),Et([l({type:String,reflect:!0})],Pt.prototype,"status",2),Et([l({type:Boolean,reflect:!0})],Pt.prototype,"dismissForever",2),Pt=Et([w(tc)],Pt);var ec=Object.defineProperty,sc=Object.getOwnPropertyDescriptor,$r=(r,t,s,i)=>{for(var e=i>1?void 0:i?sc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ec(t,s,e),e};const ic="sonic-toast-message-subscriber";let ui=class extends G(v){constructor(){super(...arguments),this._messages=[]}get messages(){return this._messages}set messages(r){this._messages=r,this.messages&&r.forEach(t=>{t.type=="public"&&E.add({text:t.content||"",status:t.status})})}render(){return $}};$r([l({type:Array})],ui.prototype,"messages",1),ui=$r([w(ic)],ui);var rc=Object.defineProperty,oc=Object.getOwnPropertyDescriptor,ts=(r,t,s,i)=>{for(var e=i>1?void 0:i?oc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&rc(t,s,e),e};const nc="sonic-tooltip";let be=class extends v{constructor(){super(...arguments),this.label="",this.disabled=!1,this.focusable=!1}connectedCallback(){this.focusable&&this.setAttribute("tabindex","0"),super.connectedCallback()}render(){const r=this.disabled||this.label==""?"disabled":"";return g`<div data-tooltip-text="${this.label.trim().replace(" "," ")}" class="tooltip ${r}">
|
|
2950
|
+
<slot></slot>
|
|
2951
|
+
</div>`}};be.styles=[P`
|
|
2952
|
+
:host {
|
|
2953
|
+
position: relative;
|
|
2954
|
+
display: inline-flex;
|
|
2955
|
+
align-items: center;
|
|
2956
|
+
text-align: center;
|
|
2957
|
+
--sc-tooltip-fw: var(--sc-font-weight-base);
|
|
2958
|
+
}
|
|
2959
|
+
|
|
2960
|
+
.tooltip:before {
|
|
2961
|
+
position: absolute;
|
|
2962
|
+
content: attr(data-tooltip-text);
|
|
2963
|
+
font-size: 0.85rem;
|
|
2964
|
+
display: block;
|
|
2965
|
+
opacity: 0;
|
|
2966
|
+
pointer-events: none;
|
|
2967
|
+
background: var(--sc-base-content, #111827);
|
|
2968
|
+
padding: 0.32rem 0.25rem;
|
|
2969
|
+
border-radius: var(--sc-rounded);
|
|
2970
|
+
color: var(--sc-base, #fff);
|
|
2971
|
+
z-index: 999;
|
|
2972
|
+
display: none;
|
|
2973
|
+
line-height: 1.1;
|
|
2974
|
+
width: max-content;
|
|
2975
|
+
max-width: 18rem;
|
|
2976
|
+
white-space: pre-line;
|
|
2977
|
+
font-weight: var(--sc-tooltip-fw);
|
|
2978
|
+
}
|
|
2979
|
+
:host(:focus-within) .tooltip:not(.disabled):before,
|
|
2980
|
+
.tooltip:not(.disabled):hover:before {
|
|
2981
|
+
opacity: 1;
|
|
2982
|
+
display: block;
|
|
2983
|
+
}
|
|
2984
|
+
|
|
2985
|
+
:host(:not([placement])) .tooltip:before,
|
|
2986
|
+
:host([placement="top"]) .tooltip:before {
|
|
2987
|
+
bottom: calc(100% + 0.25rem);
|
|
2988
|
+
left: 50%;
|
|
2989
|
+
transform: translateX(-50%);
|
|
2990
|
+
}
|
|
2991
|
+
|
|
2992
|
+
:host([placement="top-end"]) .tooltip:before {
|
|
2993
|
+
bottom: calc(100% + 0.25rem);
|
|
2994
|
+
right: 0;
|
|
2995
|
+
transform: translateX(0);
|
|
2996
|
+
}
|
|
2997
|
+
:host([placement="top-start"]) .tooltip:before {
|
|
2998
|
+
bottom: calc(100% + 0.25rem);
|
|
2999
|
+
left: 0;
|
|
3000
|
+
transform: translateX(0);
|
|
3001
|
+
}
|
|
3002
|
+
|
|
3003
|
+
:host([placement="bottom"]) .tooltip:before {
|
|
3004
|
+
top: calc(100% + 0.25rem);
|
|
3005
|
+
left: 50%;
|
|
3006
|
+
transform: translateX(-50%);
|
|
3007
|
+
}
|
|
3008
|
+
|
|
3009
|
+
:host([placement="left"]) .tooltip:before {
|
|
3010
|
+
top: 50%;
|
|
3011
|
+
right: calc(100% + 0.25rem);
|
|
3012
|
+
transform: translateY(-50%);
|
|
3013
|
+
}
|
|
3014
|
+
|
|
3015
|
+
:host([placement="right"]) .tooltip:before {
|
|
3016
|
+
top: 50%;
|
|
3017
|
+
transform: translateY(-50%);
|
|
3018
|
+
left: calc(100% + 0.25rem);
|
|
3019
|
+
}
|
|
3020
|
+
`],ts([l({type:String})],be.prototype,"label",2),ts([l({type:String,reflect:!0})],be.prototype,"placement",2),ts([l({type:Boolean})],be.prototype,"disabled",2),ts([l({type:Boolean})],be.prototype,"focusable",2),be=ts([w(nc)],be);var ac=Object.defineProperty,lc=Object.getOwnPropertyDescriptor,Nt=(r,t,s,i)=>{for(var e=i>1?void 0:i?lc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&ac(t,s,e),e};const cc="sonic-divider";let $t=class extends v{constructor(){super(...arguments),this.label="",this.align="center",this.vertical=!1,this.noMargin=!1,this.dashed=!1,this.dotted=!1}firstUpdated(r){var t,s;super.firstUpdated(r),(this.label||(t=this.slotNodes)!=null&&t.length)&&((s=this.divider)==null||s.classList.add("has-text"))}render(){return g`<div part="divider">
|
|
3021
|
+
<span class="text">${I(this.label?this.label:"")}<slot></slot></span>
|
|
3022
|
+
</div>`}};$t.styles=[P`
|
|
3023
|
+
:host {
|
|
3024
|
+
--sc-divider-my: 0.5rem;
|
|
3025
|
+
--sc-divider-mx: 0;
|
|
3026
|
+
--sc-divider-border-width: max(1px, var(--sc-border-width));
|
|
3027
|
+
--sc-divider-border-color: var(--sc-border-color);
|
|
3028
|
+
--sc-divider-border-style: solid;
|
|
3029
|
+
--sc-divider-color: currentColor;
|
|
3030
|
+
--sc-divider-ff: var(--sc-font-family-base);
|
|
3031
|
+
--sc-divider-fs: 1rem;
|
|
3032
|
+
--sc-divider-fw: var(--sc-font-weight-base);
|
|
3033
|
+
--sc-divider-fst: var(--sc-font-style-base);
|
|
3034
|
+
|
|
3035
|
+
margin: var(--sc-divider-my) var(--sc-divider-mx);
|
|
3036
|
+
font-size: var(--sc-divider-fs);
|
|
3037
|
+
font-style: var(--sc-divider-fst);
|
|
3038
|
+
font-family: var(--sc-divider-ff);
|
|
3039
|
+
font-weight: var(--sc-divider-fw);
|
|
3040
|
+
color: var(--sc-divider-color);
|
|
3041
|
+
display: block;
|
|
3042
|
+
}
|
|
3043
|
+
|
|
3044
|
+
/*SIZE*/
|
|
3045
|
+
:host([size="2xs"]) {
|
|
3046
|
+
--sc-divider-my: 0.35rem;
|
|
3047
|
+
--sc-divider-fs: 0.68rem;
|
|
3048
|
+
}
|
|
3049
|
+
|
|
3050
|
+
:host([size="xs"]) {
|
|
3051
|
+
--sc-divider-my: 0.5rem;
|
|
3052
|
+
--sc-divider-fs: 0.75rem;
|
|
3053
|
+
}
|
|
3054
|
+
|
|
3055
|
+
:host([size="sm"]) {
|
|
3056
|
+
--sc-divider-my: 0.75rem;
|
|
3057
|
+
--sc-divider-fs: 0.875rem;
|
|
3058
|
+
}
|
|
3059
|
+
|
|
3060
|
+
:host([size="md"]) {
|
|
3061
|
+
--sc-divider-my: 1.25rem;
|
|
3062
|
+
}
|
|
3063
|
+
|
|
3064
|
+
:host([size="lg"]) {
|
|
3065
|
+
--sc-divider-my: 1.85rem;
|
|
3066
|
+
}
|
|
3067
|
+
|
|
3068
|
+
:host([size="xl"]) {
|
|
3069
|
+
--sc-divider-my: 2.25rem;
|
|
3070
|
+
}
|
|
3071
|
+
|
|
3072
|
+
:host([size="2xl"]) {
|
|
3073
|
+
--sc-divider-my: 3.35rem;
|
|
3074
|
+
}
|
|
3075
|
+
|
|
3076
|
+
div {
|
|
3077
|
+
display: flex;
|
|
3078
|
+
align-items: center;
|
|
3079
|
+
width: 100%;
|
|
3080
|
+
}
|
|
3081
|
+
|
|
3082
|
+
div::before,
|
|
3083
|
+
div::after {
|
|
3084
|
+
content: "";
|
|
3085
|
+
flex-grow: 1;
|
|
3086
|
+
border-top: var(--sc-divider-border-width) var(--sc-divider-border-style) var(--sc-divider-border-color);
|
|
3087
|
+
width: 100%;
|
|
3088
|
+
opacity: var(--sc-divider-opacity, 1);
|
|
3089
|
+
}
|
|
3090
|
+
|
|
3091
|
+
/*ALIGNEMENT*/
|
|
3092
|
+
:host([align="left"]) div:before {
|
|
3093
|
+
display: none;
|
|
3094
|
+
}
|
|
3095
|
+
|
|
3096
|
+
:host([align="right"]) div:after {
|
|
3097
|
+
display: none;
|
|
3098
|
+
}
|
|
3099
|
+
|
|
3100
|
+
:host([vertical]) {
|
|
3101
|
+
margin: var(--sc-divider-mx) var(--sc-divider-my);
|
|
3102
|
+
}
|
|
3103
|
+
|
|
3104
|
+
:host([vertical]) div {
|
|
3105
|
+
flex-direction: column;
|
|
3106
|
+
height: 100%;
|
|
3107
|
+
min-height: var(--sc-form-height);
|
|
3108
|
+
}
|
|
3109
|
+
|
|
3110
|
+
:host([vertical]) .has-text {
|
|
3111
|
+
gap: 0.25rem;
|
|
3112
|
+
}
|
|
3113
|
+
|
|
3114
|
+
:host([vertical]) div::before,
|
|
3115
|
+
:host([vertical]) div::after {
|
|
3116
|
+
border-top: none;
|
|
3117
|
+
border-left: var(--sc-divider-border-width) var(--sc-divider-border-style) var(--sc-divider-border-color);
|
|
3118
|
+
width: auto;
|
|
3119
|
+
height: 100%;
|
|
3120
|
+
opacity: var(--sc-divider-opacity, 1);
|
|
3121
|
+
}
|
|
3122
|
+
|
|
3123
|
+
:host([noMargin]) {
|
|
3124
|
+
margin: 0;
|
|
3125
|
+
}
|
|
3126
|
+
|
|
3127
|
+
/*TEXT*/
|
|
3128
|
+
.text {
|
|
3129
|
+
flex-shrink: 0;
|
|
3130
|
+
line-height: 1.1;
|
|
3131
|
+
max-width: 80%;
|
|
3132
|
+
}
|
|
3133
|
+
|
|
3134
|
+
.no-text .text {
|
|
3135
|
+
display: none;
|
|
3136
|
+
}
|
|
3137
|
+
|
|
3138
|
+
.has-text {
|
|
3139
|
+
gap: 0.5rem;
|
|
3140
|
+
}
|
|
3141
|
+
|
|
3142
|
+
:host([dotted]) {
|
|
3143
|
+
--sc-divider-border-style: dotted;
|
|
3144
|
+
}
|
|
3145
|
+
:host([dashed]) {
|
|
3146
|
+
--sc-divider-border-style: dashed;
|
|
3147
|
+
}
|
|
3148
|
+
`],Nt([st({flatten:!0})],$t.prototype,"slotNodes",2),Nt([ee("div")],$t.prototype,"divider",2),Nt([l({type:String})],$t.prototype,"label",2),Nt([l({type:String,reflect:!0})],$t.prototype,"size",2),Nt([l({type:String,reflect:!0})],$t.prototype,"align",2),Nt([l({type:Boolean,reflect:!0})],$t.prototype,"vertical",2),Nt([l({type:Boolean,reflect:!0})],$t.prototype,"noMargin",2),Nt([l({type:Boolean,reflect:!0})],$t.prototype,"dashed",2),Nt([l({type:Boolean,reflect:!0})],$t.prototype,"dotted",2),$t=Nt([w(cc)],$t);var hc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,pc=(r,t,s,i)=>{for(var e=i>1?void 0:i?dc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&hc(t,s,e),e};const uc="sonic-card-header-description";let fi=class extends v{render(){return g`
|
|
3149
|
+
<div>
|
|
3150
|
+
<slot></slot>
|
|
3151
|
+
</div>
|
|
3152
|
+
`}};fi.styles=[P`
|
|
3153
|
+
div {
|
|
3154
|
+
margin-top: 0.1em;
|
|
3155
|
+
font-family: var(--sc-font-family-base);
|
|
3156
|
+
font-size: 0.7em;
|
|
3157
|
+
font-weight: var(--sc-font-style-base);
|
|
3158
|
+
}
|
|
3159
|
+
`],fi=pc([w(uc)],fi);var fc=Object.defineProperty,gc=Object.getOwnPropertyDescriptor,gi=(r,t,s,i)=>{for(var e=i>1?void 0:i?gc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&fc(t,s,e),e};const mc="sonic-card-header";let es=class extends v{render(){return g`
|
|
3160
|
+
<div class="header">
|
|
3161
|
+
<div class="header-content">
|
|
3162
|
+
${I(this.label)}
|
|
3163
|
+
${this.description?g`<sonic-card-header-description>${I(this.description)}</sonic-card-header-description>`:""}
|
|
3164
|
+
<slot></slot>
|
|
3165
|
+
</div>
|
|
3166
|
+
<slot name="suffix"></slot>
|
|
3167
|
+
</div>
|
|
3168
|
+
`}};es.styles=[P`
|
|
3169
|
+
:host {
|
|
3170
|
+
--sc-card-header-mb: 1.35rem;
|
|
3171
|
+
--sc-card-header-font-size: 1.875rem;
|
|
3172
|
+
--sc-card-header-font-weight: var(--sc-headings-font-weight);
|
|
3173
|
+
--sc-card-header-font-style: var(--sc-headings-font-style);
|
|
3174
|
+
--sc-card-header-family: var(--sc-headings-font-family);
|
|
3175
|
+
--sc-card-header-line-height: var(--sc-headings-line-height);
|
|
3176
|
+
}
|
|
3177
|
+
@media print {
|
|
3178
|
+
:host {
|
|
3179
|
+
--sc-card-header-font-size: 1.45rem;
|
|
3180
|
+
}
|
|
3181
|
+
}
|
|
3182
|
+
.header {
|
|
3183
|
+
display: flex;
|
|
3184
|
+
align-items: flex-start;
|
|
3185
|
+
gap: 0.5em 1em;
|
|
3186
|
+
margin-bottom: var(--sc-card-header-mb);
|
|
3187
|
+
line-height: var(--sc-card-header-line-height);
|
|
3188
|
+
font-family: var(--sc-card-header-font-family);
|
|
3189
|
+
font-size: var(--sc-card-header-font-size);
|
|
3190
|
+
font-style: var(--sc-card-header-font-style);
|
|
3191
|
+
font-weight: var(--sc-card-header-font-weight);
|
|
3192
|
+
}
|
|
3193
|
+
|
|
3194
|
+
.header-content {
|
|
3195
|
+
flex-grow: 1;
|
|
3196
|
+
}
|
|
3197
|
+
|
|
3198
|
+
slot[name="suffix"] {
|
|
3199
|
+
flex-shrink: 0;
|
|
3200
|
+
}
|
|
3201
|
+
`],gi([l()],es.prototype,"label",2),gi([l()],es.prototype,"description",2),es=gi([w(mc)],es);var bc=Object.defineProperty,vc=Object.getOwnPropertyDescriptor,yc=(r,t,s,i)=>{for(var e=i>1?void 0:i?vc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&bc(t,s,e),e};const wc="sonic-card-main";let Cr=class extends v{render(){return g`
|
|
3202
|
+
<div>
|
|
3203
|
+
<slot></slot>
|
|
3204
|
+
</div>
|
|
3205
|
+
`}};Cr=yc([w(wc)],Cr);var _c=Object.defineProperty,xc=Object.getOwnPropertyDescriptor,Pc=(r,t,s,i)=>{for(var e=i>1?void 0:i?xc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&_c(t,s,e),e};const $c="sonic-card-footer";let Ar=class extends v{render(){return g` <slot></slot> `}};Ar=Pc([w($c)],Ar);var Cc=Object.defineProperty,Ac=Object.getOwnPropertyDescriptor,Sr=(r,t,s,i)=>{for(var e=i>1?void 0:i?Ac(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Cc(t,s,e),e};const Sc="sonic-card";let Ds=class extends v{constructor(){super(...arguments),this.type="default"}render(){return g`
|
|
3206
|
+
<div part="card" class="card">
|
|
3207
|
+
<slot></slot>
|
|
3208
|
+
</div>
|
|
3209
|
+
`}};Ds.styles=[P`
|
|
3210
|
+
* {
|
|
3211
|
+
box-sizing: border-box;
|
|
3212
|
+
}
|
|
3213
|
+
:host {
|
|
3214
|
+
--sc-card-padding: 1.5rem;
|
|
3215
|
+
--sc-card-color: var(--sc-base-content);
|
|
3216
|
+
--sc-card-bg: var(--sc-base);
|
|
3217
|
+
--sc-card-rounded: var(--sc-rounded-lg);
|
|
3218
|
+
--sc-card-shadow: var(--sc-shadow-lg);
|
|
3219
|
+
-webkit-print-color-adjust: exact;
|
|
3220
|
+
}
|
|
3221
|
+
|
|
3222
|
+
@media print {
|
|
3223
|
+
.card {
|
|
3224
|
+
page-break-inside: avoid;
|
|
3225
|
+
break-inside: avoid;
|
|
3226
|
+
box-shadow: none !important;
|
|
3227
|
+
border: 1px solid var(--sc-base-200);
|
|
3228
|
+
}
|
|
3229
|
+
}
|
|
3230
|
+
|
|
3231
|
+
.card {
|
|
3232
|
+
padding: var(--sc-card-padding);
|
|
3233
|
+
background-color: var(--sc-card-bg);
|
|
3234
|
+
border-radius: var(--sc-card-rounded);
|
|
3235
|
+
box-shadow: var(--sc-card-shadow);
|
|
3236
|
+
color: var(--sc-card-color);
|
|
3237
|
+
}
|
|
3238
|
+
|
|
3239
|
+
/*TYPES*/
|
|
3240
|
+
:host([type="primary"]) {
|
|
3241
|
+
--sc-card-bg: var(--sc-primary);
|
|
3242
|
+
--sc-card-color: var(--sc-primary-content);
|
|
3243
|
+
--sc-border-color: var(--sc-primary-content);
|
|
3244
|
+
--sc-divider-opacity: 0.2;
|
|
3245
|
+
}
|
|
3246
|
+
:host([type="warning"]) {
|
|
3247
|
+
--sc-card-bg: var(--sc-warning);
|
|
3248
|
+
--sc-card-color: var(--sc-warning-content);
|
|
3249
|
+
--sc-border-color: var(--sc-primary-content);
|
|
3250
|
+
--sc-divider-opacity: 0.2;
|
|
3251
|
+
}
|
|
3252
|
+
:host([type="danger"]) {
|
|
3253
|
+
--sc-card-bg: var(--sc-danger);
|
|
3254
|
+
--sc-card-color: var(--sc-danger-content);
|
|
3255
|
+
--sc-border-color: var(--sc-primary-content);
|
|
3256
|
+
--sc-divider-opacity: 0.2;
|
|
3257
|
+
}
|
|
3258
|
+
:host([type="info"]) {
|
|
3259
|
+
--sc-card-bg: var(--sc-info);
|
|
3260
|
+
--sc-card-color: var(--sc-info-content);
|
|
3261
|
+
--sc-border-color: var(--sc-primary-content);
|
|
3262
|
+
--sc-divider-opacity: 0.2;
|
|
3263
|
+
}
|
|
3264
|
+
:host([type="success"]) {
|
|
3265
|
+
--sc-card-bg: var(--sc-success);
|
|
3266
|
+
--sc-card-color: var(--sc-success-content);
|
|
3267
|
+
--sc-border-color: var(--sc-primary-content);
|
|
3268
|
+
--sc-divider-opacity: 0.2;
|
|
3269
|
+
}
|
|
3270
|
+
|
|
3271
|
+
:host([type="light"]) {
|
|
3272
|
+
--sc-card-bg: var(--sc-base-100);
|
|
3273
|
+
--sc-card-color: var(--sc-base-content);
|
|
3274
|
+
}
|
|
3275
|
+
|
|
3276
|
+
:host([type="neutral"]) {
|
|
3277
|
+
--sc-card-bg: var(--sc-base-content);
|
|
3278
|
+
--sc-card-color: var(--sc-base);
|
|
3279
|
+
}
|
|
3280
|
+
|
|
3281
|
+
:host([type="invert"]) {
|
|
3282
|
+
--sc-card-color: var(--sc-base);
|
|
3283
|
+
--sc-card-bg: var(--sc-base-900);
|
|
3284
|
+
}
|
|
3285
|
+
`],Sr([l({type:String,reflect:!0})],Ds.prototype,"type",2),Ds=Sr([w(Sc)],Ds);const mi=P`
|
|
3286
|
+
:host {
|
|
3287
|
+
--sc-color: inherit;
|
|
3288
|
+
color: var(--sc-color);
|
|
3289
|
+
}
|
|
3290
|
+
|
|
3291
|
+
:host([type="primary"]) {
|
|
3292
|
+
--sc-color: var(--sc-primary);
|
|
3293
|
+
}
|
|
3294
|
+
:host([type="warning"]) {
|
|
3295
|
+
--sc-color: var(--sc-warning);
|
|
3296
|
+
}
|
|
3297
|
+
:host([type="danger"]) {
|
|
3298
|
+
--sc-color: var(--sc-danger);
|
|
3299
|
+
}
|
|
3300
|
+
:host([type="info"]) {
|
|
3301
|
+
--sc-color: var(--sc-info);
|
|
3302
|
+
}
|
|
3303
|
+
:host([type="success"]) {
|
|
3304
|
+
--sc-color: var(--sc-success);
|
|
3305
|
+
}
|
|
3306
|
+
|
|
3307
|
+
.inherit-color {
|
|
3308
|
+
color: var(--sc-color);
|
|
3309
|
+
}
|
|
3310
|
+
`;P`
|
|
3311
|
+
:host {
|
|
3312
|
+
--sc-color: inherit;
|
|
3313
|
+
--sc-bg: inherit;
|
|
3314
|
+
color: var(--sc-color);
|
|
3315
|
+
background: var(--sc-bg);
|
|
3316
|
+
}
|
|
3317
|
+
|
|
3318
|
+
:host([type="primary"]) {
|
|
3319
|
+
--sc-color: var(--sc-primary-content);
|
|
3320
|
+
--sc-bg: var(--sc-primary);
|
|
3321
|
+
}
|
|
3322
|
+
:host([type="warning"]) {
|
|
3323
|
+
--sc-color: var(--sc-warning-content);
|
|
3324
|
+
--sc-bg: var(--sc-warning);
|
|
3325
|
+
}
|
|
3326
|
+
:host([type="danger"]) {
|
|
3327
|
+
--sc-color: var(--sc-danger-content);
|
|
3328
|
+
--sc-bg: var(--sc-danger);
|
|
3329
|
+
}
|
|
3330
|
+
:host([type="info"]) {
|
|
3331
|
+
--sc-color: var(--sc-info-content);
|
|
3332
|
+
--sc-bg: var(--sc-info);
|
|
3333
|
+
}
|
|
3334
|
+
:host([type="success"]) {
|
|
3335
|
+
--sc-color: var(--sc-success-content);
|
|
3336
|
+
--sc-bg: var(--sc-success);
|
|
3337
|
+
}
|
|
3338
|
+
|
|
3339
|
+
.inherit-bg {
|
|
3340
|
+
color: inherit;
|
|
3341
|
+
}
|
|
3342
|
+
`;var Oc=Object.defineProperty,Dc=Object.getOwnPropertyDescriptor,ss=(r,t,s,i)=>{for(var e=i>1?void 0:i?Dc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Oc(t,s,e),e};const kc="sonic-tr";let ve=class extends G(v){constructor(){super(...arguments),this._metadata_={}}willUpdate(r){r.has("_metadata_")&&(this.even=!!this._metadata_.even,this.odd=!!this._metadata_.odd,this.last=!!this._metadata_.lastChild),super.willUpdate(r)}render(){return g`<slot></slot>`}};ve.styles=[mi,P`
|
|
3343
|
+
:host {
|
|
3344
|
+
display: table-row;
|
|
3345
|
+
}
|
|
3346
|
+
|
|
3347
|
+
:host([odd]) {
|
|
3348
|
+
background: var(--sc-table-accent-bg) !important;
|
|
3349
|
+
}
|
|
3350
|
+
:host([even]) {
|
|
3351
|
+
background: var(--sc-table-bg) !important;
|
|
3352
|
+
}
|
|
3353
|
+
|
|
3354
|
+
:host([last]) {
|
|
3355
|
+
--sc-table-td-border-b: none;
|
|
3356
|
+
}
|
|
3357
|
+
:host(:hover) {
|
|
3358
|
+
background: var(--sc-table-hover-bg) !important;
|
|
3359
|
+
}
|
|
3360
|
+
`],ss([l({type:Object})],ve.prototype,"_metadata_",2),ss([l({type:Boolean,reflect:!0})],ve.prototype,"even",2),ss([l({type:Boolean,reflect:!0})],ve.prototype,"odd",2),ss([l({type:Boolean,reflect:!0})],ve.prototype,"last",2),ve=ss([w(kc)],ve);var Lc=Object.defineProperty,Ec=Object.getOwnPropertyDescriptor,ye=(r,t,s,i)=>{for(var e=i>1?void 0:i?Ec(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Lc(t,s,e),e};const Nc="sonic-th";let Ut=class extends v{render(){const r={textAlign:this.align,minWidth:this.minWidth,maxWidth:this.maxWidth,width:this.width};return g`<th part="th" style=${dt(r)} colspan=${x(this.colSpan)} rowspan=${x(this.rowSpan)}>
|
|
3361
|
+
<slot></slot>
|
|
3362
|
+
</th> `}};Ut.styles=[mi,P`
|
|
3363
|
+
:host {
|
|
3364
|
+
display: contents;
|
|
3365
|
+
background: var(--sc-table-bg);
|
|
3366
|
+
position: sticky;
|
|
3367
|
+
top: 0;
|
|
3368
|
+
z-index: 20;
|
|
3369
|
+
}
|
|
3370
|
+
|
|
3371
|
+
th {
|
|
3372
|
+
all: inherit;
|
|
3373
|
+
display: table-cell;
|
|
3374
|
+
border-bottom: calc(var(--sc-border-width) * 1.5) solid var(--sc-table-border-color);
|
|
3375
|
+
text-transform: var(--sc-table-th-tt);
|
|
3376
|
+
font-weight: var(--sc-table-th-fw);
|
|
3377
|
+
font-size: var(--sc-table-th-fs);
|
|
3378
|
+
padding: var(--sc-table-th-py) var(--sc-table-th-px);
|
|
3379
|
+
}
|
|
3380
|
+
|
|
3381
|
+
:host([noBorder]) th {
|
|
3382
|
+
border-bottom: none;
|
|
3383
|
+
}
|
|
3384
|
+
`],ye([l({type:Number})],Ut.prototype,"colSpan",2),ye([l({type:Number})],Ut.prototype,"rowSpan",2),ye([l({type:String})],Ut.prototype,"align",2),ye([l({type:String})],Ut.prototype,"minWidth",2),ye([l({type:String})],Ut.prototype,"maxWidth",2),ye([l({type:String})],Ut.prototype,"width",2),Ut=ye([w(Nc)],Ut);var Tc=Object.defineProperty,jc=Object.getOwnPropertyDescriptor,Jt=(r,t,s,i)=>{for(var e=i>1?void 0:i?jc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Tc(t,s,e),e};const Mc="sonic-td";let Tt=class extends v{render(){const r={textAlign:this.align,verticalAlign:this.vAlign,minWidth:this.minWidth,maxWidth:this.maxWidth,width:this.width};return g`<td part="td" style=${dt(r)} colspan=${x(this.colSpan)} rowspan=${x(this.rowSpan)}>
|
|
3385
|
+
<slot></slot>
|
|
3386
|
+
</td>`}};Tt.styles=[mi,P`
|
|
3387
|
+
:host {
|
|
3388
|
+
display: contents;
|
|
3389
|
+
}
|
|
3390
|
+
td {
|
|
3391
|
+
all: inherit;
|
|
3392
|
+
display: table-cell;
|
|
3393
|
+
padding: var(--sc-table-td-py) var(--sc-table-td-px);
|
|
3394
|
+
border-top: var(--sc-table-td-border-t, none);
|
|
3395
|
+
border-bottom: var(--sc-table-td-border-b, none);
|
|
3396
|
+
border-right: var(--sc-table-td-border-r, none);
|
|
3397
|
+
border-left: var(--sc-table-td-border-l, none);
|
|
3398
|
+
}
|
|
3399
|
+
`],Jt([l({type:Number})],Tt.prototype,"colSpan",2),Jt([l({type:Number})],Tt.prototype,"rowSpan",2),Jt([l({type:String})],Tt.prototype,"align",2),Jt([l({type:String})],Tt.prototype,"vAlign",2),Jt([l({type:String})],Tt.prototype,"minWidth",2),Jt([l({type:String})],Tt.prototype,"maxWidth",2),Jt([l({type:String})],Tt.prototype,"width",2),Tt=Jt([w(Mc)],Tt);var Ic=Object.defineProperty,zc=Object.getOwnPropertyDescriptor,Fc=(r,t,s,i)=>{for(var e=i>1?void 0:i?zc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Ic(t,s,e),e};const Rc="sonic-thead";let bi=class extends v{render(){return g`<slot></slot>`}};bi.styles=[P`
|
|
3400
|
+
:host {
|
|
3401
|
+
display: table-header-group;
|
|
3402
|
+
}
|
|
3403
|
+
`],bi=Fc([w(Rc)],bi);var Uc=Object.defineProperty,Vc=Object.getOwnPropertyDescriptor,Bc=(r,t,s,i)=>{for(var e=i>1?void 0:i?Vc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Uc(t,s,e),e};const Hc="sonic-tbody";let vi=class extends v{render(){return g`<tbody part="tbody">
|
|
3404
|
+
<slot></slot>
|
|
3405
|
+
</tbody>`}};vi.styles=[P`
|
|
3406
|
+
:host {
|
|
3407
|
+
display: table-row-group;
|
|
3408
|
+
}
|
|
3409
|
+
|
|
3410
|
+
::slotted(sonic-tr:nth-child(odd)) {
|
|
3411
|
+
background: var(--sc-table-accent-bg);
|
|
3412
|
+
}
|
|
3413
|
+
|
|
3414
|
+
::slotted(sonic-tr:hover) {
|
|
3415
|
+
background: var(--sc-table-hover-bg);
|
|
3416
|
+
}
|
|
3417
|
+
|
|
3418
|
+
::slotted(sonic-tr:not(:last-child)) {
|
|
3419
|
+
border-bottom: var(--sc-form-border-width) solid var(--sc-base-200) !important;
|
|
3420
|
+
}
|
|
3421
|
+
`],vi=Bc([w(Hc)],vi);var qc=Object.defineProperty,Wc=Object.getOwnPropertyDescriptor,Kc=(r,t,s,i)=>{for(var e=i>1?void 0:i?Wc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&qc(t,s,e),e};const Zc="sonic-tfoot";let yi=class extends v{render(){return g`<tfoot>
|
|
3422
|
+
<slot></slot>
|
|
3423
|
+
</tfoot>`}};yi.styles=[P`
|
|
3424
|
+
:host {
|
|
3425
|
+
display: contents;
|
|
3426
|
+
}
|
|
3427
|
+
`],yi=Kc([w(Zc)],yi);var Gc=Object.defineProperty,Yc=Object.getOwnPropertyDescriptor,Qc=(r,t,s,i)=>{for(var e=i>1?void 0:i?Yc(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Gc(t,s,e),e};const Jc="sonic-caption";let wi=class extends v{render(){return g`<slot></slot>`}};wi.styles=[P`
|
|
3428
|
+
:host {
|
|
3429
|
+
display: table-caption;
|
|
3430
|
+
font-size: 0.75rem;
|
|
3431
|
+
color: var(--sc-table-caption-color);
|
|
3432
|
+
padding: var(--sc-table-td-py) var(--sc-table-td-px) calc(2 * var(--sc-table-td-py));
|
|
3433
|
+
}
|
|
3434
|
+
`],wi=Qc([w(Jc)],wi);var Xc=Object.defineProperty,th=Object.getOwnPropertyDescriptor,Le=(r,t,s,i)=>{for(var e=i>1?void 0:i?th(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&Xc(t,s,e),e};const eh="sonic-table";let Xt=class extends v{constructor(){super(...arguments),this.bordered=!1,this.rounded=!1,this.noCustomScroll=!1}render(){const r={maxHeight:this.maxHeight};return g`
|
|
3435
|
+
<div class="table-container ${this.noCustomScroll?"":"custom-scroll"}" style=${dt(r)}>
|
|
3436
|
+
<div class="table">
|
|
3437
|
+
<slot></slot>
|
|
3438
|
+
</div>
|
|
3439
|
+
</div>
|
|
3440
|
+
`}};Xt.styles=[Ge,At,P`
|
|
3441
|
+
:host {
|
|
3442
|
+
--sc-table-fw: var(--sc-font-weight-base);
|
|
3443
|
+
--sc-table-fst: var(--sc-font-style-base);
|
|
3444
|
+
--sc-table-fs: 1rem;
|
|
3445
|
+
--sc-table-border-color: var(--sc-border-color);
|
|
3446
|
+
--sc-table-caption-color: var(--sc-base-500);
|
|
3447
|
+
--sc-table-bg: var(--sc-base);
|
|
3448
|
+
--sc-table-accent-bg: var(--sc-base-50);
|
|
3449
|
+
--sc-table-hover-bg: var(--sc-base-100);
|
|
3450
|
+
--sc-table-th-fs: 0.85em;
|
|
3451
|
+
--sc-table-th-fw: bold;
|
|
3452
|
+
--sc-table-th-tt: uppercase;
|
|
3453
|
+
--sc-table-th-px: var(--sc-table-td-px);
|
|
3454
|
+
--sc-table-th-py: calc(1.8 * var(--sc-table-td-py));
|
|
3455
|
+
--sc-table-td-px: 0.5em;
|
|
3456
|
+
--sc-table-td-py: 0.5em;
|
|
3457
|
+
display: block;
|
|
3458
|
+
}
|
|
3459
|
+
|
|
3460
|
+
:host([maxHeight]) .table-container {
|
|
3461
|
+
overflow-x: auto;
|
|
3462
|
+
-webkit-overflow-scrolling: touch;
|
|
3463
|
+
}
|
|
3464
|
+
|
|
3465
|
+
:host(:not([maxHeight])) .table-container {
|
|
3466
|
+
overflow: initial !important;
|
|
3467
|
+
}
|
|
3468
|
+
|
|
3469
|
+
.table {
|
|
3470
|
+
width: 100%;
|
|
3471
|
+
display: table;
|
|
3472
|
+
box-sizing: border-box;
|
|
3473
|
+
}
|
|
3474
|
+
|
|
3475
|
+
:host([bordered]) .table-container {
|
|
3476
|
+
border: var(--sc-border-width) solid var(--sc-table-border-color);
|
|
3477
|
+
border-radius: var(--sc-rounded);
|
|
3478
|
+
--sc-table-td-border-b: var(--sc-border-width) solid var(--sc-table-border-color);
|
|
3479
|
+
}
|
|
3480
|
+
`],Le([l({type:String,reflect:!0})],Xt.prototype,"size",2),Le([l({type:Boolean,reflect:!0})],Xt.prototype,"bordered",2),Le([l({type:Boolean,reflect:!0})],Xt.prototype,"rounded",2),Le([l({type:Boolean,reflect:!0})],Xt.prototype,"noCustomScroll",2),Le([l({type:String})],Xt.prototype,"maxHeight",2),Xt=Le([w(eh)],Xt);var sh=Object.defineProperty,ih=Object.getOwnPropertyDescriptor,ks=(r,t,s,i)=>{for(var e=i>1?void 0:i?ih(t,s):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&sh(t,s,e),e};const rh="sonic-captcha";let is=class extends Ht(v){constructor(){super(...arguments),this.key="",this.action=null,this.zIndex=9999,this.onCaptchaTokenChanged=r=>{r=="request_token"&&(this.formPublisher&&(this.formPublisher.captchaToken=""),this.requestToken())}}connectedCallback(){if(!document.getElementById("captcha-"+this.key)){const r=document.createElement("script");r.src="https://www.google.com/recaptcha/api.js?render="+this.key,r.id="captcha-"+this.key,document.head.appendChild(r)}if(super.connectedCallback(),this.formPublisher=tt.get(this.getAncestorAttributeValue("headersDataProvider")??this.getAncestorAttributeValue("formDataProvider")),!document.getElementById("concorde-recaptcha-css")){const r=document.createElement("style");r.innerHTML=".grecaptcha-badge {z-index: 9999;}",r.id="concorde-recaptcha-css",document.head.appendChild(r)}this.formPublisher&&!this.formPublisher.captchaToken.get()&&(this.formPublisher.needsCaptchaValidation=!0,this.formPublisher.captchaToken.onAssign(this.onCaptchaTokenChanged))}disconnectedCallback(){this.formPublisher&&this.formPublisher.captchaToken.offAssign(this.onCaptchaTokenChanged),super.disconnectedCallback()}requestToken(){var s,i;if(!this.formPublisher)return;const r=(this.action??((s=this.formPublisher.captchaAction)==null?void 0:s.get())??"submit").replace(/[^\w_/]/g,"_"),t=(((i=this.formPublisher.captchaMethod)==null?void 0:i.get())??"POST").toUpperCase();delete this.formPublisher.captchaAction,delete this.formPublisher.captchaMethod,window.grecaptcha.ready(()=>{window.grecaptcha.execute(this.key,{action:t+"//"+r}).then(e=>{this.formPublisher&&(this.formPublisher.captchaToken=e)})})}render(){return g` <slot></slot> `}};ks([l()],is.prototype,"key",2),ks([l()],is.prototype,"action",2),ks([l({type:Number})],is.prototype,"zIndex",2),is=ks([w(rh)],is),window.SonicPublisherManager||(window.SonicPublisherManager=L),window.SonicDataBindObserver||(window.SonicDataBindObserver=Te),window.queueMicrotask=window.queueMicrotask||function(r){Promise.resolve().then(r).catch(t=>setTimeout(()=>{throw t}))};function oh(r){this.__connectedCallbackCalls__||(this.__connectedCallbackCalls__=new Set),this.__connectedCallbackCalls__.add(r)}function nh(r){this.__disconnectedCallbackCalls__||(this.__disconnectedCallbackCalls__=new Set),this.__disconnectedCallbackCalls__.add(r)}function Or(r){if(r.__is__setSubscribable__)return;r.__is__setSubscribable__=!0,r.__onConnected__=oh,r.__onDisconnected__=nh;const t=r.connectedCallback;r.connectedCallback=function(){t.call(this),this.__connectedCallbackCalls__&&this.__connectedCallbackCalls__.forEach(i=>i(this))};const s=r.disconnectedCallback;r.disconnectedCallback=function(){s.call(this),this.__disconnectedCallbackCalls__&&this.__disconnectedCallbackCalls__.forEach(i=>i(this))}}function ah(r){const t=r.split(".");if(t.length==0)return function(){};const s=t.shift()||"";let i=L.get(s);return i=Ke.traverse(i,t),function(e,o){if(!e)return;let n;Or(e),e.__onConnected__(a=>{n=c=>{a[o]=c},i.onAssign(n)}),e.__onDisconnected__(()=>{i.offAssign(n)})}}function lh(...r){const t=[],s=[];for(let i=0;i<r.length;i++){const o=r[i].split(".");if(o.length==0)continue;const n=o.shift()||"";let a=L.get(n);a=Ke.traverse(a,o);const c=new Set,h=d=>{t[i]=d,t.filter(f=>f!==null).length==r.length&&c.forEach(f=>f(...t))};s.push({publisher:a,onAssign:h,callbacks:c})}return function(i,e,o){Or(i);let n;i.__onConnected__(a=>{for(const c of s)n=o.value.bind(a),c.callbacks.add(n),c.publisher.onAssign(c.onAssign)}),i.__onDisconnected__(()=>{for(const a of s)a.callbacks.delete(n),a.publisher.offAssign(a.onAssign)})}}window["concorde-decorator-subscriber"]=window["concorde-decorator-subscriber"]||{},window["concorde-decorator-subscriber"]={bind:ah,onAssing:lh},window["concorde-directives-data-provider"]=window["concorde-directives-data-provider"]||{},window["concorde-directives-data-provider"]={dp:Ki,dataProvider:ao,sub:oo,subscribe:ro,get:no,set:lo};const ch=E,hh=U;window["concorde-components"]=window["concorde-components"]||{},window["concorde-components"]={SonicToast:ch,SonicModal:hh};const dh=window;dh.concordeIsLoaded=!0,window.dispatchEvent(new CustomEvent("concorde-loaded"))});
|