@logosphere-ui/core 0.0.0-alpha.20 → 0.0.0-alpha.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.umd.js +560 -563
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -1,25 +1,22 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
|
|
3
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Mi(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
4
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Rn(i,r){var e=Object.keys(i);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(i);r&&(t=t.filter(function(n){return Object.getOwnPropertyDescriptor(i,n).enumerable})),e.push.apply(e,t)}return e}function He(i){for(var r=1;r<arguments.length;r++){var e=arguments[r]!=null?arguments[r]:{};r%2?Rn(Object(e),!0).forEach(function(t){xi(i,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(e)):Rn(Object(e)).forEach(function(t){Object.defineProperty(i,t,Object.getOwnPropertyDescriptor(e,t))})}return i}function Di(i,r){if(r&&(typeof r=="object"||typeof r=="function"))return r;if(r!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return ki(i)}function q(){var i,r,e=typeof Symbol=="function"?Symbol:{},t=e.iterator||"@@iterator",n=e.toStringTag||"@@toStringTag";function o(b,y,w,g){var _=y&&y.prototype instanceof s?y:s,k=Object.create(_.prototype);return ue(k,"_invoke",(function(E,C,O){var $,S,D,z=0,R=O||[],T=!1,L={p:0,n:0,v:i,a:j,f:j.bind(i,4),d:function(N,Y){return $=N,S=0,D=i,L.n=Y,a}};function j(N,Y){for(S=N,D=Y,r=0;!T&&z&&!H&&r<R.length;r++){var H,F=R[r],le=L.p,ne=F[2];N>3?(H=ne===Y)&&(D=F[(S=F[4])?5:(S=3,3)],F[4]=F[5]=i):F[0]<=le&&((H=N<2&&le<F[1])?(S=0,L.v=Y,L.n=F[1]):le<ne&&(H=N<3||F[0]>Y||Y>ne)&&(F[4]=N,F[5]=Y,L.n=ne,S=0))}if(H||N>1)return a;throw T=!0,Y}return function(N,Y,H){if(z>1)throw TypeError("Generator is already running");for(T&&Y===1&&j(Y,H),S=Y,D=H;(r=S<2?i:D)||!T;){$||(S?S<3?(S>1&&(L.n=-1),j(S,D)):L.n=D:L.v=D);try{if(z=2,$){if(S||(N="next"),r=$[N]){if(!(r=r.call($,D)))throw TypeError("iterator result is not an object");if(!r.done)return r;D=r.value,S<2&&(S=0)}else S===1&&(r=$.return)&&r.call($),S<2&&(D=TypeError("The iterator does not provide a '"+N+"' method"),S=1);$=i}else if((r=(T=L.n<0)?D:E.call(C,L))!==a)break}catch(F){$=i,S=1,D=F}finally{z=1}}return{value:r,done:T}}})(b,w,g),!0),k}var a={};function s(){}function l(){}function u(){}r=Object.getPrototypeOf;var d=[][t]?r(r([][t]())):(ue(r={},t,function(){return this}),r),f=u.prototype=s.prototype=Object.create(d);function p(b){return Object.setPrototypeOf?Object.setPrototypeOf(b,u):(b.__proto__=u,ue(b,n,"GeneratorFunction")),b.prototype=Object.create(f),b}return l.prototype=u,ue(f,"constructor",u),ue(u,"constructor",l),l.displayName="GeneratorFunction",ue(u,n,"GeneratorFunction"),ue(f),ue(f,n,"Generator"),ue(f,t,function(){return this}),ue(f,"toString",function(){return"[object Generator]"}),(q=function(){return{w:o,m:p}})()}function ue(i,r,e,t){var n=Object.defineProperty;try{n({},"",{})}catch(o){n=0}ue=function(o,a,s,l){function u(d,f){ue(o,d,function(p){return this._invoke(d,f,p)})}a?n?n(o,a,{value:s,enumerable:!l,configurable:!l,writable:!l}):o[a]=s:(u("next",0),u("throw",1),u("return",2))},ue(i,r,e,t)}function gt(i,r){return gt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},gt(i,r)}function Fe(i,r){return yi(i)||Oi(i,r)||nn(i,r)||Si()}function Ai(i,r){for(;!{}.hasOwnProperty.call(i,r)&&(i=Ye(i))!==null;);return i}function W(i,r,e,t){var n=en(Ye(i.prototype),r,e);return typeof n=="function"?function(o){return n.apply(e,o)}:n}function v(i,r){return r||(r=i.slice(0)),Object.freeze(Object.defineProperties(i,{raw:{value:Object.freeze(r)}}))}function _e(i){return wi(i)||Ei(i)||nn(i)||Mi()}function Pi(i,r){if(typeof i!="object"||!i)return i;var e=i[Symbol.toPrimitive];if(e!==void 0){var t=e.call(i,r);if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(i)}function Yn(i){var r=Pi(i,"string");return typeof r=="symbol"?r:r+""}function mt(i){"@babel/helpers - typeof";return mt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},mt(i)}function nn(i,r){if(i){if(typeof i=="string")return Qt(i,r);var e={}.toString.call(i).slice(8,-1);return e==="Object"&&i.constructor&&(e=i.constructor.name),e==="Map"||e==="Set"?Array.from(i):e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?Qt(i,r):void 0}}function rn(i){var r=typeof Map=="function"?new Map:void 0;return rn=function(e){if(e===null||!$i(e))return e;if(typeof e!="function")throw new TypeError("Super expression must either be null or a function");if(r!==void 0){if(r.has(e))return r.get(e);r.set(e,t)}function t(){return Ci(e,arguments,Ye(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),gt(t,e)},rn(i)}var Tt=globalThis,on=Tt.ShadowRoot&&(Tt.ShadyCSS===void 0||Tt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,an=Symbol(),Hn=new WeakMap,Fn=(function(){function i(r,e,t){if(A(this,i),this._$cssResult$=!0,t!==an)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=r,this.t=e}return P(i,[{key:"styleSheet",get:function(){var e=this.o,t=this.t;if(on&&e===void 0){var n=t!==void 0&&t.length===1;n&&(e=Hn.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&Hn.set(t,e))}return e}},{key:"toString",value:function(){return this.cssText}}])})(),Q=function(r){return new Fn(typeof r=="string"?r:r+"",void 0,an)},ee=function(r){for(var e=arguments.length,t=new Array(e>1?e-1:0),n=1;n<e;n++)t[n-1]=arguments[n];var o=r.length===1?r[0]:t.reduce(function(a,s,l){return a+(function(u){if(u._$cssResult$===!0)return u.cssText;if(typeof u=="number")return u;throw Error("Value passed to 'css' function must be a 'css' function result: "+u+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+r[l+1]},r[0]);return new Fn(o,r,an)},zi=function(r,e){if(on)r.adoptedStyleSheets=e.map(function(l){return l instanceof CSSStyleSheet?l:l.styleSheet});else{var t=oe(e),n;try{for(t.s();!(n=t.n()).done;){var o=n.value,a=document.createElement("style"),s=Tt.litNonce;s!==void 0&&a.setAttribute("nonce",s),a.textContent=o.cssText,r.appendChild(a)}}catch(l){t.e(l)}finally{t.f()}}},Un=on?function(i){return i}:function(i){return i instanceof CSSStyleSheet?(function(r){var e="",t=oe(r.cssRules),n;try{for(t.s();!(n=t.n()).done;){var o=n.value;e+=o.cssText}}catch(a){t.e(a)}finally{t.f()}return Q(e)})(i):i},sn,ln,cn;var Li=Object.is,Ti=Object.defineProperty,ji=Object.getOwnPropertyDescriptor,Ii=Object.getOwnPropertyNames,Bi=Object.getOwnPropertySymbols,Ri=Object.getPrototypeOf,Qe=globalThis,Nn=Qe.trustedTypes,Yi=Nn?Nn.emptyScript:"",dn=Qe.reactiveElementPolyfillSupport,bt=function(r,e){return r},jt={toAttribute:function(r,e){switch(e){case Boolean:r=r?Yi:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute:function(r,e){var t=r;switch(e){case Boolean:t=r!==null;break;case Number:t=r===null?null:Number(r);break;case Object:case Array:try{t=JSON.parse(r)}catch(n){t=null}}return t}},un=function(r,e){return!Li(r,e)},Vn={attribute:!0,type:String,converter:jt,reflect:!1,useDefault:!1,hasChanged:un};(sn=Symbol.metadata)!==null&&sn!==void 0||(Symbol.metadata=Symbol("metadata")),(ln=Qe.litPropertyMetadata)!==null&&ln!==void 0||(Qe.litPropertyMetadata=new WeakMap);var et=(function(i){function r(){var e;return A(this,r),e=I(this,r),e._$Ep=void 0,e.isUpdatePending=!1,e.hasUpdated=!1,e._$Em=null,e._$Ev(),e}return B(r,i),P(r,[{key:"_$Ev",value:function(){var t=this,n;this._$ES=new Promise(function(o){return t.enableUpdating=o}),this._$AL=new Map,this._$E_(),this.requestUpdate(),(n=this.constructor.l)===null||n===void 0||n.forEach(function(o){return o(t)})}},{key:"addController",value:function(t){var n,o;((n=this._$EO)!==null&&n!==void 0?n:this._$EO=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&((o=t.hostConnected)===null||o===void 0||o.call(t))}},{key:"removeController",value:function(t){var n;(n=this._$EO)===null||n===void 0||n.delete(t)}},{key:"_$E_",value:function(){var t=new Map,n=this.constructor.elementProperties,o=oe(n.keys()),a;try{for(o.s();!(a=o.n()).done;){var s=a.value;this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s])}}catch(l){o.e(l)}finally{o.f()}t.size>0&&(this._$Ep=t)}},{key:"createRenderRoot",value:function(){var t,n=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return zi(n,this.constructor.elementStyles),n}},{key:"connectedCallback",value:function(){var t,n;(t=this.renderRoot)!==null&&t!==void 0||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(n=this._$EO)===null||n===void 0||n.forEach(function(o){var a;return(a=o.hostConnected)===null||a===void 0?void 0:a.call(o)})}},{key:"enableUpdating",value:function(t){}},{key:"disconnectedCallback",value:function(){var t;(t=this._$EO)===null||t===void 0||t.forEach(function(n){var o;return(o=n.hostDisconnected)===null||o===void 0?void 0:o.call(n)})}},{key:"attributeChangedCallback",value:function(t,n,o){this._$AK(t,o)}},{key:"_$ET",value:function(t,n){var o=this.constructor.elementProperties.get(t),a=this.constructor._$Eu(t,o);if(a!==void 0&&o.reflect===!0){var s,l=(((s=o.converter)===null||s===void 0?void 0:s.toAttribute)!==void 0?o.converter:jt).toAttribute(n,o.type);this._$Em=t,l==null?this.removeAttribute(a):this.setAttribute(a,l),this._$Em=null}}},{key:"_$AK",value:function(t,n){var o=this.constructor,a=o._$Eh.get(t);if(a!==void 0&&this._$Em!==a){var s,l,u,d=o.getPropertyOptions(a),f=typeof d.converter=="function"?{fromAttribute:d.converter}:((s=d.converter)===null||s===void 0?void 0:s.fromAttribute)!==void 0?d.converter:jt;this._$Em=a;var p=f.fromAttribute(n,d.type);this[a]=(l=p!=null?p:(u=this._$Ej)===null||u===void 0?void 0:u.get(a))!==null&&l!==void 0?l:p,this._$Em=null}}},{key:"requestUpdate",value:function(t,n,o){var a=arguments.length>3&&arguments[3]!==void 0?arguments[3]:!1,s=arguments.length>4?arguments[4]:void 0;if(t!==void 0){var l,u,d=this.constructor;if(a===!1&&(s=this[t]),o!=null||(o=d.getPropertyOptions(t)),!(((l=o.hasChanged)!==null&&l!==void 0?l:un)(s,n)||o.useDefault&&o.reflect&&s===((u=this._$Ej)===null||u===void 0?void 0:u.get(t))&&!this.hasAttribute(d._$Eu(t,o))))return;this.C(t,n,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}},{key:"C",value:function(t,n,o,a){var s,l,u,d=o.useDefault,f=o.reflect,p=o.wrapped;d&&!((s=this._$Ej)!==null&&s!==void 0?s:this._$Ej=new Map).has(t)&&(this._$Ej.set(t,(l=a!=null?a:n)!==null&&l!==void 0?l:this[t]),p!==!0||a!==void 0)||(this._$AL.has(t)||(this.hasUpdated||d||(n=void 0),this._$AL.set(t,n)),f===!0&&this._$Em!==t&&((u=this._$Eq)!==null&&u!==void 0?u:this._$Eq=new Set).add(t))}},{key:"_$EP",value:(function(){var e=fe(q().m(function n(){var o,a,s;return q().w(function(l){for(;;)switch(l.p=l.n){case 0:return this.isUpdatePending=!0,l.p=1,l.n=2,this._$ES;case 2:l.n=4;break;case 3:l.p=3,a=l.v,Promise.reject(a);case 4:if(o=this.scheduleUpdate(),s=o!=null,!s){l.n=5;break}return l.n=5,o;case 5:return l.a(2,!this.isUpdatePending)}},n,this,[[1,3]])}));function t(){return e.apply(this,arguments)}return t})()},{key:"scheduleUpdate",value:function(){return this.performUpdate()}},{key:"performUpdate",value:function(){if(this.isUpdatePending){if(!this.hasUpdated){var t;if((t=this.renderRoot)!==null&&t!==void 0||(this.renderRoot=this.createRenderRoot()),this._$Ep){var n=oe(this._$Ep),o;try{for(n.s();!(o=n.n()).done;){var a=Fe(o.value,2),s=a[0],l=a[1];this[s]=l}}catch(C){n.e(C)}finally{n.f()}this._$Ep=void 0}var u=this.constructor.elementProperties;if(u.size>0){var d=oe(u),f;try{for(d.s();!(f=d.n()).done;){var p=Fe(f.value,2),b=p[0],y=p[1],w=y.wrapped,g=this[b];w!==!0||this._$AL.has(b)||g===void 0||this.C(b,void 0,y,g)}}catch(C){d.e(C)}finally{d.f()}}}var _=!1,k=this._$AL;try{var E;_=this.shouldUpdate(k),_?(this.willUpdate(k),(E=this._$EO)!==null&&E!==void 0&&E.forEach(function(C){var O;return(O=C.hostUpdate)===null||O===void 0?void 0:O.call(C)}),this.update(k)):this._$EM()}catch(C){throw _=!1,this._$EM(),C}_&&this._$AE(k)}}},{key:"willUpdate",value:function(t){}},{key:"_$AE",value:function(t){var n;(n=this._$EO)!==null&&n!==void 0&&n.forEach(function(o){var a;return(a=o.hostUpdated)===null||a===void 0?void 0:a.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}},{key:"_$EM",value:function(){this._$AL=new Map,this.isUpdatePending=!1}},{key:"updateComplete",get:function(){return this.getUpdateComplete()}},{key:"getUpdateComplete",value:function(){return this._$ES}},{key:"shouldUpdate",value:function(t){return!0}},{key:"update",value:function(t){var n=this;this._$Eq&&(this._$Eq=this._$Eq.forEach(function(o){return n._$ET(o,n[o])})),this._$EM()}},{key:"updated",value:function(t){}},{key:"firstUpdated",value:function(t){}}],[{key:"addInitializer",value:function(t){var n;this._$Ei(),((n=this.l)!==null&&n!==void 0?n:this.l=[]).push(t)}},{key:"observedAttributes",get:function(){return this.finalize(),this._$Eh&&_e(this._$Eh.keys())}},{key:"createProperty",value:function(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Vn;if(n.state&&(n.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((n=Object.create(n)).wrapped=!0),this.elementProperties.set(t,n),!n.noAccessor){var o=Symbol(),a=this.getPropertyDescriptor(t,o,n);a!==void 0&&Ti(this.prototype,t,a)}}},{key:"getPropertyDescriptor",value:function(t,n,o){var a,s=(a=ji(this.prototype,t))!==null&&a!==void 0?a:{get:function(){return this[n]},set:function(f){this[n]=f}},l=s.get,u=s.set;return{get:l,set:function(f){var p=l==null?void 0:l.call(this);u!=null&&u.call(this,f),this.requestUpdate(t,p,o)},configurable:!0,enumerable:!0}}},{key:"getPropertyOptions",value:function(t){var n;return(n=this.elementProperties.get(t))!==null&&n!==void 0?n:Vn}},{key:"_$Ei",value:function(){if(!this.hasOwnProperty(bt("elementProperties"))){var t=Ri(this);t.finalize(),t.l!==void 0&&(this.l=_e(t.l)),this.elementProperties=new Map(t.elementProperties)}}},{key:"finalize",value:function(){if(!this.hasOwnProperty(bt("finalized"))){if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(bt("properties"))){var t=this.properties,n=[].concat(_e(Ii(t)),_e(Bi(t))),o=oe(n),a;try{for(o.s();!(a=o.n()).done;){var s=a.value;this.createProperty(s,t[s])}}catch(O){o.e(O)}finally{o.f()}}var l=this[Symbol.metadata];if(l!==null){var u=litPropertyMetadata.get(l);if(u!==void 0){var d=oe(u),f;try{for(d.s();!(f=d.n()).done;){var p=Fe(f.value,2),b=p[0],y=p[1];this.elementProperties.set(b,y)}}catch(O){d.e(O)}finally{d.f()}}}this._$Eh=new Map;var w=oe(this.elementProperties),g;try{for(w.s();!(g=w.n()).done;){var _=Fe(g.value,2),k=_[0],E=_[1],C=this._$Eu(k,E);C!==void 0&&this._$Eh.set(C,k)}}catch(O){w.e(O)}finally{w.f()}this.elementStyles=this.finalizeStyles(this.styles)}}},{key:"finalizeStyles",value:function(t){var n=[];if(Array.isArray(t)){var o=new Set(t.flat(1/0).reverse()),a=oe(o),s;try{for(a.s();!(s=a.n()).done;){var l=s.value;n.unshift(Un(l))}}catch(u){a.e(u)}finally{a.f()}}else t!==void 0&&n.push(Un(t));return n}},{key:"_$Eu",value:function(t,n){var o=n.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}}])})(rn(HTMLElement));et.elementStyles=[],et.shadowRootOptions={mode:"open"},et[bt("elementProperties")]=new Map,et[bt("finalized")]=new Map,dn!=null&&dn({ReactiveElement:et}),((cn=Qe.reactiveElementVersions)!==null&&cn!==void 0?cn:Qe.reactiveElementVersions=[]).push("2.1.2");var pn;var It=globalThis,qn=function(r){return r},Bt=It.trustedTypes,Wn=Bt?Bt.createPolicy("lit-html",{createHTML:function(r){return r}}):void 0,Zn="$lit$",Ae="lit$".concat(Math.random().toFixed(9).slice(2),"$"),Kn="?"+Ae,Hi="<".concat(Kn,">"),Ue=document,_t=function(){return Ue.createComment("")},yt=function(r){return r===null||mt(r)!="object"&&typeof r!="function"},hn=Array.isArray,Fi=function(r){return hn(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function"},fn=`[
|
|
5
|
-
\f\r]`,wt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Gn=/-->/g,Xn=/>/g,Ne=RegExp(">|".concat(fn,`(?:([^\\s"'>=/]+)(`).concat(fn,"*=").concat(fn,`*(?:[^
|
|
6
|
-
\f\r"'\`<>=]|("|')|))|$)`),"g"),Jn=/'/g,Qn=/"/g,er=/^(?:script|style|textarea|title)$/i,Ui=function(r){return function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];return{_$litType$:r,strings:e,values:n}}},m=Ui(1),ye=Symbol.for("lit-noChange"),x=Symbol.for("lit-nothing"),tr=new WeakMap,Ve=Ue.createTreeWalker(Ue,129);function nr(i,r){if(!hn(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Wn!==void 0?Wn.createHTML(r):r}var Ni=function(r,e){for(var t=r.length-1,n=[],o,a=e===2?"<svg>":e===3?"<math>":"",s=wt,l=0;l<t;l++){for(var u=r[l],d=void 0,f=void 0,p=-1,b=0;b<u.length&&(s.lastIndex=b,f=s.exec(u),f!==null);)b=s.lastIndex,s===wt?f[1]==="!--"?s=Gn:f[1]!==void 0?s=Xn:f[2]!==void 0?(er.test(f[2])&&(o=RegExp("</"+f[2],"g")),s=Ne):f[3]!==void 0&&(s=Ne):s===Ne?f[0]===">"?(s=o!=null?o:wt,p=-1):f[1]===void 0?p=-2:(p=s.lastIndex-f[2].length,d=f[1],s=f[3]===void 0?Ne:f[3]==='"'?Qn:Jn):s===Qn||s===Jn?s=Ne:s===Gn||s===Xn?s=wt:(s=Ne,o=void 0);var y=s===Ne&&r[l+1].startsWith("/>")?" ":"";a+=s===wt?u+Hi:p>=0?(n.push(d),u.slice(0,p)+Zn+u.slice(p)+Ae+y):u+Ae+(p===-2?l:y)}return[nr(r,a+(r[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),n]},vn=(function(){function i(r,e){var t=r.strings,n=r._$litType$;A(this,i);var o;this.parts=[];var a=0,s=0,l=t.length-1,u=this.parts,d=Ni(t,n),f=Fe(d,2),p=f[0],b=f[1];if(this.el=i.createElement(p,e),Ve.currentNode=this.el.content,n===2||n===3){var y=this.el.content.firstChild;y.replaceWith.apply(y,_e(y.childNodes))}for(;(o=Ve.nextNode())!==null&&u.length<l;){if(o.nodeType===1){if(o.hasAttributes()){var w=oe(o.getAttributeNames()),g;try{for(w.s();!(g=w.n()).done;){var _=g.value;if(_.endsWith(Zn)){var k=b[s++],E=o.getAttribute(_).split(Ae),C=/([.?@])?(.*)/.exec(k);u.push({type:1,index:a,name:C[2],strings:E,ctor:C[1]==="."?qi:C[1]==="?"?Wi:C[1]==="@"?Zi:Rt}),o.removeAttribute(_)}else _.startsWith(Ae)&&(u.push({type:6,index:a}),o.removeAttribute(_))}}catch(z){w.e(z)}finally{w.f()}}if(er.test(o.tagName)){var O=o.textContent.split(Ae),$=O.length-1;if($>0){o.textContent=Bt?Bt.emptyScript:"";for(var S=0;S<$;S++)o.append(O[S],_t()),Ve.nextNode(),u.push({type:2,index:++a});o.append(O[$],_t())}}}else if(o.nodeType===8)if(o.data===Kn)u.push({type:2,index:a});else for(var D=-1;(D=o.data.indexOf(Ae,D+1))!==-1;)u.push({type:7,index:a}),D+=Ae.length-1;a++}}return P(i,null,[{key:"createElement",value:function(e,t){var n=Ue.createElement("template");return n.innerHTML=e,n}}])})();function tt(i,r){var e,t,n,o,a,s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:i,l=arguments.length>3?arguments[3]:void 0;if(r===ye)return r;var u=l!==void 0?(e=s._$Co)===null||e===void 0?void 0:e[l]:s._$Cl,d=yt(r)?void 0:r._$litDirective$;return((t=u)===null||t===void 0?void 0:t.constructor)!==d&&((n=u)!==null&&n!==void 0&&(o=n._$AO)!==null&&o!==void 0&&o.call(n,!1),d===void 0?u=void 0:(u=new d(i),u._$AT(i,s,l)),l!==void 0?((a=s._$Co)!==null&&a!==void 0?a:s._$Co=[])[l]=u:s._$Cl=u),u!==void 0&&(r=tt(i,u._$AS(i,r.values),u,l)),r}var Vi=(function(){function i(r,e){A(this,i),this._$AV=[],this._$AN=void 0,this._$AD=r,this._$AM=e}return P(i,[{key:"parentNode",get:function(){return this._$AM.parentNode}},{key:"_$AU",get:function(){return this._$AM._$AU}},{key:"u",value:function(e){var t,n=this._$AD,o=n.el.content,a=n.parts,s=((t=e==null?void 0:e.creationScope)!==null&&t!==void 0?t:Ue).importNode(o,!0);Ve.currentNode=s;for(var l=Ve.nextNode(),u=0,d=0,f=a[0];f!==void 0;){var p;if(u===f.index){var b=void 0;f.type===2?b=new gn(l,l.nextSibling,this,e):f.type===1?b=new f.ctor(l,f.name,f.strings,this,e):f.type===6&&(b=new Ki(l,this,e)),this._$AV.push(b),f=a[++d]}u!==((p=f)===null||p===void 0?void 0:p.index)&&(l=Ve.nextNode(),u++)}return Ve.currentNode=Ue,s}},{key:"p",value:function(e){var t=0,n=oe(this._$AV),o;try{for(n.s();!(o=n.n()).done;){var a=o.value;a!==void 0&&(a.strings!==void 0?(a._$AI(e,a,t),t+=a.strings.length-2):a._$AI(e[t])),t++}}catch(s){n.e(s)}finally{n.f()}}}])})(),gn=(function(){function i(r,e,t,n){var o;A(this,i),this.type=2,this._$AH=x,this._$AN=void 0,this._$AA=r,this._$AB=e,this._$AM=t,this.options=n,this._$Cv=(o=n==null?void 0:n.isConnected)!==null&&o!==void 0?o:!0}return P(i,[{key:"_$AU",get:function(){var e,t;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cv}},{key:"parentNode",get:function(){var e,t=this._$AA.parentNode,n=this._$AM;return n!==void 0&&((e=t)===null||e===void 0?void 0:e.nodeType)===11&&(t=n.parentNode),t}},{key:"startNode",get:function(){return this._$AA}},{key:"endNode",get:function(){return this._$AB}},{key:"_$AI",value:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this;e=tt(this,e,t),yt(e)?e===x||e==null||e===""?(this._$AH!==x&&this._$AR(),this._$AH=x):e!==this._$AH&&e!==ye&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Fi(e)?this.k(e):this._(e)}},{key:"O",value:function(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}},{key:"T",value:function(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}},{key:"_",value:function(e){this._$AH!==x&&yt(this._$AH)?this._$AA.nextSibling.data=e:this.T(Ue.createTextNode(e)),this._$AH=e}},{key:"$",value:function(e){var t,n=e.values,o=e._$litType$,a=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=vn.createElement(nr(o.h,o.h[0]),this.options)),o);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===a)this._$AH.p(n);else{var s=new Vi(a,this),l=s.u(this.options);s.p(n),this.T(l),this._$AH=s}}},{key:"_$AC",value:function(e){var t=tr.get(e.strings);return t===void 0&&tr.set(e.strings,t=new vn(e)),t}},{key:"k",value:function(e){hn(this._$AH)||(this._$AH=[],this._$AR());var t=this._$AH,n,o=0,a=oe(e),s;try{for(a.s();!(s=a.n()).done;){var l=s.value;o===t.length?t.push(n=new _k(this.O(_t()),this.O(_t()),this,this.options)):n=t[o],n._$AI(l),o++}}catch(u){a.e(u)}finally{a.f()}o<t.length&&(this._$AR(n&&n._$AB.nextSibling,o),t.length=o)}},{key:"_$AR",value:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this._$AA.nextSibling,t=arguments.length>1?arguments[1]:void 0;for((n=this._$AP)===null||n===void 0?void 0:n.call(this,!1,!0,t);e!==this._$AB;){var n,o=qn(e).nextSibling;qn(e).remove(),e=o}}},{key:"setConnected",value:function(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}}])})(),Rt=(function(){function i(r,e,t,n,o){A(this,i),this.type=1,this._$AH=x,this._$AN=void 0,this.element=r,this.name=e,this._$AM=n,this.options=o,t.length>2||t[0]!==""||t[1]!==""?(this._$AH=Array(t.length-1).fill(new String),this.strings=t):this._$AH=x}return P(i,[{key:"tagName",get:function(){return this.element.tagName}},{key:"_$AU",get:function(){return this._$AM._$AU}},{key:"_$AI",value:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this,n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0,a=this.strings,s=!1;if(a===void 0)e=tt(this,e,t,0),s=!yt(e)||e!==this._$AH&&e!==ye,s&&(this._$AH=e);else{var l=e,u,d;for(e=a[0],u=0;u<a.length-1;u++)d=tt(this,l[n+u],t,u),d===ye&&(d=this._$AH[u]),s||(s=!yt(d)||d!==this._$AH[u]),d===x?e=x:e!==x&&(e+=(d!=null?d:"")+a[u+1]),this._$AH[u]=d}s&&!o&&this.j(e)}},{key:"j",value:function(e){e===x?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}}])})(),qi=(function(i){function r(){var e;return A(this,r),e=I(this,r,arguments),e.type=3,e}return B(r,i),P(r,[{key:"j",value:function(t){this.element[this.name]=t===x?void 0:t}}])})(Rt),Wi=(function(i){function r(){var e;return A(this,r),e=I(this,r,arguments),e.type=4,e}return B(r,i),P(r,[{key:"j",value:function(t){this.element.toggleAttribute(this.name,!!t&&t!==x)}}])})(Rt),Zi=(function(i){function r(e,t,n,o,a){var s;return A(this,r),s=I(this,r,[e,t,n,o,a]),s.type=5,s}return B(r,i),P(r,[{key:"_$AI",value:function(t){var n,o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this;if((t=(n=tt(this,t,o,0))!==null&&n!==void 0?n:x)!==ye){var a=this._$AH,s=t===x&&a!==x||t.capture!==a.capture||t.once!==a.once||t.passive!==a.passive,l=t!==x&&(a===x||s);s&&this.element.removeEventListener(this.name,this,a),l&&this.element.addEventListener(this.name,this,t),this._$AH=t}}},{key:"handleEvent",value:function(t){var n,o;typeof this._$AH=="function"?this._$AH.call((n=(o=this.options)===null||o===void 0?void 0:o.host)!==null&&n!==void 0?n:this.element,t):this._$AH.handleEvent(t)}}])})(Rt),Ki=(function(){function i(r,e,t){A(this,i),this.element=r,this.type=6,this._$AN=void 0,this._$AM=e,this.options=t}return P(i,[{key:"_$AU",get:function(){return this._$AM._$AU}},{key:"_$AI",value:function(e){tt(this,e)}}])})(),mn=It.litHtmlPolyfillSupport;mn!=null&&mn(vn,gn),((pn=It.litHtmlVersions)!==null&&pn!==void 0?pn:It.litHtmlVersions=[]).push("3.3.2");var Gi=function(r,e,t){var n,o=(n=t==null?void 0:t.renderBefore)!==null&&n!==void 0?n:e,a=o._$litPart$;if(a===void 0){var s,l=(s=t==null?void 0:t.renderBefore)!==null&&s!==void 0?s:null;o._$litPart$=a=new gn(e.insertBefore(_t(),l),l,void 0,t!=null?t:{})}return a._$AI(r),a};const qe=globalThis;let V=class extends et{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const r=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!=null||(e.renderBefore=r.firstChild),r}update(r){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(r),this._$Do=Gi(e,this.renderRoot,this.renderOptions)}connectedCallback(){var r;super.connectedCallback(),(r=this._$Do)==null||r.setConnected(!0)}disconnectedCallback(){var r;super.disconnectedCallback(),(r=this._$Do)==null||r.setConnected(!1)}render(){return ye}};V._$litElement$=!0,V.finalized=!0,(pi=qe.litElementHydrateSupport)==null||pi.call(qe,{LitElement:V});const bn=qe.litElementPolyfillSupport;bn==null||bn({LitElement:V}),((hi=qe.litElementVersions)!=null?hi:qe.litElementVersions=[]).push("4.2.2");var te=function(r){return function(e,t){t!==void 0?t.addInitializer(function(){customElements.define(r,e)}):customElements.define(r,e)}};var Xi={attribute:!0,type:String,converter:jt,reflect:!1,hasChanged:un},Ji=function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:Xi,e=arguments.length>1?arguments[1]:void 0,t=arguments.length>2?arguments[2]:void 0,n=t.kind,o=t.metadata,a=globalThis.litPropertyMetadata.get(o);if(a===void 0&&globalThis.litPropertyMetadata.set(o,a=new Map),n==="setter"&&((r=Object.create(r)).wrapped=!0),a.set(t.name,r),n==="accessor"){var s=t.name;return{set:function(d){var f=e.get.call(this);e.set.call(this,d),this.requestUpdate(s,f,r,!0,d)},init:function(d){return d!==void 0&&this.C(s,void 0,r,d),d}}}if(n==="setter"){var l=t.name;return function(u){var d=this[l];e.call(this,u),this.requestUpdate(l,d,r,!0,u)}}throw Error("Unsupported decorator location: "+n)};function h(i){return function(r,e){return mt(e)=="object"?Ji(i,r,e):(function(t,n,o){var a=n.hasOwnProperty(o);return n.constructor.createProperty(o,t),a?Object.getOwnPropertyDescriptor(n,o):void 0})(i,r,e)}}function M(i){return h(He(He({},i),{},{state:!0,attribute:!1}))}var Qi=function(r,e,t){return t.configurable=!0,t.enumerable=!0,Reflect.decorate&&mt(e)!="object"&&Object.defineProperty(r,e,t),t};function ie(i,r){return function(e,t,n){var o=function(s){var l,u;return(l=(u=s.renderRoot)===null||u===void 0?void 0:u.querySelector(i))!==null&&l!==void 0?l:null};return Qi(e,t,{get:function(){return o(this)}})}}const es='.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-2);white-space:nowrap;user-select:none;outline:none;text-decoration:none;line-height:1}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:inherit;line-height:1;flex-shrink:0}.button--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.button--sm.button--icon-only{padding:var(--spacing-1);line-height:16px}.button--md{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.button--md.button--icon-only{padding:var(--spacing-2);line-height:16px}.button--lg{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.button--lg.button--icon-only{padding:var(--spacing-3);line-height:16px}.button--solid.button--primary{background-color:var(--color-primary);color:#fff}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--secondary{background-color:var(--color-secondary);color:#fff}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button-secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--text.button--secondary{background-color:transparent;color:var(--color-secondary)}.button--solid.button--success{background-color:var(--color-success);color:var(--color-success-text-emphasis)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover);color:var(--color-success-text-emphasis)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active);color:var(--color-success-text-emphasis)}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active);color:var(--color-danger-text-emphasis)}.button--solid.button--info{background-color:var(--color-info);color:var(--color-info-text-emphasis)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover);color:var(--color-info-text-emphasis)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active);color:var(--color-info-text-emphasis)}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active);color:var(--color-warning-text-emphasis)}.button--outline{border-width:2px;border-style:solid}.button--outline.button--sm{padding:calc(var(--spacing-1) - 2px) calc(var(--spacing-2) - 2px)}.button--outline.button--sm.button--icon-only{padding:calc(var(--spacing-1) - 2px)}.button--outline.button--md{padding:calc(var(--spacing-2) - 2px) calc(var(--spacing-3) - 2px)}.button--outline.button--md.button--icon-only{padding:calc(var(--spacing-2) - 2px)}.button--outline.button--lg{padding:calc(var(--spacing-3) - 2px) calc(var(--spacing-4) - 2px)}.button--outline.button--lg.button--icon-only{padding:calc(var(--spacing-3) - 2px)}.button--outline.button--primary{background-color:transparent;color:var(--color-primary-text-emphasis);border-color:var(--color-border)}.button--outline.button--primary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-primary)}.button--outline.button--secondary{background-color:transparent;color:var(--color-secondary-text-emphasis);border-color:var(--color-border)}.button--outline.button--secondary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-secondary)}.button--outline.button--success{background-color:transparent;color:var(--color-success-outline-text-emphasis);border-color:var(--color-border-success)}.button--outline.button--success:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-success-outline-text-emphasis)}.button--outline.button--danger{background-color:transparent;color:var(--color-danger-outline-text-emphasis);border-color:var(--color-border-danger)}.button--outline.button--danger:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-danger-outline-text-emphasis)}.button--outline.button--info{background-color:transparent;color:var(--color-info-outline-text-emphasis);border-color:var(--color-border-info)}.button--outline.button--info:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-info-outline-text-emphasis)}.button--outline.button--warning{background-color:transparent;color:var(--color-warning-text-emphasis);border-color:var(--color-border-warning)}.button--outline.button--warning:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-warning-text-emphasis)}.button--text.button--primary{background-color:transparent;color:var(--color-primary)}.button--text.button--primary:hover:not(:disabled){background-color:var(--color-primary-bg-subtle)}.button--text.button--success{background-color:transparent;color:var(--color-success)}.button--text.button--success:hover:not(:disabled){background-color:var(--color-success-bg-subtle)}.button--text.button--danger{background-color:transparent;color:var(--color-danger)}.button--text.button--danger:hover:not(:disabled){background-color:var(--color-danger-bg-subtle)}.button--text.button--info{background-color:transparent;color:var(--color-info)}.button--text.button--info:hover:not(:disabled){background-color:var(--color-info-bg-subtle)}.button--text.button--warning{background-color:transparent;color:var(--color-warning)}.button--text.button--warning:hover:not(:disabled){background-color:var(--color-warning-bg-subtle)}';var rr,or,ts=Object.defineProperty,ns=Object.getOwnPropertyDescriptor,nt=function(r,e,t,n){for(var o=n>1?void 0:n?ns(e,t):e,a=r.length-1,s;a>=0;a--)(s=r[a])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&ts(e,t,o),o};c.Button=(function(i){function r(){var e;return A(this,r),e=I(this,r,arguments),e.variant="solid",e.size="md",e.theme="primary",e.iconOnly=!1,e.disabled=!1,e}return B(r,i),P(r,[{key:"getButtonClasses",value:function(){var t=["button","button--".concat(this.variant),"button--".concat(this.size),"button--".concat(this.theme)];return this.iconOnly&&t.push("button--icon-only"),t.join(" ")}},{key:"render",value:function(){return m(rr||(rr=v([`
|
|
1
|
+
(function(n,M){typeof exports=="object"&&typeof module!="undefined"?M(exports,require("dayjs")):typeof define=="function"&&define.amd?define(["exports","dayjs"],M):(n=typeof globalThis!="undefined"?globalThis:n||self,M(n.LogosphereUI={},n.dayjs))})(this,(function(n,M){"use strict";var La=Object.defineProperty,Ta=Object.defineProperties;var Ba=Object.getOwnPropertyDescriptors;var _o=Object.getOwnPropertySymbols;var Ia=Object.prototype.hasOwnProperty,Ya=Object.prototype.propertyIsEnumerable;var yo=(n,M,X)=>M in n?La(n,M,{enumerable:!0,configurable:!0,writable:!0,value:X}):n[M]=X,$t=(n,M)=>{for(var X in M||(M={}))Ia.call(M,X)&&yo(n,X,M[X]);if(_o)for(var X of _o(M))Ya.call(M,X)&&yo(n,X,M[X]);return n},jt=(n,M)=>Ta(n,Ba(M));var ao,no,lo,co,ho,po;const X=globalThis,Ft=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Nt=Symbol(),fr=new WeakMap;let gr=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==Nt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(Ft&&e===void 0){const r=t!==void 0&&t.length===1;r&&(e=fr.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&fr.set(t,e))}return e}toString(){return this.cssText}};const F=i=>new gr(typeof i=="string"?i:i+"",void 0,Nt),N=(i,...e)=>{const t=i.length===1?i[0]:e.reduce((r,o,s)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[s+1],i[0]);return new gr(t,i,Nt)},wo=(i,e)=>{if(Ft)i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const t of e){const r=document.createElement("style"),o=X.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)}},br=Ft?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(const r of e.cssRules)t+=r.cssText;return F(t)})(i):i;const{is:xo,defineProperty:$o,getOwnPropertyDescriptor:ko,getOwnPropertyNames:Co,getOwnPropertySymbols:Eo,getPrototypeOf:So}=Object,we=globalThis,mr=we.trustedTypes,Mo=mr?mr.emptyScript:"",Ut=we.reactiveElementPolyfillSupport,ot=(i,e)=>i,kt={toAttribute(i,e){switch(e){case Boolean:i=i?Mo:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch(r){t=null}}return t}},Vt=(i,e)=>!xo(i,e),vr={attribute:!0,type:String,converter:kt,reflect:!1,useDefault:!1,hasChanged:Vt};(ao=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(no=we.litPropertyMetadata)!=null||(we.litPropertyMetadata=new WeakMap);let je=class extends HTMLElement{static addInitializer(e){var t;this._$Ei(),((t=this.l)!=null?t:this.l=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=vr){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const r=Symbol(),o=this.getPropertyDescriptor(e,r,t);o!==void 0&&$o(this.prototype,e,o)}}static getPropertyDescriptor(e,t,r){var a;const{get:o,set:s}=(a=ko(this.prototype,e))!=null?a:{get(){return this[t]},set(l){this[t]=l}};return{get:o,set(l){const d=o==null?void 0:o.call(this);s==null||s.call(this,l),this.requestUpdate(e,d,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){var t;return(t=this.elementProperties.get(e))!=null?t:vr}static _$Ei(){if(this.hasOwnProperty(ot("elementProperties")))return;const e=So(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(ot("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ot("properties"))){const t=this.properties,r=[...Co(t),...Eo(t)];for(const o of r)this.createProperty(o,t[o])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[r,o]of t)this.elementProperties.set(r,o)}this._$Eh=new Map;for(const[t,r]of this.elementProperties){const o=this._$Eu(t,r);o!==void 0&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const r=new Set(e.flat(1/0).reverse());for(const o of r)t.unshift(br(o))}else e!==void 0&&t.push(br(e));return t}static _$Eu(e,t){const r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t,r;((t=this._$EO)!=null?t:this._$EO=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&((r=e.hostConnected)==null||r.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const r of t.keys())this.hasOwnProperty(r)&&(e.set(r,this[r]),delete this[r]);e.size>0&&(this._$Ep=e)}createRenderRoot(){var t;const e=(t=this.shadowRoot)!=null?t:this.attachShadow(this.constructor.shadowRootOptions);return wo(e,this.constructor.elementStyles),e}connectedCallback(){var e,t;(e=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(r=>{var o;return(o=r.hostConnected)==null?void 0:o.call(r)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var r;return(r=t.hostDisconnected)==null?void 0:r.call(t)})}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$ET(e,t){var s;const r=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,r);if(o!==void 0&&r.reflect===!0){const a=(((s=r.converter)==null?void 0:s.toAttribute)!==void 0?r.converter:kt).toAttribute(t,r.type);this._$Em=e,a==null?this.removeAttribute(o):this.setAttribute(o,a),this._$Em=null}}_$AK(e,t){var s,a,l;const r=this.constructor,o=r._$Eh.get(e);if(o!==void 0&&this._$Em!==o){const d=r.getPropertyOptions(o),p=typeof d.converter=="function"?{fromAttribute:d.converter}:((s=d.converter)==null?void 0:s.fromAttribute)!==void 0?d.converter:kt;this._$Em=o;const h=p.fromAttribute(t,d.type);this[o]=(l=h!=null?h:(a=this._$Ej)==null?void 0:a.get(o))!=null?l:h,this._$Em=null}}requestUpdate(e,t,r,o=!1,s){var a,l;if(e!==void 0){const d=this.constructor;if(o===!1&&(s=this[e]),r!=null||(r=d.getPropertyOptions(e)),!(((a=r.hasChanged)!=null?a:Vt)(s,t)||r.useDefault&&r.reflect&&s===((l=this._$Ej)==null?void 0:l.get(e))&&!this.hasAttribute(d._$Eu(e,r))))return;this.C(e,t,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,t,{useDefault:r,reflect:o,wrapped:s},a){var l,d,p;r&&!((l=this._$Ej)!=null?l:this._$Ej=new Map).has(e)&&(this._$Ej.set(e,(d=a!=null?a:t)!=null?d:this[e]),s!==!0||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||r||(t=void 0),this._$AL.set(e,t)),o===!0&&this._$Em!==e&&((p=this._$Eq)!=null?p:this._$Eq=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r,o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((r=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[a,l]of this._$Ep)this[a]=l;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[a,l]of s){const{wrapped:d}=l,p=this[a];d!==!0||this._$AL.has(a)||p===void 0||this.C(a,void 0,l,p)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(o=this._$EO)==null||o.forEach(s=>{var a;return(a=s.hostUpdate)==null?void 0:a.call(s)}),this.update(t)):this._$EM()}catch(s){throw e=!1,this._$EM(),s}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(r=>{var o;return(o=r.hostUpdated)==null?void 0:o.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(t=>this._$ET(t,this[t]))),this._$EM()}updated(e){}firstUpdated(e){}};je.elementStyles=[],je.shadowRootOptions={mode:"open"},je[ot("elementProperties")]=new Map,je[ot("finalized")]=new Map,Ut==null||Ut({ReactiveElement:je}),((lo=we.reactiveElementVersions)!=null?lo:we.reactiveElementVersions=[]).push("2.1.2");const it=globalThis,_r=i=>i,Ct=it.trustedTypes,yr=Ct?Ct.createPolicy("lit-html",{createHTML:i=>i}):void 0,wr="$lit$",xe=`lit$${Math.random().toFixed(9).slice(2)}$`,xr="?"+xe,Do=`<${xr}>`,ze=document,st=()=>ze.createComment(""),at=i=>i===null||typeof i!="object"&&typeof i!="function",qt=Array.isArray,Ao=i=>qt(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",Wt=`[
|
|
2
|
+
\f\r]`,nt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$r=/-->/g,kr=/>/g,Oe=RegExp(`>|${Wt}(?:([^\\s"'>=/]+)(${Wt}*=${Wt}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Cr=/'/g,Er=/"/g,Sr=/^(?:script|style|textarea|title)$/i,zo=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),u=zo(1),de=Symbol.for("lit-noChange"),m=Symbol.for("lit-nothing"),Mr=new WeakMap,Pe=ze.createTreeWalker(ze,129);function Dr(i,e){if(!qt(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return yr!==void 0?yr.createHTML(e):e}const Oo=(i,e)=>{const t=i.length-1,r=[];let o,s=e===2?"<svg>":e===3?"<math>":"",a=nt;for(let l=0;l<t;l++){const d=i[l];let p,h,f=-1,b=0;for(;b<d.length&&(a.lastIndex=b,h=a.exec(d),h!==null);)b=a.lastIndex,a===nt?h[1]==="!--"?a=$r:h[1]!==void 0?a=kr:h[2]!==void 0?(Sr.test(h[2])&&(o=RegExp("</"+h[2],"g")),a=Oe):h[3]!==void 0&&(a=Oe):a===Oe?h[0]===">"?(a=o!=null?o:nt,f=-1):h[1]===void 0?f=-2:(f=a.lastIndex-h[2].length,p=h[1],a=h[3]===void 0?Oe:h[3]==='"'?Er:Cr):a===Er||a===Cr?a=Oe:a===$r||a===kr?a=nt:(a=Oe,o=void 0);const v=a===Oe&&i[l+1].startsWith("/>")?" ":"";s+=a===nt?d+Do:f>=0?(r.push(p),d.slice(0,f)+wr+d.slice(f)+xe+v):d+xe+(f===-2?l:v)}return[Dr(i,s+(i[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),r]};class lt{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let s=0,a=0;const l=e.length-1,d=this.parts,[p,h]=Oo(e,t);if(this.el=lt.createElement(p,r),Pe.currentNode=this.el.content,t===2||t===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(o=Pe.nextNode())!==null&&d.length<l;){if(o.nodeType===1){if(o.hasAttributes())for(const f of o.getAttributeNames())if(f.endsWith(wr)){const b=h[a++],v=o.getAttribute(f).split(xe),C=/([.?@])?(.*)/.exec(b);d.push({type:1,index:s,name:C[2],strings:v,ctor:C[1]==="."?Lo:C[1]==="?"?To:C[1]==="@"?Bo:Et}),o.removeAttribute(f)}else f.startsWith(xe)&&(d.push({type:6,index:s}),o.removeAttribute(f));if(Sr.test(o.tagName)){const f=o.textContent.split(xe),b=f.length-1;if(b>0){o.textContent=Ct?Ct.emptyScript:"";for(let v=0;v<b;v++)o.append(f[v],st()),Pe.nextNode(),d.push({type:2,index:++s});o.append(f[b],st())}}}else if(o.nodeType===8)if(o.data===xr)d.push({type:2,index:s});else{let f=-1;for(;(f=o.data.indexOf(xe,f+1))!==-1;)d.push({type:7,index:s}),f+=xe.length-1}s++}}static createElement(e,t){const r=ze.createElement("template");return r.innerHTML=e,r}}function Fe(i,e,t=i,r){var a,l,d;if(e===de)return e;let o=r!==void 0?(a=t._$Co)==null?void 0:a[r]:t._$Cl;const s=at(e)?void 0:e._$litDirective$;return(o==null?void 0:o.constructor)!==s&&((l=o==null?void 0:o._$AO)==null||l.call(o,!1),s===void 0?o=void 0:(o=new s(i),o._$AT(i,t,r)),r!==void 0?((d=t._$Co)!=null?d:t._$Co=[])[r]=o:t._$Cl=o),o!==void 0&&(e=Fe(i,o._$AS(i,e.values),o,r)),e}class Po{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var p;const{el:{content:t},parts:r}=this._$AD,o=((p=e==null?void 0:e.creationScope)!=null?p:ze).importNode(t,!0);Pe.currentNode=o;let s=Pe.nextNode(),a=0,l=0,d=r[0];for(;d!==void 0;){if(a===d.index){let h;d.type===2?h=new dt(s,s.nextSibling,this,e):d.type===1?h=new d.ctor(s,d.name,d.strings,this,e):d.type===6&&(h=new Io(s,this,e)),this._$AV.push(h),d=r[++l]}a!==(d==null?void 0:d.index)&&(s=Pe.nextNode(),a++)}return Pe.currentNode=ze,o}p(e){let t=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}}class dt{get _$AU(){var e,t;return(t=(e=this._$AM)==null?void 0:e._$AU)!=null?t:this._$Cv}constructor(e,t,r,o){var s;this.type=2,this._$AH=m,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this._$Cv=(s=o==null?void 0:o.isConnected)!=null?s:!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Fe(this,e,t),at(e)?e===m||e==null||e===""?(this._$AH!==m&&this._$AR(),this._$AH=m):e!==this._$AH&&e!==de&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Ao(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==m&&at(this._$AH)?this._$AA.nextSibling.data=e:this.T(ze.createTextNode(e)),this._$AH=e}$(e){var s;const{values:t,_$litType$:r}=e,o=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=lt.createElement(Dr(r.h,r.h[0]),this.options)),r);if(((s=this._$AH)==null?void 0:s._$AD)===o)this._$AH.p(t);else{const a=new Po(o,this),l=a.u(this.options);a.p(t),this.T(l),this._$AH=a}}_$AC(e){let t=Mr.get(e.strings);return t===void 0&&Mr.set(e.strings,t=new lt(e)),t}k(e){qt(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let r,o=0;for(const s of e)o===t.length?t.push(r=new dt(this.O(st()),this.O(st()),this,this.options)):r=t[o],r._$AI(s),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,t);e!==this._$AB;){const o=_r(e).nextSibling;_r(e).remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class Et{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,r,o,s){this.type=1,this._$AH=m,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=s,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=m}_$AI(e,t=this,r,o){const s=this.strings;let a=!1;if(s===void 0)e=Fe(this,e,t,0),a=!at(e)||e!==this._$AH&&e!==de,a&&(this._$AH=e);else{const l=e;let d,p;for(e=s[0],d=0;d<s.length-1;d++)p=Fe(this,l[r+d],t,d),p===de&&(p=this._$AH[d]),a||(a=!at(p)||p!==this._$AH[d]),p===m?e=m:e!==m&&(e+=(p!=null?p:"")+s[d+1]),this._$AH[d]=p}a&&!o&&this.j(e)}j(e){e===m?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}}class Lo extends Et{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===m?void 0:e}}class To extends Et{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==m)}}class Bo extends Et{constructor(e,t,r,o,s){super(e,t,r,o,s),this.type=5}_$AI(e,t=this){var a;if((e=(a=Fe(this,e,t,0))!=null?a:m)===de)return;const r=this._$AH,o=e===m&&r!==m||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,s=e!==m&&(r===m||o);o&&this.element.removeEventListener(this.name,this,r),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,r;typeof this._$AH=="function"?this._$AH.call((r=(t=this.options)==null?void 0:t.host)!=null?r:this.element,e):this._$AH.handleEvent(e)}}class Io{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){Fe(this,e)}}const Zt=it.litHtmlPolyfillSupport;Zt==null||Zt(lt,dt),((co=it.litHtmlVersions)!=null?co:it.litHtmlVersions=[]).push("3.3.2");const Yo=(i,e,t)=>{var s,a;const r=(s=t==null?void 0:t.renderBefore)!=null?s:e;let o=r._$litPart$;if(o===void 0){const l=(a=t==null?void 0:t.renderBefore)!=null?a:null;r._$litPart$=o=new dt(e.insertBefore(st(),l),l,void 0,t!=null?t:{})}return o._$AI(i),o};const Le=globalThis;let T=class extends je{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,r;const e=super.createRenderRoot();return(r=(t=this.renderOptions).renderBefore)!=null||(t.renderBefore=e.firstChild),e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Yo(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return de}};T._$litElement$=!0,T.finalized=!0,(ho=Le.litElementHydrateSupport)==null||ho.call(Le,{LitElement:T});const Kt=Le.litElementPolyfillSupport;Kt==null||Kt({LitElement:T}),((po=Le.litElementVersions)!=null?po:Le.litElementVersions=[]).push("4.2.2");const U=i=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(i,e)}):customElements.define(i,e)};const Ro={attribute:!0,type:String,converter:kt,reflect:!1,hasChanged:Vt},Ho=(i=Ro,e,t)=>{const{kind:r,metadata:o}=t;let s=globalThis.litPropertyMetadata.get(o);if(s===void 0&&globalThis.litPropertyMetadata.set(o,s=new Map),r==="setter"&&((i=Object.create(i)).wrapped=!0),s.set(t.name,i),r==="accessor"){const{name:a}=t;return{set(l){const d=e.get.call(this);e.set.call(this,l),this.requestUpdate(a,d,i,!0,l)},init(l){return l!==void 0&&this.C(a,void 0,i,l),l}}}if(r==="setter"){const{name:a}=t;return function(l){const d=this[a];e.call(this,l),this.requestUpdate(a,d,i,!0,l)}}throw Error("Unsupported decorator location: "+r)};function c(i){return(e,t)=>typeof t=="object"?Ho(i,e,t):((r,o,s)=>{const a=o.hasOwnProperty(s);return o.constructor.createProperty(s,r),a?Object.getOwnPropertyDescriptor(o,s):void 0})(i,e,t)}function $(i){return c(jt($t({},i),{state:!0,attribute:!1}))}const jo=(i,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(i,e,t),t);function J(i,e){return(t,r,o)=>{const s=a=>{var l,d;return(d=(l=a.renderRoot)==null?void 0:l.querySelector(i))!=null?d:null};return jo(t,r,{get(){return s(this)}})}}const Fo='.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-2);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;line-height:1}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:inherit;line-height:1;flex-shrink:0}.button--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.button--sm.button--icon-only{padding:var(--spacing-1);line-height:16px}.button--md{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.button--md.button--icon-only{padding:var(--spacing-2);line-height:16px}.button--lg{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.button--lg.button--icon-only{padding:var(--spacing-3);line-height:16px}.button--solid.button--primary{background-color:var(--color-primary);color:#fff}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--secondary{background-color:var(--color-secondary);color:#fff}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button-secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--text.button--secondary{background-color:transparent;color:var(--color-secondary)}.button--solid.button--success{background-color:var(--color-success);color:var(--color-success-text-emphasis)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover);color:var(--color-success-text-emphasis)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active);color:var(--color-success-text-emphasis)}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active);color:var(--color-danger-text-emphasis)}.button--solid.button--info{background-color:var(--color-info);color:var(--color-info-text-emphasis)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover);color:var(--color-info-text-emphasis)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active);color:var(--color-info-text-emphasis)}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active);color:var(--color-warning-text-emphasis)}.button--outline{border-width:2px;border-style:solid}.button--outline.button--sm{padding:calc(var(--spacing-1) - 2px) calc(var(--spacing-2) - 2px)}.button--outline.button--sm.button--icon-only{padding:calc(var(--spacing-1) - 2px)}.button--outline.button--md{padding:calc(var(--spacing-2) - 2px) calc(var(--spacing-3) - 2px)}.button--outline.button--md.button--icon-only{padding:calc(var(--spacing-2) - 2px)}.button--outline.button--lg{padding:calc(var(--spacing-3) - 2px) calc(var(--spacing-4) - 2px)}.button--outline.button--lg.button--icon-only{padding:calc(var(--spacing-3) - 2px)}.button--outline.button--primary{background-color:transparent;color:var(--color-primary-text-emphasis);border-color:var(--color-border)}.button--outline.button--primary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-primary)}.button--outline.button--secondary{background-color:transparent;color:var(--color-secondary-text-emphasis);border-color:var(--color-border)}.button--outline.button--secondary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-secondary)}.button--outline.button--success{background-color:transparent;color:var(--color-success-outline-text-emphasis);border-color:var(--color-border-success)}.button--outline.button--success:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-success-outline-text-emphasis)}.button--outline.button--danger{background-color:transparent;color:var(--color-danger-outline-text-emphasis);border-color:var(--color-border-danger)}.button--outline.button--danger:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-danger-outline-text-emphasis)}.button--outline.button--info{background-color:transparent;color:var(--color-info-outline-text-emphasis);border-color:var(--color-border-info)}.button--outline.button--info:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-info-outline-text-emphasis)}.button--outline.button--warning{background-color:transparent;color:var(--color-warning-text-emphasis);border-color:var(--color-border-warning)}.button--outline.button--warning:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-warning-text-emphasis)}.button--text.button--primary{background-color:transparent;color:var(--color-primary)}.button--text.button--primary:hover:not(:disabled){background-color:var(--color-primary-bg-subtle)}.button--text.button--success{background-color:transparent;color:var(--color-success)}.button--text.button--success:hover:not(:disabled){background-color:var(--color-success-bg-subtle)}.button--text.button--danger{background-color:transparent;color:var(--color-danger)}.button--text.button--danger:hover:not(:disabled){background-color:var(--color-danger-bg-subtle)}.button--text.button--info{background-color:transparent;color:var(--color-info)}.button--text.button--info:hover:not(:disabled){background-color:var(--color-info-bg-subtle)}.button--text.button--warning{background-color:transparent;color:var(--color-warning)}.button--text.button--warning:hover:not(:disabled){background-color:var(--color-warning-bg-subtle)}';var No=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,Ne=(i,e,t,r)=>{for(var o=r>1?void 0:r?Uo(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&No(e,t,o),o};n.Button=class extends T{constructor(){super(...arguments),this.variant="solid",this.size="md",this.theme="primary",this.iconOnly=!1,this.disabled=!1}getButtonClasses(){const e=["button",`button--${this.variant}`,`button--${this.size}`,`button--${this.theme}`];return this.iconOnly&&e.push("button--icon-only"),e.join(" ")}render(){return u`
|
|
7
4
|
<button
|
|
8
|
-
class="
|
|
9
|
-
?disabled="
|
|
5
|
+
class="${this.getButtonClasses()}"
|
|
6
|
+
?disabled="${this.disabled}"
|
|
10
7
|
>
|
|
11
8
|
<slot name="prefix"></slot>
|
|
12
9
|
<slot></slot>
|
|
13
10
|
<slot name="suffix"></slot>
|
|
14
11
|
</button>
|
|
15
|
-
`
|
|
12
|
+
`}},n.Button.styles=[N`${F(Fo)}`],Ne([c({type:String})],n.Button.prototype,"variant",2),Ne([c({type:String})],n.Button.prototype,"size",2),Ne([c({type:String})],n.Button.prototype,"theme",2),Ne([c({type:Boolean})],n.Button.prototype,"iconOnly",2),Ne([c({type:Boolean})],n.Button.prototype,"disabled",2),n.Button=Ne([U("logosphere-button")],n.Button);const Vo=".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{padding:var(--spacing-1) var(--spacing-2)}.badge--small{padding:0 var(--spacing-1)}.badge--round{border-radius:var(--radius-md)}.badge--default{background-color:var(--color-tertiary-bg);color:var(--color-secondary)}.badge--warning{background-color:var(--color-warning-rgb);color:var(--color-warning-text-emphasis)}.badge--success{background-color:var(--color-success-rgb);color:var(--color-success)}.badge--info{background-color:var(--color-info-rgb);color:var(--color-info-text-emphasis)}.badge--danger{background-color:var(--color-danger-rgb);color:var(--color-danger)}.badge--purple{background-color:var(--color-purple-rgb);color:var(--color-purple)}.badge__close{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-1);padding:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.75;transition:opacity var(--transition-speed-fast) var(--transition-timing);line-height:1}.badge__close:hover{opacity:1}.badge__close:focus{outline:none;opacity:1}";const $e={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4},Gt=i=>(...e)=>({_$litDirective$:i,values:e});class Xt{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}class Jt extends Xt{constructor(e){if(super(e),this.it=m,e.type!==$e.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===m||e==null)return this._t=void 0,this.it=e;if(e===de)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Jt.directiveName="unsafeHTML",Jt.resultType=1;const Qt=Gt(Jt),qo={"uil-times":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.41,12l4.3-4.29a1,1,0,1,0-1.42-1.42L12,10.59,7.71,6.29A1,1,0,0,0,6.29,7.71L10.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l4.29,4.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"/></svg>',"uil-angle-down":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z"/></svg>',"uil-calendar":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,4H17V3a1,1,0,0,0-2,0V4H9V3A1,1,0,0,0,7,3V4H5A3,3,0,0,0,2,7V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V7A3,3,0,0,0,19,4Zm1,15a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V12H20Zm0-9H4V7A1,1,0,0,1,5,6H7V7A1,1,0,0,0,9,7V6h6V7a1,1,0,0,0,2,0V6h2a1,1,0,0,1,1,1Z"/></svg>',"uil-arrow-left":'<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24"><path d="M17,11H9.41l3.3-3.29a1,1,0,1,0-1.42-1.42l-5,5a1,1,0,0,0-.21.33,1,1,0,0,0,0,.76,1,1,0,0,0,.21.33l5,5a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L9.41,13H17a1,1,0,0,0,0-2Z"/></svg>',"uil-arrow-right":'<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24"><path d="M17.92,11.62a1,1,0,0,0-.21-.33l-5-5a1,1,0,0,0-1.42,1.42L14.59,11H7a1,1,0,0,0,0,2h7.59l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l5-5a1,1,0,0,0,.21-.33A1,1,0,0,0,17.92,11.62Z"/></svg>',"uil-trash":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,6H16V5a3,3,0,0,0-3-3H11A3,3,0,0,0,8,5V6H4A1,1,0,0,0,4,8H5V19a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V8h1a1,1,0,0,0,0-2ZM10,5a1,1,0,0,1,1-1h2a1,1,0,0,1,1,1V6H10Zm7,14a1,1,0,0,1-1,1H8a1,1,0,0,1-1-1V8H17Z"/></svg>',"uil-compress-alt":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.71,2.29a1,1,0,0,0-1.42,0L14.5,8.09V6.5a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54,1,1,0,0,0,.38.08h4a1,1,0,0,0,0-2H15.91l5.8-5.79A1,1,0,0,0,21.71,2.29ZM10.88,12.58a1,1,0,0,0-.38-.08h-4a1,1,0,0,0,0,2H8.09l-5.8,5.79a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l5.79-5.8V17.5a1,1,0,0,0,2,0v-4a1,1,0,0,0-.08-.38A1,1,0,0,0,10.88,12.58Z"/></svg>',"uil-expand-alt":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.79,12.79,4,18.59V17a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,3,22H7a1,1,0,0,0,0-2H5.41l5.8-5.79a1,1,0,0,0-1.42-1.42ZM21.92,2.62a1,1,0,0,0-.54-.54A1,1,0,0,0,21,2H17a1,1,0,0,0,0,2h1.59l-5.8,5.79a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L20,5.41V7a1,1,0,0,0,2,0V3A1,1,0,0,0,21.92,2.62Z"/></svg>',"uil-copy":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,8.94a1.31,1.31,0,0,0-.06-.27l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1.07,1.07,0,0,0-.28-.19.32.32,0,0,0-.09,0A.88.88,0,0,0,14.05,2H10A3,3,0,0,0,7,5V6H6A3,3,0,0,0,3,9V19a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V18h1a3,3,0,0,0,3-3V9S21,9,21,8.94ZM15,5.41,17.59,8H16a1,1,0,0,1-1-1ZM15,19a1,1,0,0,1-1,1H6a1,1,0,0,1-1-1V9A1,1,0,0,1,6,8H7v7a3,3,0,0,0,3,3h5Zm4-4a1,1,0,0,1-1,1H10a1,1,0,0,1-1-1V5a1,1,0,0,1,1-1h3V7a3,3,0,0,0,3,3h3Z"/></svg>',"uil-thumbs-up":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.3,10.08A3,3,0,0,0,19,9H14.44L15,7.57A4.13,4.13,0,0,0,11.11,2a1,1,0,0,0-.91.59L7.35,9H5a3,3,0,0,0-3,3v7a3,3,0,0,0,3,3H17.73a3,3,0,0,0,2.95-2.46l1.27-7A3,3,0,0,0,21.3,10.08ZM7,20H5a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1H7Zm13-7.82-1.27,7a1,1,0,0,1-1,.82H9V10.21l2.72-6.12A2.11,2.11,0,0,1,13.1,6.87L12.57,8.3A2,2,0,0,0,14.44,11H19a1,1,0,0,1,.77.36A1,1,0,0,1,20,12.18Z"/></svg>',"uil-thumbs-down":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,2H6.27A3,3,0,0,0,3.32,4.46l-1.27,7A3,3,0,0,0,5,15H9.56L9,16.43A4.13,4.13,0,0,0,12.89,22a1,1,0,0,0,.91-.59L16.65,15H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2ZM15,13.79l-2.72,6.12a2.13,2.13,0,0,1-1.38-2.78l.53-1.43A2,2,0,0,0,9.56,13H5a1,1,0,0,1-.77-.36A1,1,0,0,1,4,11.82l1.27-7a1,1,0,0,1,1-.82H15ZM20,12a1,1,0,0,1-1,1H17V4h2a1,1,0,0,1,1,1Z"/></svg>',"uil-arrow-circle-right":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.71,12.71a1,1,0,0,0,.21-.33,1,1,0,0,0,0-.76,1,1,0,0,0-.21-.33l-3-3a1,1,0,0,0-1.42,1.42L12.59,11H9a1,1,0,0,0,0,2h3.59l-1.3,1.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0ZM22,12A10,10,0,1,0,12,22,10,10,0,0,0,22,12ZM4,12a8,8,0,1,1,8,8A8,8,0,0,1,4,12Z"/></svg>',"uil-eye":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.92,11.6C19.9,6.91,16.1,4,12,4S4.1,6.91,2.08,11.6a1,1,0,0,0,0,.8C4.1,17.09,7.9,20,12,20s7.9-2.91,9.92-7.6A1,1,0,0,0,21.92,11.6ZM12,18c-3.17,0-6.17-2.29-7.9-6C5.83,8.29,8.83,6,12,6s6.17,2.29,7.9,6C18.17,15.71,15.17,18,12,18ZM12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,14Z"/></svg>',"uil-eye-slash":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.94,6.08A6.93,6.93,0,0,1,12,6c3.18,0,6.17,2.29,7.91,6a15.23,15.23,0,0,1-.9,1.64,1,1,0,0,0-.16.55,1,1,0,0,0,1.86.5,15.77,15.77,0,0,0,1.21-2.3,1,1,0,0,0,0-.79C19.9,6.91,16.1,4,12,4a7.77,7.77,0,0,0-1.4.12,1,1,0,1,0,.34,2ZM3.71,2.29A1,1,0,0,0,2.29,3.71L5.39,6.8a14.62,14.62,0,0,0-3.31,4.8,1,1,0,0,0,0,.8C4.1,17.09,7.9,20,12,20a9.26,9.26,0,0,0,5.05-1.54l3.24,3.25a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Zm6.36,9.19,2.45,2.45A1.81,1.81,0,0,1,12,14a2,2,0,0,1-2-2A1.81,1.81,0,0,1,10.07,11.48ZM12,18c-3.18,0-6.17-2.29-7.9-6A12.09,12.09,0,0,1,6.8,8.21L8.57,10A4,4,0,0,0,14,15.43L15.59,17A7.24,7.24,0,0,1,12,18Z"/></svg>',"uil-search":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.71,20.29,18,16.61A9,9,0,1,0,16.61,18l3.68,3.68a1,1,0,0,0,1.42,0A1,1,0,0,0,21.71,20.29ZM11,18a7,7,0,1,1,7-7A7,7,0,0,1,11,18Z"/></svg>',"uil-left-arrow-to-left":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,11H9.41l2.3-2.29a1,1,0,1,0-1.42-1.42l-4,4a1,1,0,0,0-.21.33,1,1,0,0,0,0,.76,1,1,0,0,0,.21.33l4,4a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L9.41,13H21a1,1,0,0,0,0-2ZM3,3A1,1,0,0,0,2,4V20a1,1,0,0,0,2,0V4A1,1,0,0,0,3,3Z"/></svg>',"uil-right-arrow-to-right":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.71,11.29l-4-4a1,1,0,1,0-1.42,1.42L14.59,11H3a1,1,0,0,0,0,2H14.59l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l4-4a1,1,0,0,0,.21-.33,1,1,0,0,0,0-.76A1,1,0,0,0,17.71,11.29ZM21,4a1,1,0,0,0-1,1V19a1,1,0,0,0,2,0V5A1,1,0,0,0,21,4Z"/></svg>',"uil-pin":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.37,12.79a1,1,0,0,0-.74,1.86C17.09,15.23,18,16.13,18,17c0,1.42-2.46,3-6,3s-6-1.58-6-3c0-.87.91-1.77,2.37-2.35a1,1,0,0,0-.74-1.86C5.36,13.69,4,15.26,4,17c0,2.8,3.51,5,8,5s8-2.2,8-5C20,15.26,18.64,13.69,16.37,12.79ZM11,9.86V17a1,1,0,0,0,2,0V9.86a4,4,0,1,0-2,0ZM12,4a2,2,0,1,1-2,2A2,2,0,0,1,12,4Z"/></svg>'},Yt=class Yt extends T{constructor(){super(...arguments),this.name="",this.size=20}render(){const e=qo[this.name];return e?u`
|
|
16
13
|
<span
|
|
17
|
-
style="font-size:
|
|
14
|
+
style="font-size: ${this.size}px;"
|
|
18
15
|
aria-hidden="true"
|
|
19
16
|
>
|
|
20
|
-
|
|
17
|
+
${Qt(e)}
|
|
21
18
|
</span>
|
|
22
|
-
|
|
19
|
+
`:(console.warn(`Icon "${this.name}" not found.`),u``)}};Yt.properties={name:{type:String},size:{type:Number}},Yt.styles=N`
|
|
23
20
|
:host {
|
|
24
21
|
display: inline-flex;
|
|
25
22
|
align-items: center;
|
|
@@ -33,66 +30,71 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
33
30
|
height: 1em;
|
|
34
31
|
fill: currentColor;
|
|
35
32
|
}
|
|
36
|
-
|
|
37
|
-
<div class="
|
|
33
|
+
`;let er=Yt;customElements.define("ui-icon",er);var Wo=Object.defineProperty,Zo=Object.getOwnPropertyDescriptor,Te=(i,e,t,r)=>{for(var o=r>1?void 0:r?Zo(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Wo(e,t,o),o};n.LogosphereBadge=class extends T{constructor(){super(...arguments),this.variant="default",this.size="default",this.text="",this.closeable=!1,this.isRound=!1}handleClose(){this.onClose&&this.onClose(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}getBadgeClasses(){const e=["badge",`badge--${this.variant}`,this.size==="small"?"badge--small":"badge--default-size"];return this.isRound&&e.push("badge--round"),e.join(" ")}render(){return u`
|
|
34
|
+
<div class="${this.getBadgeClasses()}">
|
|
38
35
|
<slot></slot>
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
`])),this.getBadgeClasses(),this.text?m(dr||(dr=v(["<span>","</span>"])),this.text):x,this.closeable?m(ur||(ur=v([`
|
|
43
|
-
<button class="badge__close" @click=`,` aria-label="Close">
|
|
36
|
+
${this.text?u`<span>${this.text}</span>`:m}
|
|
37
|
+
${this.closeable?u`
|
|
38
|
+
<button class="badge__close" @click=${this.handleClose} aria-label="Close">
|
|
44
39
|
<ui-icon name="uil-times"></ui-icon>
|
|
45
40
|
</button>
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
`
|
|
41
|
+
`:m}
|
|
42
|
+
</div>
|
|
43
|
+
`}},n.LogosphereBadge.styles=[N`
|
|
44
|
+
${F(Vo)}
|
|
45
|
+
`],Te([c({type:String})],n.LogosphereBadge.prototype,"variant",2),Te([c({type:String})],n.LogosphereBadge.prototype,"size",2),Te([c({type:String})],n.LogosphereBadge.prototype,"text",2),Te([c({type:Boolean})],n.LogosphereBadge.prototype,"closeable",2),Te([c({type:Boolean})],n.LogosphereBadge.prototype,"isRound",2),Te([c({attribute:!1})],n.LogosphereBadge.prototype,"onClose",2),n.LogosphereBadge=Te([U("logosphere-badge")],n.LogosphereBadge);const Ar=i=>i.strings===void 0,Ko={},Go=(i,e=Ko)=>i._$AH=e;const ct=(i,e)=>{var r;const t=i._$AN;if(t===void 0)return!1;for(const o of t)(r=o._$AO)==null||r.call(o,e,!1),ct(o,e);return!0},St=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while((t==null?void 0:t.size)===0)},zr=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),Qo(e)}};function Xo(i){this._$AN!==void 0?(St(this),this._$AM=i,zr(this)):this._$AM=i}function Jo(i,e=!1,t=0){const r=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(r))for(let s=t;s<r.length;s++)ct(r[s],!1),St(r[s]);else r!=null&&(ct(r,!1),St(r));else ct(this,i)}const Qo=i=>{var e,t;i.type==$e.CHILD&&((e=i._$AP)!=null||(i._$AP=Jo),(t=i._$AQ)!=null||(i._$AQ=Xo))};class ei extends Xt{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,r){super._$AT(e,t,r),zr(this),this.isConnected=e._$AU}_$AO(e,t=!0){var r,o;e!==this.isConnected&&(this.isConnected=e,e?(r=this.reconnected)==null||r.call(this):(o=this.disconnected)==null||o.call(this)),t&&(ct(this,e),St(this))}setValue(e){if(Ar(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}}const tr=new WeakMap,Or=Gt(class extends ei{render(i){return m}update(i,[e]){var r;const t=e!==this.G;return t&&this.G!==void 0&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=e,this.ht=(r=i.options)==null?void 0:r.host,this.rt(this.ct=i.element)),m}rt(i){var e;if(this.isConnected||(i=void 0),typeof this.G=="function"){const t=(e=this.ht)!=null?e:globalThis;let r=tr.get(t);r===void 0&&(r=new WeakMap,tr.set(t,r)),r.get(this.G)!==void 0&&this.G.call(this.ht,void 0),r.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,t;return typeof this.G=="function"?(e=tr.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),ti='.checkbox-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-base)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-control{width:16px;height:16px;flex-shrink:0;position:relative;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-body-bg);transition:background-color var(--transition-speed-fast) var(--transition-timing),border-color var(--transition-speed-fast) var(--transition-timing)}.checkbox-control--checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-control--checked:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:5px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:translate(-50%,-65%) rotate(-45deg)}.checkbox-control--indeterminate{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-control--indeterminate:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:2px;background-color:#fff;border-radius:1px;transform:translate(-50%,-50%)}.checkbox-label{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-body-text)}.switch-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-base)}.switch-wrapper--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.switch-track{width:36px;height:20px;flex-shrink:0;border-radius:var(--radius-full);background-color:var(--color-border);position:relative;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.switch-track--checked{background-color:var(--color-primary)}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background-color:#fff;box-shadow:var(--shadow-xs);transition:transform var(--transition-speed-fast) var(--transition-timing)}.switch-track--checked .switch-thumb{transform:translate(16px)}';var ri=Object.defineProperty,oi=Object.getOwnPropertyDescriptor,ke=(i,e,t,r)=>{for(var o=r>1?void 0:r?oi(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ri(e,t,o),o};n.Checkbox=class extends T{constructor(){super(...arguments),this.label="",this.value="",this.checked=!1,this.type="checkbox",this.disabled=!1,this.indeterminate=!1,this.internalChecked=!1}connectedCallback(){super.connectedCallback(),this.internalChecked=this.checked}firstUpdated(){this.setIndeterminate()}updated(e){e.has("indeterminate")&&this.setIndeterminate(),e.has("checked")&&(this.internalChecked=this.checked)}setIndeterminate(){this.inputElement&&(this.inputElement.indeterminate=this.indeterminate)}toggleChecked(){this.disabled||(this.indeterminate?(this.indeterminate=!1,this.internalChecked=!0):this.internalChecked=!this.internalChecked,this.dispatchEvent(new CustomEvent("lgsChange",{detail:{checked:this.internalChecked,indeterminate:this.indeterminate,value:this.value},bubbles:!0,composed:!0})))}renderCheckbox(){const e=["checkbox-control",this.internalChecked?"checkbox-control--checked":"",this.indeterminate?"checkbox-control--indeterminate":""].filter(Boolean).join(" ");return u`
|
|
49
46
|
<div
|
|
50
|
-
class="checkbox-wrapper
|
|
51
|
-
@click
|
|
47
|
+
class="checkbox-wrapper ${this.disabled?"checkbox-wrapper--disabled":""}"
|
|
48
|
+
@click=${this.toggleChecked}
|
|
52
49
|
>
|
|
53
50
|
<input
|
|
54
51
|
type="checkbox"
|
|
55
52
|
class="checkbox-input"
|
|
56
|
-
.checked
|
|
57
|
-
?disabled
|
|
58
|
-
.value
|
|
59
|
-
|
|
53
|
+
.checked=${this.internalChecked}
|
|
54
|
+
?disabled=${this.disabled}
|
|
55
|
+
.value=${this.value}
|
|
56
|
+
${Or(t=>this.inputElement=t)}
|
|
60
57
|
/>
|
|
61
|
-
<span class="
|
|
62
|
-
|
|
58
|
+
<span class="${e}"></span>
|
|
59
|
+
${this.label?u`<span class="checkbox-label">${this.label}</span>`:m}
|
|
63
60
|
</div>
|
|
64
|
-
`
|
|
61
|
+
`}renderSwitch(){return u`
|
|
65
62
|
<div
|
|
66
|
-
class="switch-wrapper
|
|
67
|
-
@click
|
|
63
|
+
class="switch-wrapper ${this.disabled?"switch-wrapper--disabled":""}"
|
|
64
|
+
@click=${this.toggleChecked}
|
|
68
65
|
>
|
|
69
66
|
<input
|
|
70
67
|
type="checkbox"
|
|
71
68
|
class="checkbox-input"
|
|
72
|
-
.checked
|
|
73
|
-
?disabled
|
|
74
|
-
.value
|
|
75
|
-
|
|
69
|
+
.checked=${this.internalChecked}
|
|
70
|
+
?disabled=${this.disabled}
|
|
71
|
+
.value=${this.value}
|
|
72
|
+
${Or(e=>this.inputElement=e)}
|
|
76
73
|
/>
|
|
77
|
-
<div class="switch-track
|
|
74
|
+
<div class="switch-track ${this.internalChecked?"switch-track--checked":""}">
|
|
78
75
|
<div class="switch-thumb"></div>
|
|
79
76
|
</div>
|
|
80
|
-
|
|
77
|
+
${this.label?u`<span class="checkbox-label">${this.label}</span>`:m}
|
|
81
78
|
</div>
|
|
82
|
-
`
|
|
83
|
-
|
|
84
|
-
`]
|
|
79
|
+
`}render(){return this.type==="switch"?this.renderSwitch():this.renderCheckbox()}},n.Checkbox.styles=[N`
|
|
80
|
+
${F(ti)}
|
|
81
|
+
`],ke([c({type:String})],n.Checkbox.prototype,"label",2),ke([c({type:String})],n.Checkbox.prototype,"value",2),ke([c({type:Boolean})],n.Checkbox.prototype,"checked",2),ke([c({type:String})],n.Checkbox.prototype,"type",2),ke([c({type:Boolean})],n.Checkbox.prototype,"disabled",2),ke([c({type:Boolean})],n.Checkbox.prototype,"indeterminate",2),ke([$()],n.Checkbox.prototype,"internalChecked",2),n.Checkbox=ke([U("logosphere-checkbox")],n.Checkbox);const ii=":host{display:block}.formfield{position:relative;font-family:var(--font-family-base)}.formfield__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text);margin-bottom:var(--spacing-2)}.formfield__required{color:var(--color-danger);margin-left:var(--spacing-1)}.formfield__container{position:relative;display:flex;align-items:center;box-sizing:border-box;border-radius:var(--radius-base);border:1px solid var(--color-border);padding:0 var(--spacing-2) 0 var(--spacing-3);background-color:var(--color-body-bg);cursor:text;transition:border-color var(--transition-speed-base) var(--transition-timing),background-color var(--transition-speed-base) var(--transition-timing)}.formfield__container--cursor-text{cursor:text}.formfield__container--cursor-pointer{cursor:pointer}.formfield__container--cursor-default{cursor:default}.formfield__container--default{min-height:32px}.formfield__container--large{min-height:40px}.formfield__container--focused{border-color:var(--color-secondary-hover);background-color:var(--color-body-bg)}.formfield__container--hovered:not(.formfield__container--focused):not(.formfield__container--error):not(.formfield__container--disabled){background-color:var(--color-tertiary-bg)}.formfield__container--error{border-color:var(--color-danger);background-color:var(--color-danger-bg-subtle)}.formfield__container--disabled{background-color:var(--color-tertiary-bg);opacity:.4;cursor:not-allowed}.formfield__container--subtle:not(.formfield__container--focused):not(.formfield__container--error){border-color:transparent}.formfield__input-area{flex:1;min-width:0;display:flex;align-items:center}.formfield__prefix,.formfield__clear,.formfield__suffix{display:flex;align-items:center;flex-shrink:0;align-self:stretch}.formfield__prefix{margin-right:var(--spacing-2)}.formfield__clear,.formfield__suffix{margin-left:var(--spacing-2)}.formfield__container--has-prefix .formfield__prefix{border-right:1px solid var(--color-border);padding-right:var(--spacing-2)}.formfield__container--has-suffix .formfield__suffix{border-left:1px solid var(--color-border);padding-left:var(--spacing-2)}.formfield__prefix:empty,.formfield__clear:empty,.formfield__suffix:empty{display:none}.formfield__helper{font-size:var(--font-size-sm);color:var(--color-tertiary);margin-top:var(--spacing-1)}.formfield__error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--spacing-1)}::slotted(input),::slotted(textarea){width:100%;border:none;outline:none;background:transparent;font-size:14px;line-height:1.5}::slotted(input:disabled),::slotted(textarea:disabled){cursor:not-allowed}";var si=Object.defineProperty,ai=Object.getOwnPropertyDescriptor,Q=(i,e,t,r)=>{for(var o=r>1?void 0:r?ai(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&si(e,t,o),o};n.FormField=class extends T{constructor(){super(...arguments),this.label="",this.helper="",this.error="",this.placeholder="",this.size="default",this.variant="default",this.cursor="text",this.required=!1,this.disabled=!1,this.readonly=!1,this._focused=!1,this._hovered=!1,this._hasPrefix=!1,this._hasSuffix=!1,this.handleSlotFocus=e=>{const t=e.target;["INPUT","TEXTAREA","SELECT"].includes(t.tagName)&&(this._focused=!0,this.dispatchEvent(new CustomEvent("field-focus",{bubbles:!0,composed:!0,detail:{originalEvent:e}})))},this.handleSlotBlur=e=>{const t=e.target;["INPUT","TEXTAREA","SELECT"].includes(t.tagName)&&(this._focused=!1,this.dispatchEvent(new CustomEvent("field-blur",{bubbles:!0,composed:!0,detail:{originalEvent:e}})))},this.handleMouseEnter=()=>{this._hovered=!0},this.handleMouseLeave=()=>{this._hovered=!1},this.handleContainerClick=e=>{var s;const t=e.target;if(["INPUT","TEXTAREA","SELECT","BUTTON"].includes(t.tagName))return;const r=(s=this.shadowRoot)==null?void 0:s.querySelector("slot:not([name])"),o=r==null?void 0:r.assignedElements({flatten:!0}).find(a=>["INPUT","TEXTAREA","SELECT"].includes(a.tagName));o==null||o.focus()},this.handlePrefixSlotChange=e=>{const t=e.target;this._hasPrefix=t.assignedElements({flatten:!0}).length>0},this.handleSuffixSlotChange=e=>{const t=e.target;this._hasSuffix=t.assignedElements({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleSlotFocus,!0),this.addEventListener("blur",this.handleSlotBlur,!0)}firstUpdated(){var r,o;const e=(r=this.shadowRoot)==null?void 0:r.querySelector('slot[name="prefix"]'),t=(o=this.shadowRoot)==null?void 0:o.querySelector('slot[name="suffix"]');e&&(this._hasPrefix=e.assignedElements({flatten:!0}).length>0),t&&(this._hasSuffix=t.assignedElements({flatten:!0}).length>0)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleSlotFocus,!0),this.removeEventListener("blur",this.handleSlotBlur,!0)}render(){const e=!!this.error,t=!e&&!!this.helper,r=["formfield__container",`formfield__container--${this.size}`,`formfield__container--cursor-${this.cursor}`,this._hasPrefix?"formfield__container--has-prefix":"",this._hasSuffix?"formfield__container--has-suffix":"",e?"formfield__container--error":"",this._focused?"formfield__container--focused":"",this._hovered?"formfield__container--hovered":"",this.disabled?"formfield__container--disabled":"",this.variant==="subtle"?"formfield__container--subtle":""].filter(Boolean).join(" ");return u`
|
|
85
82
|
<div class="formfield">
|
|
86
|
-
|
|
83
|
+
${this.label?u`
|
|
84
|
+
<label class="formfield__label">
|
|
85
|
+
${this.label}
|
|
86
|
+
${this.required?u`<span class="formfield__required">*</span>`:""}
|
|
87
|
+
</label>
|
|
88
|
+
`:""}
|
|
87
89
|
|
|
88
90
|
<div
|
|
89
|
-
class="
|
|
90
|
-
@mouseenter
|
|
91
|
-
@mouseleave
|
|
92
|
-
@click
|
|
91
|
+
class="${r}"
|
|
92
|
+
@mouseenter=${this.handleMouseEnter}
|
|
93
|
+
@mouseleave=${this.handleMouseLeave}
|
|
94
|
+
@click=${this.handleContainerClick}
|
|
93
95
|
>
|
|
94
96
|
<div class="formfield__prefix">
|
|
95
|
-
<slot name="prefix" @slotchange
|
|
97
|
+
<slot name="prefix" @slotchange=${this.handlePrefixSlotChange}></slot>
|
|
96
98
|
</div>
|
|
97
99
|
<div class="formfield__input-area">
|
|
98
100
|
<slot></slot>
|
|
@@ -101,375 +103,370 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
101
103
|
<slot name="clear"></slot>
|
|
102
104
|
</div>
|
|
103
105
|
<div class="formfield__suffix">
|
|
104
|
-
<slot name="suffix" @slotchange
|
|
106
|
+
<slot name="suffix" @slotchange=${this.handleSuffixSlotChange}></slot>
|
|
105
107
|
</div>
|
|
106
108
|
</div>
|
|
107
109
|
|
|
108
|
-
|
|
109
|
-
|
|
110
|
+
${t?u`<div class="formfield__helper">${this.helper}</div>`:""}
|
|
111
|
+
${e?u`<div class="formfield__error">${this.error}</div>`:""}
|
|
110
112
|
</div>
|
|
111
|
-
`])),
|
|
112
|
-
|
|
113
|
-
`,`
|
|
114
|
-
`,`
|
|
115
|
-
</label>
|
|
116
|
-
`])),this.label,this.required?m(Cr||(Cr=v(['<span class="formfield__required">*</span>']))):""):"",o,this.handleMouseEnter,this.handleMouseLeave,this.handleContainerClick,this.handlePrefixSlotChange,this.handleSuffixSlotChange,n?m(xr||(xr=v(['<div class="formfield__helper">',"</div>"])),this.helper):"",t?m($r||($r=v(['<div class="formfield__error">',"</div>"])),this.error):"")}}])})(V),c.FormField.styles=[ee(Er||(Er=v(["",""])),Q(gs))],se([h({type:String})],c.FormField.prototype,"label",2),se([h({type:String})],c.FormField.prototype,"helper",2),se([h({type:String})],c.FormField.prototype,"error",2),se([h({type:String})],c.FormField.prototype,"placeholder",2),se([h({type:String})],c.FormField.prototype,"size",2),se([h({type:String})],c.FormField.prototype,"variant",2),se([h({type:String})],c.FormField.prototype,"cursor",2),se([h({type:Boolean})],c.FormField.prototype,"required",2),se([h({type:Boolean})],c.FormField.prototype,"disabled",2),se([h({type:Boolean})],c.FormField.prototype,"readonly",2),se([M()],c.FormField.prototype,"_focused",2),se([M()],c.FormField.prototype,"_hovered",2),se([M()],c.FormField.prototype,"_hasPrefix",2),se([M()],c.FormField.prototype,"_hasSuffix",2),c.FormField=se([te("logosphere-formfield")],c.FormField);const _s=":host{display:block}.switch{display:inline-block;position:relative}.switch--md{width:36px;height:20px}.switch--sm{width:32px;height:18px}.switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch__track{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-speed-base) var(--transition-timing);background-color:var(--color-gray-300)}.switch__track--on{background-color:var(--color-primary)}.switch__track--disabled{cursor:not-allowed}.switch__track--disabled-on{background-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.switch__track--disabled-off{background-color:var(--color-gray-200)}.switch__thumb{position:absolute;background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);top:2px;left:2px;transform:translate(0);transition:transform var(--transition-speed-base) var(--transition-timing)}.switch--md .switch__thumb{width:16px;height:16px}.switch--sm .switch__thumb{width:14px;height:14px}.switch__thumb--on.switch--md .switch__thumb,.switch__track--on~.switch__thumb{transform:translate(16px)}.switch__track--on+.switch__thumb{transform:translate(16px)}";var Or,Sr,ys=Object.defineProperty,ws=Object.getOwnPropertyDescriptor,Ct=function(r,e,t,n){for(var o=n>1?void 0:n?ws(e,t):e,a=r.length-1,s;a>=0;a--)(s=r[a])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&ys(e,t,o),o};c.Switch=(function(i){function r(){var e;return A(this,r),e=I(this,r,arguments),e.checked=!1,e.disabled=!1,e.size="md",e}return B(r,i),P(r,[{key:"onChange",value:function(t){var n=t.target;this.checked=n.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked}}))}},{key:"render",value:function(){var t="switch switch--".concat(this.size),n=["switch__track",this.checked&&!this.disabled?"switch__track--on":"",this.disabled?"switch__track--disabled":"",this.disabled&&this.checked?"switch__track--disabled-on":"",this.disabled&&!this.checked?"switch__track--disabled-off":""].filter(Boolean).join(" "),o=this.checked?"translateX(16px)":"translateX(0)";return m(Or||(Or=v([`
|
|
117
|
-
<label class="`,`">
|
|
113
|
+
`}},n.FormField.styles=[N`${F(ii)}`],Q([c({type:String})],n.FormField.prototype,"label",2),Q([c({type:String})],n.FormField.prototype,"helper",2),Q([c({type:String})],n.FormField.prototype,"error",2),Q([c({type:String})],n.FormField.prototype,"placeholder",2),Q([c({type:String})],n.FormField.prototype,"size",2),Q([c({type:String})],n.FormField.prototype,"variant",2),Q([c({type:String})],n.FormField.prototype,"cursor",2),Q([c({type:Boolean})],n.FormField.prototype,"required",2),Q([c({type:Boolean})],n.FormField.prototype,"disabled",2),Q([c({type:Boolean})],n.FormField.prototype,"readonly",2),Q([$()],n.FormField.prototype,"_focused",2),Q([$()],n.FormField.prototype,"_hovered",2),Q([$()],n.FormField.prototype,"_hasPrefix",2),Q([$()],n.FormField.prototype,"_hasSuffix",2),n.FormField=Q([U("logosphere-formfield")],n.FormField);const ni=":host{display:block}.switch{display:inline-block;position:relative}.switch--md{width:36px;height:20px}.switch--sm{width:32px;height:18px}.switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch__track{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-speed-base) var(--transition-timing);background-color:var(--color-gray-300)}.switch__track--on{background-color:var(--color-primary)}.switch__track--disabled{cursor:not-allowed}.switch__track--disabled-on{background-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.switch__track--disabled-off{background-color:var(--color-gray-200)}.switch__thumb{position:absolute;background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);top:2px;left:2px;transform:translate(0);transition:transform var(--transition-speed-base) var(--transition-timing)}.switch--md .switch__thumb{width:16px;height:16px}.switch--sm .switch__thumb{width:14px;height:14px}.switch__thumb--on.switch--md .switch__thumb,.switch__track--on~.switch__thumb{transform:translate(16px)}.switch__track--on+.switch__thumb{transform:translate(16px)}";var li=Object.defineProperty,di=Object.getOwnPropertyDescriptor,ht=(i,e,t,r)=>{for(var o=r>1?void 0:r?di(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&li(e,t,o),o};n.Switch=class extends T{constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.size="md"}onChange(e){const t=e.target;this.checked=t.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked}}))}render(){const e=`switch switch--${this.size}`,t=["switch__track",this.checked&&!this.disabled?"switch__track--on":"",this.disabled?"switch__track--disabled":"",this.disabled&&this.checked?"switch__track--disabled-on":"",this.disabled&&!this.checked?"switch__track--disabled-off":""].filter(Boolean).join(" "),r=this.checked?"translateX(16px)":"translateX(0)";return u`
|
|
114
|
+
<label class="${e}">
|
|
118
115
|
<input
|
|
119
116
|
class="switch__input"
|
|
120
117
|
type="checkbox"
|
|
121
|
-
?checked
|
|
122
|
-
?disabled
|
|
123
|
-
@change
|
|
118
|
+
?checked=${this.checked}
|
|
119
|
+
?disabled=${this.disabled}
|
|
120
|
+
@change=${this.onChange}
|
|
124
121
|
/>
|
|
125
|
-
<div class="
|
|
122
|
+
<div class="${t}">
|
|
126
123
|
<span
|
|
127
124
|
class="switch__thumb"
|
|
128
|
-
style="transform:
|
|
125
|
+
style="transform: ${r}"
|
|
129
126
|
></span>
|
|
130
127
|
</div>
|
|
131
128
|
</label>
|
|
132
|
-
`
|
|
129
|
+
`}},n.Switch.styles=[N`${F(ni)}`],ht([c({type:Boolean})],n.Switch.prototype,"checked",2),ht([c({type:Boolean})],n.Switch.prototype,"disabled",2),ht([c({type:String})],n.Switch.prototype,"size",2),ht([J("input")],n.Switch.prototype,"inputElement",2),n.Switch=ht([U("logosphere-switch")],n.Switch);const ci=".breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);list-style:none;margin:0;padding:0}.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--spacing-2)}.breadcrumb__link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-regular);transition:color var(--transition-speed-fast) var(--transition-timing),text-decoration var(--transition-speed-fast) var(--transition-timing)}.breadcrumb__link:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb__label{color:var(--color-tertiary);font-weight:var(--font-weight-regular)}.breadcrumb__label--active{color:var(--color-emphasis);font-weight:var(--font-weight-medium)}.breadcrumb__separator{color:var(--color-gray-400);-webkit-user-select:none;user-select:none;flex-shrink:0}";var hi=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,Pr=(i,e,t,r)=>{for(var o=r>1?void 0:r?pi(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&hi(e,t,o),o};n.Breadcrumb=class extends T{constructor(){super(...arguments),this.items=[]}render(){return u`
|
|
133
130
|
<nav>
|
|
134
131
|
<ol class="breadcrumb">
|
|
135
|
-
|
|
136
|
-
</ol>
|
|
137
|
-
</nav>
|
|
138
|
-
`])),this.items.map(function(n,o){return m(Dr||(Dr=v([`
|
|
132
|
+
${this.items.map((e,t)=>u`
|
|
139
133
|
<li class="breadcrumb__item">
|
|
140
|
-
|
|
141
|
-
|
|
134
|
+
${e.href&&!e.active?u`<a href="${e.href}" class="breadcrumb__link">${e.label}</a>`:u`<span class="breadcrumb__label ${e.active?"breadcrumb__label--active":""}">${e.label}</span>`}
|
|
135
|
+
${t<this.items.length-1?u`<span class="breadcrumb__separator">/</span>`:""}
|
|
142
136
|
</li>
|
|
143
|
-
`
|
|
137
|
+
`)}
|
|
138
|
+
</ol>
|
|
139
|
+
</nav>
|
|
140
|
+
`}},n.Breadcrumb.styles=[N`${F(ci)}`],Pr([c({type:Array})],n.Breadcrumb.prototype,"items",2),n.Breadcrumb=Pr([U("logosphere-breadcrumb")],n.Breadcrumb);const ui=".card{width:100%;border-radius:var(--radius-base);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-base);display:grid;grid-template-rows:auto 1fr auto}.card__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.card__header--hidden{display:none}.card__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text);font-family:var(--font-family-base)}.card__body{padding:var(--spacing-4);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-family:var(--font-family-base)}.card__description{margin:0;color:var(--color-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.card__footer{padding:var(--spacing-4);display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-2);background-color:var(--color-body-bg);border-top:1px solid var(--color-border)}.card__footer--hidden{display:none}";var fi=Object.defineProperty,gi=Object.getOwnPropertyDescriptor,ge=(i,e,t,r)=>{for(var o=r>1?void 0:r?gi(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&fi(e,t,o),o};n.Card=class extends T{constructor(){super(...arguments),this.title="",this.description="",this.header=!0,this.footer=!0,this.okLabel="Tamam",this.cancelLabel="İptal"}handleOk(){var e;(e=this.onOk)==null||e.call(this),this.dispatchEvent(new CustomEvent("ok",{bubbles:!0,composed:!0}))}handleCancel(){var e;(e=this.onCancel)==null||e.call(this),this.dispatchEvent(new CustomEvent("cancel",{bubbles:!0,composed:!0}))}render(){return u`
|
|
144
141
|
<div class="card">
|
|
145
|
-
|
|
142
|
+
${this.header?u`
|
|
143
|
+
<div class="card__header">
|
|
144
|
+
${this.title?u`<h3 class="card__title">${this.title}</h3>`:m}
|
|
145
|
+
${this.description?u`<p class="card__description">${this.description}</p>`:m}
|
|
146
|
+
<slot name="header"></slot>
|
|
147
|
+
</div>
|
|
148
|
+
`:m}
|
|
146
149
|
|
|
147
150
|
<div class="card__body">
|
|
148
151
|
<slot></slot>
|
|
149
152
|
</div>
|
|
150
153
|
|
|
151
|
-
|
|
152
|
-
</div>
|
|
153
|
-
`])),this.header?m(Ir||(Ir=v([`
|
|
154
|
-
<div class="card__header">
|
|
155
|
-
`,`
|
|
156
|
-
`,`
|
|
157
|
-
<slot name="header"></slot>
|
|
158
|
-
</div>
|
|
159
|
-
`])),this.title?m(Br||(Br=v(['<h3 class="card__title">',"</h3>"])),this.title):x,this.description?m(Rr||(Rr=v(['<p class="card__description">',"</p>"])),this.description):x):x,this.footer?m(Yr||(Yr=v([`
|
|
154
|
+
${this.footer?u`
|
|
160
155
|
<div class="card__footer">
|
|
161
156
|
<slot name="footer"></slot>
|
|
162
|
-
|
|
163
|
-
`,`
|
|
164
|
-
</div>
|
|
165
|
-
`])),this.onOk?m(Hr||(Hr=v([`
|
|
157
|
+
${this.onOk?u`
|
|
166
158
|
<logosphere-button
|
|
167
159
|
variant="solid"
|
|
168
160
|
theme="success"
|
|
169
161
|
size="md"
|
|
170
|
-
@click
|
|
162
|
+
@click=${this.handleOk}
|
|
171
163
|
>
|
|
172
|
-
|
|
164
|
+
${this.okLabel}
|
|
173
165
|
</logosphere-button>
|
|
174
|
-
|
|
166
|
+
`:m}
|
|
167
|
+
${this.onCancel?u`
|
|
175
168
|
<logosphere-button
|
|
176
169
|
variant="solid"
|
|
177
170
|
theme="danger"
|
|
178
171
|
size="md"
|
|
179
|
-
@click
|
|
172
|
+
@click=${this.handleCancel}
|
|
180
173
|
>
|
|
181
|
-
|
|
174
|
+
${this.cancelLabel}
|
|
182
175
|
</logosphere-button>
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
176
|
+
`:m}
|
|
177
|
+
</div>
|
|
178
|
+
`:m}
|
|
179
|
+
</div>
|
|
180
|
+
`}},n.Card.styles=[N`
|
|
181
|
+
${F(ui)}
|
|
182
|
+
`],ge([c({type:String})],n.Card.prototype,"title",2),ge([c({type:String})],n.Card.prototype,"description",2),ge([c({type:Boolean})],n.Card.prototype,"header",2),ge([c({type:Boolean})],n.Card.prototype,"footer",2),ge([c({attribute:!1})],n.Card.prototype,"onOk",2),ge([c({attribute:!1})],n.Card.prototype,"onCancel",2),ge([c({type:String})],n.Card.prototype,"okLabel",2),ge([c({type:String})],n.Card.prototype,"cancelLabel",2),n.Card=ge([U("logosphere-card")],n.Card);const rr=Gt(class extends Xt{constructor(i){if(super(i),i.type!==$e.PROPERTY&&i.type!==$e.ATTRIBUTE&&i.type!==$e.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Ar(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===de||e===m)return e;const t=i.element,r=i.name;if(i.type===$e.PROPERTY){if(e===t[r])return de}else if(i.type===$e.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(r))return de}else if(i.type===$e.ATTRIBUTE&&t.getAttribute(r)===e+"")return de;return Go(i),e}}),bi=".input__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.input__field::placeholder{color:var(--color-tertiary)}.input__field:disabled{cursor:not-allowed}.input__field--default{height:16px}.input__field--large{height:24px}.input__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.input__clear-btn:hover{color:var(--color-gray-600)}";var mi=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,Y=(i,e,t,r)=>{for(var o=r>1?void 0:r?vi(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&mi(e,t,o),o};n.LogosphereInput=class extends T{constructor(){super(...arguments),this.value="",this.type="text",this.placeholder="",this.name="",this.autocomplete="",this.pattern="",this.size="default",this.variant="default",this.label="",this.helper="",this.error="",this.required=!1,this.disabled=!1,this.readonly=!1,this._internalError="",this._showPassword=!1,this.handleInput=e=>{const t=e.target;this.value=t.value,this._internalError&&(this._internalError="",this._inputElement.setCustomValidity("")),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:this.value,originalEvent:e}}))},this.handleChange=e=>{const t=e.target;this.value=t.value,t.checkValidity()||(this._internalError=t.validationMessage),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:this.value,originalEvent:e}}))},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("keydown",{bubbles:!0,composed:!0,detail:{key:e.key,originalEvent:e}}))},this.handleKeyUp=e=>{this.dispatchEvent(new CustomEvent("keyup",{bubbles:!0,composed:!0,detail:{key:e.key,originalEvent:e}}))},this.handleClear=()=>{this.value="",this._inputElement&&(this._inputElement.value=""),this.dispatchEvent(new CustomEvent("clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:"",originalEvent:null}}))},this.handlePasswordToggle=()=>{var e;this.disabled||(this._showPassword=!this._showPassword,(e=this._inputElement)==null||e.focus())}}get inputElement(){return this._inputElement}focus(){var e;(e=this._inputElement)==null||e.focus()}blur(){var e;(e=this._inputElement)==null||e.blur()}select(){var e;(e=this._inputElement)==null||e.select()}setSelectionRange(e,t,r){var o;(o=this._inputElement)==null||o.setSelectionRange(e,t,r)}checkValidity(){var e,t;return(t=(e=this._inputElement)==null?void 0:e.checkValidity())!=null?t:!0}reportValidity(){var e,t;return(t=(e=this._inputElement)==null?void 0:e.reportValidity())!=null?t:!0}setCustomValidity(e){var t;(t=this._inputElement)==null||t.setCustomValidity(e),this._internalError=e,this.requestUpdate()}willUpdate(e){e.has("type")&&this.type!=="password"&&this._showPassword&&(this._showPassword=!1)}render(){var a,l,d,p,h;const e=this.error||this._internalError,t=!!this.value&&!this.disabled&&!this.readonly,r=this.type==="password",o=r&&this._showPassword?"text":this.type,s=`input__field input__field--${this.size}`;return u`
|
|
186
183
|
<logosphere-formfield
|
|
187
|
-
.label
|
|
188
|
-
.helper
|
|
189
|
-
.error
|
|
190
|
-
.required
|
|
191
|
-
.disabled
|
|
192
|
-
.readonly
|
|
193
|
-
.placeholder
|
|
194
|
-
.size
|
|
195
|
-
.variant
|
|
184
|
+
.label=${this.label}
|
|
185
|
+
.helper=${this.helper}
|
|
186
|
+
.error=${e}
|
|
187
|
+
.required=${this.required}
|
|
188
|
+
.disabled=${this.disabled}
|
|
189
|
+
.readonly=${this.readonly}
|
|
190
|
+
.placeholder=${this.placeholder}
|
|
191
|
+
.size=${this.size}
|
|
192
|
+
.variant=${this.variant}
|
|
196
193
|
>
|
|
197
194
|
<slot name="prefix" slot="prefix"></slot>
|
|
198
195
|
<input
|
|
199
|
-
class="
|
|
200
|
-
type
|
|
201
|
-
.value
|
|
202
|
-
placeholder
|
|
203
|
-
name
|
|
204
|
-
autocomplete
|
|
205
|
-
?required
|
|
206
|
-
?disabled
|
|
207
|
-
?readonly
|
|
208
|
-
minlength
|
|
209
|
-
maxlength
|
|
210
|
-
pattern
|
|
211
|
-
min
|
|
212
|
-
max
|
|
213
|
-
step
|
|
214
|
-
@input
|
|
215
|
-
@change
|
|
216
|
-
@keydown
|
|
217
|
-
@keyup
|
|
196
|
+
class="${s}"
|
|
197
|
+
type=${o}
|
|
198
|
+
.value=${rr(this.value)}
|
|
199
|
+
placeholder=${this.placeholder||m}
|
|
200
|
+
name=${this.name||m}
|
|
201
|
+
autocomplete=${this.autocomplete||m}
|
|
202
|
+
?required=${this.required}
|
|
203
|
+
?disabled=${this.disabled}
|
|
204
|
+
?readonly=${this.readonly}
|
|
205
|
+
minlength=${(a=this.minlength)!=null?a:m}
|
|
206
|
+
maxlength=${(l=this.maxlength)!=null?l:m}
|
|
207
|
+
pattern=${this.pattern||m}
|
|
208
|
+
min=${(d=this.min)!=null?d:m}
|
|
209
|
+
max=${(p=this.max)!=null?p:m}
|
|
210
|
+
step=${(h=this.step)!=null?h:m}
|
|
211
|
+
@input=${this.handleInput}
|
|
212
|
+
@change=${this.handleChange}
|
|
213
|
+
@keydown=${this.handleKeyDown}
|
|
214
|
+
@keyup=${this.handleKeyUp}
|
|
218
215
|
/>
|
|
219
|
-
|
|
220
|
-
`,`
|
|
221
|
-
<slot name="suffix" slot="suffix"></slot>
|
|
222
|
-
</logosphere-formfield>
|
|
223
|
-
`])),this.label,this.helper,l,this.required,this.disabled,this.readonly,this.placeholder,this.size,this.variant,p,f,$n(this.value),this.placeholder||x,this.name||x,this.autocomplete||x,this.required,this.disabled,this.readonly,(t=this.minlength)!==null&&t!==void 0?t:x,(n=this.maxlength)!==null&&n!==void 0?n:x,this.pattern||x,(o=this.min)!==null&&o!==void 0?o:x,(a=this.max)!==null&&a!==void 0?a:x,(s=this.step)!==null&&s!==void 0?s:x,this.handleInput,this.handleChange,this.handleKeyDown,this.handleKeyUp,u?m(Vr||(Vr=v([`
|
|
216
|
+
${t?u`
|
|
224
217
|
<button
|
|
225
218
|
type="button"
|
|
226
219
|
slot="clear"
|
|
227
220
|
class="input__clear-btn"
|
|
228
|
-
@click
|
|
221
|
+
@click=${this.handleClear}
|
|
229
222
|
tabindex="-1"
|
|
230
223
|
>
|
|
231
224
|
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
232
225
|
</button>
|
|
233
|
-
|
|
226
|
+
`:m}
|
|
227
|
+
${r?u`
|
|
234
228
|
<button
|
|
235
229
|
type="button"
|
|
236
230
|
slot="suffix"
|
|
237
231
|
class="input__clear-btn"
|
|
238
|
-
aria-label
|
|
239
|
-
@click
|
|
232
|
+
aria-label=${this._showPassword?"Şifreyi gizle":"Şifreyi göster"}
|
|
233
|
+
@click=${this.handlePasswordToggle}
|
|
240
234
|
>
|
|
241
|
-
<ui-icon name
|
|
235
|
+
<ui-icon name=${this._showPassword?"uil-eye-slash":"uil-eye"} size="16"></ui-icon>
|
|
242
236
|
</button>
|
|
243
|
-
`])),this._showPassword?"Şifreyi gizle":"Şifreyi göster",this.handlePasswordToggle,this._showPassword?"uil-eye-slash":"uil-eye"):x)}}])})(V),c.LogosphereInput.styles=[ee(Wr||(Wr=v(["",""])),Q(Ss))],K([ie("input")],c.LogosphereInput.prototype,"_inputElement",2),K([h({type:String})],c.LogosphereInput.prototype,"value",2),K([h({type:String})],c.LogosphereInput.prototype,"type",2),K([h({type:String})],c.LogosphereInput.prototype,"placeholder",2),K([h({type:String})],c.LogosphereInput.prototype,"name",2),K([h({type:String})],c.LogosphereInput.prototype,"autocomplete",2),K([h({type:Number})],c.LogosphereInput.prototype,"minlength",2),K([h({type:Number})],c.LogosphereInput.prototype,"maxlength",2),K([h({type:String})],c.LogosphereInput.prototype,"pattern",2),K([h({type:Number})],c.LogosphereInput.prototype,"min",2),K([h({type:Number})],c.LogosphereInput.prototype,"max",2),K([h({type:Number})],c.LogosphereInput.prototype,"step",2),K([h({type:String})],c.LogosphereInput.prototype,"size",2),K([h({type:String})],c.LogosphereInput.prototype,"variant",2),K([h({type:String})],c.LogosphereInput.prototype,"label",2),K([h({type:String})],c.LogosphereInput.prototype,"helper",2),K([h({type:String})],c.LogosphereInput.prototype,"error",2),K([h({type:Boolean})],c.LogosphereInput.prototype,"required",2),K([h({type:Boolean})],c.LogosphereInput.prototype,"disabled",2),K([h({type:Boolean})],c.LogosphereInput.prototype,"readonly",2),K([M()],c.LogosphereInput.prototype,"_internalError",2),K([M()],c.LogosphereInput.prototype,"_showPassword",2),c.LogosphereInput=K([te("logosphere-input")],c.LogosphereInput);var ce="top",ve="bottom",ge="right",de="left",En="auto",xt=[ce,ve,ge,de],rt="start",$t="end",As="clippingParents",Zr="viewport",Et="popper",Ps="reference",Kr=xt.reduce(function(i,r){return i.concat([r+"-"+rt,r+"-"+$t])},[]),Gr=[].concat(xt,[En]).reduce(function(i,r){return i.concat([r,r+"-"+rt,r+"-"+$t])},[]),zs="beforeRead",Ls="read",Ts="afterRead",js="beforeMain",Is="main",Bs="afterMain",Rs="beforeWrite",Ys="write",Hs="afterWrite",Fs=[zs,Ls,Ts,js,Is,Bs,Rs,Ys,Hs];function we(i){return i?(i.nodeName||"").toLowerCase():null}function pe(i){if(i==null)return window;if(i.toString()!=="[object Window]"){var r=i.ownerDocument;return r&&r.defaultView||window}return i}function Ze(i){var r=pe(i).Element;return i instanceof r||i instanceof Element}function me(i){var r=pe(i).HTMLElement;return i instanceof r||i instanceof HTMLElement}function On(i){if(typeof ShadowRoot=="undefined")return!1;var r=pe(i).ShadowRoot;return i instanceof r||i instanceof ShadowRoot}function Us(i){var r=i.state;Object.keys(r.elements).forEach(function(e){var t=r.styles[e]||{},n=r.attributes[e]||{},o=r.elements[e];!me(o)||!we(o)||(Object.assign(o.style,t),Object.keys(n).forEach(function(a){var s=n[a];s===!1?o.removeAttribute(a):o.setAttribute(a,s===!0?"":s)}))})}function Ns(i){var r=i.state,e={popper:{position:r.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(r.elements.popper.style,e.popper),r.styles=e,r.elements.arrow&&Object.assign(r.elements.arrow.style,e.arrow),function(){Object.keys(r.elements).forEach(function(t){var n=r.elements[t],o=r.attributes[t]||{},a=Object.keys(r.styles.hasOwnProperty(t)?r.styles[t]:e[t]),s=a.reduce(function(l,u){return l[u]="",l},{});!me(n)||!we(n)||(Object.assign(n.style,s),Object.keys(o).forEach(function(l){n.removeAttribute(l)}))})}}const Vs={name:"applyStyles",enabled:!0,phase:"write",fn:Us,effect:Ns,requires:["computeStyles"]};function ke(i){return i.split("-")[0]}var Ke=Math.max,Ht=Math.min,ot=Math.round;function Sn(){var i=navigator.userAgentData;return i!=null&&i.brands&&Array.isArray(i.brands)?i.brands.map(function(r){return r.brand+"/"+r.version}).join(" "):navigator.userAgent}function Xr(){return!/^((?!chrome|android).)*safari/i.test(Sn())}function at(i,r,e){r===void 0&&(r=!1),e===void 0&&(e=!1);var t=i.getBoundingClientRect(),n=1,o=1;r&&me(i)&&(n=i.offsetWidth>0&&ot(t.width)/i.offsetWidth||1,o=i.offsetHeight>0&&ot(t.height)/i.offsetHeight||1);var a=Ze(i)?pe(i):window,s=a.visualViewport,l=!Xr()&&e,u=(t.left+(l&&s?s.offsetLeft:0))/n,d=(t.top+(l&&s?s.offsetTop:0))/o,f=t.width/n,p=t.height/o;return{width:f,height:p,top:d,right:u+f,bottom:d+p,left:u,x:u,y:d}}function Mn(i){var r=at(i),e=i.offsetWidth,t=i.offsetHeight;return Math.abs(r.width-e)<=1&&(e=r.width),Math.abs(r.height-t)<=1&&(t=r.height),{x:i.offsetLeft,y:i.offsetTop,width:e,height:t}}function Jr(i,r){var e=r.getRootNode&&r.getRootNode();if(i.contains(r))return!0;if(e&&On(e)){var t=r;do{if(t&&i.isSameNode(t))return!0;t=t.parentNode||t.host}while(t)}return!1}function Ee(i){return pe(i).getComputedStyle(i)}function qs(i){return["table","td","th"].indexOf(we(i))>=0}function Le(i){return((Ze(i)?i.ownerDocument:i.document)||window.document).documentElement}function Ft(i){return we(i)==="html"?i:i.assignedSlot||i.parentNode||(On(i)?i.host:null)||Le(i)}function Qr(i){return!me(i)||Ee(i).position==="fixed"?null:i.offsetParent}function Ws(i){var r=/firefox/i.test(Sn()),e=/Trident/i.test(Sn());if(e&&me(i)){var t=Ee(i);if(t.position==="fixed")return null}var n=Ft(i);for(On(n)&&(n=n.host);me(n)&&["html","body"].indexOf(we(n))<0;){var o=Ee(n);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||r&&o.willChange==="filter"||r&&o.filter&&o.filter!=="none")return n;n=n.parentNode}return null}function Ot(i){for(var r=pe(i),e=Qr(i);e&&qs(e)&&Ee(e).position==="static";)e=Qr(e);return e&&(we(e)==="html"||we(e)==="body"&&Ee(e).position==="static")?r:e||Ws(i)||r}function Dn(i){return["top","bottom"].indexOf(i)>=0?"x":"y"}function St(i,r,e){return Ke(i,Ht(r,e))}function Zs(i,r,e){var t=St(i,r,e);return t>e?e:t}function eo(){return{top:0,right:0,bottom:0,left:0}}function to(i){return Object.assign({},eo(),i)}function no(i,r){return r.reduce(function(e,t){return e[t]=i,e},{})}var Ks=function(r,e){return r=typeof r=="function"?r(Object.assign({},e.rects,{placement:e.placement})):r,to(typeof r!="number"?r:no(r,xt))};function Gs(i){var r,e=i.state,t=i.name,n=i.options,o=e.elements.arrow,a=e.modifiersData.popperOffsets,s=ke(e.placement),l=Dn(s),u=[de,ge].indexOf(s)>=0,d=u?"height":"width";if(!(!o||!a)){var f=Ks(n.padding,e),p=Mn(o),b=l==="y"?ce:de,y=l==="y"?ve:ge,w=e.rects.reference[d]+e.rects.reference[l]-a[l]-e.rects.popper[d],g=a[l]-e.rects.reference[l],_=Ot(o),k=_?l==="y"?_.clientHeight||0:_.clientWidth||0:0,E=w/2-g/2,C=f[b],O=k-p[d]-f[y],$=k/2-p[d]/2+E,S=St(C,$,O),D=l;e.modifiersData[t]=(r={},r[D]=S,r.centerOffset=S-$,r)}}function Xs(i){var r=i.state,e=i.options,t=e.element,n=t===void 0?"[data-popper-arrow]":t;n!=null&&(typeof n=="string"&&(n=r.elements.popper.querySelector(n),!n)||Jr(r.elements.popper,n)&&(r.elements.arrow=n))}const Js={name:"arrow",enabled:!0,phase:"main",fn:Gs,effect:Xs,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function it(i){return i.split("-")[1]}var Qs={top:"auto",right:"auto",bottom:"auto",left:"auto"};function el(i,r){var e=i.x,t=i.y,n=r.devicePixelRatio||1;return{x:ot(e*n)/n||0,y:ot(t*n)/n||0}}function ro(i){var r,e=i.popper,t=i.popperRect,n=i.placement,o=i.variation,a=i.offsets,s=i.position,l=i.gpuAcceleration,u=i.adaptive,d=i.roundOffsets,f=i.isFixed,p=a.x,b=p===void 0?0:p,y=a.y,w=y===void 0?0:y,g=typeof d=="function"?d({x:b,y:w}):{x:b,y:w};b=g.x,w=g.y;var _=a.hasOwnProperty("x"),k=a.hasOwnProperty("y"),E=de,C=ce,O=window;if(u){var $=Ot(e),S="clientHeight",D="clientWidth";if($===pe(e)&&($=Le(e),Ee($).position!=="static"&&s==="absolute"&&(S="scrollHeight",D="scrollWidth")),$=$,n===ce||(n===de||n===ge)&&o===$t){C=ve;var z=f&&$===O&&O.visualViewport?O.visualViewport.height:$[S];w-=z-t.height,w*=l?1:-1}if(n===de||(n===ce||n===ve)&&o===$t){E=ge;var R=f&&$===O&&O.visualViewport?O.visualViewport.width:$[D];b-=R-t.width,b*=l?1:-1}}var T=Object.assign({position:s},u&&Qs),L=d===!0?el({x:b,y:w},pe(e)):{x:b,y:w};if(b=L.x,w=L.y,l){var j;return Object.assign({},T,(j={},j[C]=k?"0":"",j[E]=_?"0":"",j.transform=(O.devicePixelRatio||1)<=1?"translate("+b+"px, "+w+"px)":"translate3d("+b+"px, "+w+"px, 0)",j))}return Object.assign({},T,(r={},r[C]=k?w+"px":"",r[E]=_?b+"px":"",r.transform="",r))}function tl(i){var r=i.state,e=i.options,t=e.gpuAcceleration,n=t===void 0?!0:t,o=e.adaptive,a=o===void 0?!0:o,s=e.roundOffsets,l=s===void 0?!0:s,u={placement:ke(r.placement),variation:it(r.placement),popper:r.elements.popper,popperRect:r.rects.popper,gpuAcceleration:n,isFixed:r.options.strategy==="fixed"};r.modifiersData.popperOffsets!=null&&(r.styles.popper=Object.assign({},r.styles.popper,ro(Object.assign({},u,{offsets:r.modifiersData.popperOffsets,position:r.options.strategy,adaptive:a,roundOffsets:l})))),r.modifiersData.arrow!=null&&(r.styles.arrow=Object.assign({},r.styles.arrow,ro(Object.assign({},u,{offsets:r.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-placement":r.placement})}const nl={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:tl,data:{}};var Ut={passive:!0};function rl(i){var r=i.state,e=i.instance,t=i.options,n=t.scroll,o=n===void 0?!0:n,a=t.resize,s=a===void 0?!0:a,l=pe(r.elements.popper),u=[].concat(r.scrollParents.reference,r.scrollParents.popper);return o&&u.forEach(function(d){d.addEventListener("scroll",e.update,Ut)}),s&&l.addEventListener("resize",e.update,Ut),function(){o&&u.forEach(function(d){d.removeEventListener("scroll",e.update,Ut)}),s&&l.removeEventListener("resize",e.update,Ut)}}const ol={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:rl,data:{}};var al={left:"right",right:"left",bottom:"top",top:"bottom"};function Nt(i){return i.replace(/left|right|bottom|top/g,function(r){return al[r]})}var il={start:"end",end:"start"};function oo(i){return i.replace(/start|end/g,function(r){return il[r]})}function An(i){var r=pe(i),e=r.pageXOffset,t=r.pageYOffset;return{scrollLeft:e,scrollTop:t}}function Pn(i){return at(Le(i)).left+An(i).scrollLeft}function sl(i,r){var e=pe(i),t=Le(i),n=e.visualViewport,o=t.clientWidth,a=t.clientHeight,s=0,l=0;if(n){o=n.width,a=n.height;var u=Xr();(u||!u&&r==="fixed")&&(s=n.offsetLeft,l=n.offsetTop)}return{width:o,height:a,x:s+Pn(i),y:l}}function ll(i){var r,e=Le(i),t=An(i),n=(r=i.ownerDocument)==null?void 0:r.body,o=Ke(e.scrollWidth,e.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),a=Ke(e.scrollHeight,e.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),s=-t.scrollLeft+Pn(i),l=-t.scrollTop;return Ee(n||e).direction==="rtl"&&(s+=Ke(e.clientWidth,n?n.clientWidth:0)-o),{width:o,height:a,x:s,y:l}}function zn(i){var r=Ee(i),e=r.overflow,t=r.overflowX,n=r.overflowY;return/auto|scroll|overlay|hidden/.test(e+n+t)}function ao(i){return["html","body","#document"].indexOf(we(i))>=0?i.ownerDocument.body:me(i)&&zn(i)?i:ao(Ft(i))}function Mt(i,r){var e;r===void 0&&(r=[]);var t=ao(i),n=t===((e=i.ownerDocument)==null?void 0:e.body),o=pe(t),a=n?[o].concat(o.visualViewport||[],zn(t)?t:[]):t,s=r.concat(a);return n?s:s.concat(Mt(Ft(a)))}function Ln(i){return Object.assign({},i,{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height})}function cl(i,r){var e=at(i,!1,r==="fixed");return e.top=e.top+i.clientTop,e.left=e.left+i.clientLeft,e.bottom=e.top+i.clientHeight,e.right=e.left+i.clientWidth,e.width=i.clientWidth,e.height=i.clientHeight,e.x=e.left,e.y=e.top,e}function io(i,r,e){return r===Zr?Ln(sl(i,e)):Ze(r)?cl(r,e):Ln(ll(Le(i)))}function dl(i){var r=Mt(Ft(i)),e=["absolute","fixed"].indexOf(Ee(i).position)>=0,t=e&&me(i)?Ot(i):i;return Ze(t)?r.filter(function(n){return Ze(n)&&Jr(n,t)&&we(n)!=="body"}):[]}function ul(i,r,e,t){var n=r==="clippingParents"?dl(i):[].concat(r),o=[].concat(n,[e]),a=o[0],s=o.reduce(function(l,u){var d=io(i,u,t);return l.top=Ke(d.top,l.top),l.right=Ht(d.right,l.right),l.bottom=Ht(d.bottom,l.bottom),l.left=Ke(d.left,l.left),l},io(i,a,t));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function so(i){var r=i.reference,e=i.element,t=i.placement,n=t?ke(t):null,o=t?it(t):null,a=r.x+r.width/2-e.width/2,s=r.y+r.height/2-e.height/2,l;switch(n){case ce:l={x:a,y:r.y-e.height};break;case ve:l={x:a,y:r.y+r.height};break;case ge:l={x:r.x+r.width,y:s};break;case de:l={x:r.x-e.width,y:s};break;default:l={x:r.x,y:r.y}}var u=n?Dn(n):null;if(u!=null){var d=u==="y"?"height":"width";switch(o){case rt:l[u]=l[u]-(r[d]/2-e[d]/2);break;case $t:l[u]=l[u]+(r[d]/2-e[d]/2);break}}return l}function Dt(i,r){r===void 0&&(r={});var e=r,t=e.placement,n=t===void 0?i.placement:t,o=e.strategy,a=o===void 0?i.strategy:o,s=e.boundary,l=s===void 0?As:s,u=e.rootBoundary,d=u===void 0?Zr:u,f=e.elementContext,p=f===void 0?Et:f,b=e.altBoundary,y=b===void 0?!1:b,w=e.padding,g=w===void 0?0:w,_=to(typeof g!="number"?g:no(g,xt)),k=p===Et?Ps:Et,E=i.rects.popper,C=i.elements[y?k:p],O=ul(Ze(C)?C:C.contextElement||Le(i.elements.popper),l,d,a),$=at(i.elements.reference),S=so({reference:$,element:E,placement:n}),D=Ln(Object.assign({},E,S)),z=p===Et?D:$,R={top:O.top-z.top+_.top,bottom:z.bottom-O.bottom+_.bottom,left:O.left-z.left+_.left,right:z.right-O.right+_.right},T=i.modifiersData.offset;if(p===Et&&T){var L=T[n];Object.keys(R).forEach(function(j){var N=[ge,ve].indexOf(j)>=0?1:-1,Y=[ce,ve].indexOf(j)>=0?"y":"x";R[j]+=L[Y]*N})}return R}function pl(i,r){r===void 0&&(r={});var e=r,t=e.placement,n=e.boundary,o=e.rootBoundary,a=e.padding,s=e.flipVariations,l=e.allowedAutoPlacements,u=l===void 0?Gr:l,d=it(t),f=d?s?Kr:Kr.filter(function(y){return it(y)===d}):xt,p=f.filter(function(y){return u.indexOf(y)>=0});p.length===0&&(p=f);var b=p.reduce(function(y,w){return y[w]=Dt(i,{placement:w,boundary:n,rootBoundary:o,padding:a})[ke(w)],y},{});return Object.keys(b).sort(function(y,w){return b[y]-b[w]})}function hl(i){if(ke(i)===En)return[];var r=Nt(i);return[oo(i),r,oo(r)]}function fl(i){var r=i.state,e=i.options,t=i.name;if(!r.modifiersData[t]._skip){for(var n=e.mainAxis,o=n===void 0?!0:n,a=e.altAxis,s=a===void 0?!0:a,l=e.fallbackPlacements,u=e.padding,d=e.boundary,f=e.rootBoundary,p=e.altBoundary,b=e.flipVariations,y=b===void 0?!0:b,w=e.allowedAutoPlacements,g=r.options.placement,_=ke(g),k=_===g,E=l||(k||!y?[Nt(g)]:hl(g)),C=[g].concat(E).reduce(function(Be,xe){return Be.concat(ke(xe)===En?pl(r,{placement:xe,boundary:d,rootBoundary:f,padding:u,flipVariations:y,allowedAutoPlacements:w}):xe)},[]),O=r.rects.reference,$=r.rects.popper,S=new Map,D=!0,z=C[0],R=0;R<C.length;R++){var T=C[R],L=ke(T),j=it(T)===rt,N=[ce,ve].indexOf(L)>=0,Y=N?"width":"height",H=Dt(r,{placement:T,boundary:d,rootBoundary:f,altBoundary:p,padding:u}),F=N?j?ge:de:j?ve:ce;O[Y]>$[Y]&&(F=Nt(F));var le=Nt(F),ne=[];if(o&&ne.push(H[L]<=0),s&&ne.push(H[F]<=0,H[le]<=0),ne.every(function(Be){return Be})){z=T,D=!1;break}S.set(T,ne)}if(D)for(var Oe=y?3:1,ae=function(xe){var Xe=C.find(function(ct){var De=S.get(ct);if(De)return De.slice(0,xe).every(function(dt){return dt})});if(Xe)return z=Xe,"break"},Se=Oe;Se>0;Se--){var Me=ae(Se);if(Me==="break")break}r.placement!==z&&(r.modifiersData[t]._skip=!0,r.placement=z,r.reset=!0)}}const vl={name:"flip",enabled:!0,phase:"main",fn:fl,requiresIfExists:["offset"],data:{_skip:!1}};function lo(i,r,e){return e===void 0&&(e={x:0,y:0}),{top:i.top-r.height-e.y,right:i.right-r.width+e.x,bottom:i.bottom-r.height+e.y,left:i.left-r.width-e.x}}function co(i){return[ce,ge,ve,de].some(function(r){return i[r]>=0})}function gl(i){var r=i.state,e=i.name,t=r.rects.reference,n=r.rects.popper,o=r.modifiersData.preventOverflow,a=Dt(r,{elementContext:"reference"}),s=Dt(r,{altBoundary:!0}),l=lo(a,t),u=lo(s,n,o),d=co(l),f=co(u);r.modifiersData[e]={referenceClippingOffsets:l,popperEscapeOffsets:u,isReferenceHidden:d,hasPopperEscaped:f},r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":f})}const ml={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:gl};function bl(i,r,e){var t=ke(i),n=[de,ce].indexOf(t)>=0?-1:1,o=typeof e=="function"?e(Object.assign({},r,{placement:i})):e,a=o[0],s=o[1];return a=a||0,s=(s||0)*n,[de,ge].indexOf(t)>=0?{x:s,y:a}:{x:a,y:s}}function _l(i){var r=i.state,e=i.options,t=i.name,n=e.offset,o=n===void 0?[0,0]:n,a=Gr.reduce(function(d,f){return d[f]=bl(f,r.rects,o),d},{}),s=a[r.placement],l=s.x,u=s.y;r.modifiersData.popperOffsets!=null&&(r.modifiersData.popperOffsets.x+=l,r.modifiersData.popperOffsets.y+=u),r.modifiersData[t]=a}const yl={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:_l};function wl(i){var r=i.state,e=i.name;r.modifiersData[e]=so({reference:r.rects.reference,element:r.rects.popper,placement:r.placement})}const kl={name:"popperOffsets",enabled:!0,phase:"read",fn:wl,data:{}};function Cl(i){return i==="x"?"y":"x"}function xl(i){var r=i.state,e=i.options,t=i.name,n=e.mainAxis,o=n===void 0?!0:n,a=e.altAxis,s=a===void 0?!1:a,l=e.boundary,u=e.rootBoundary,d=e.altBoundary,f=e.padding,p=e.tether,b=p===void 0?!0:p,y=e.tetherOffset,w=y===void 0?0:y,g=Dt(r,{boundary:l,rootBoundary:u,padding:f,altBoundary:d}),_=ke(r.placement),k=it(r.placement),E=!k,C=Dn(_),O=Cl(C),$=r.modifiersData.popperOffsets,S=r.rects.reference,D=r.rects.popper,z=typeof w=="function"?w(Object.assign({},r.rects,{placement:r.placement})):w,R=typeof z=="number"?{mainAxis:z,altAxis:z}:Object.assign({mainAxis:0,altAxis:0},z),T=r.modifiersData.offset?r.modifiersData.offset[r.placement]:null,L={x:0,y:0};if($){if(o){var j,N=C==="y"?ce:de,Y=C==="y"?ve:ge,H=C==="y"?"height":"width",F=$[C],le=F+g[N],ne=F-g[Y],Oe=b?-D[H]/2:0,ae=k===rt?S[H]:D[H],Se=k===rt?-D[H]:-S[H],Me=r.elements.arrow,Be=b&&Me?Mn(Me):{width:0,height:0},xe=r.modifiersData["arrow#persistent"]?r.modifiersData["arrow#persistent"].padding:eo(),Xe=xe[N],ct=xe[Y],De=St(0,S[H],Be[H]),dt=E?S[H]/2-Oe-De-Xe-R.mainAxis:ae-De-Xe-R.mainAxis,Xt=E?-S[H]/2+Oe+De+ct+R.mainAxis:Se+De+ct+R.mainAxis,Je=r.elements.arrow&&Ot(r.elements.arrow),Pt=Je?C==="y"?Je.clientTop||0:Je.clientLeft||0:0,ut=(j=T==null?void 0:T[C])!=null?j:0,pt=F+dt-ut-Pt,ht=F+Xt-ut,ft=St(b?Ht(le,pt):le,F,b?Ke(ne,ht):ne);$[C]=ft,L[C]=ft-F}if(s){var vt,zt=C==="x"?ce:de,Lt=C==="x"?ve:ge,Re=$[O],Jt=O==="y"?"height":"width",fi=Re+g[zt],vi=Re-g[Lt],jn=[ce,de].indexOf(_)!==-1,gi=(vt=T==null?void 0:T[O])!=null?vt:0,mi=jn?fi:Re-S[Jt]-D[Jt]-gi+R.altAxis,bi=jn?Re+S[Jt]+D[Jt]-gi-R.altAxis:vi,_i=b&&jn?Zs(mi,Re,bi):St(b?mi:fi,Re,b?bi:vi);$[O]=_i,L[O]=_i-Re}r.modifiersData[t]=L}}const $l={name:"preventOverflow",enabled:!0,phase:"main",fn:xl,requiresIfExists:["offset"]};function El(i){return{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}}function Ol(i){return i===pe(i)||!me(i)?An(i):El(i)}function Sl(i){var r=i.getBoundingClientRect(),e=ot(r.width)/i.offsetWidth||1,t=ot(r.height)/i.offsetHeight||1;return e!==1||t!==1}function Ml(i,r,e){e===void 0&&(e=!1);var t=me(r),n=me(r)&&Sl(r),o=Le(r),a=at(i,n,e),s={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(t||!t&&!e)&&((we(r)!=="body"||zn(o))&&(s=Ol(r)),me(r)?(l=at(r,!0),l.x+=r.clientLeft,l.y+=r.clientTop):o&&(l.x=Pn(o))),{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}function Dl(i){var r=new Map,e=new Set,t=[];i.forEach(function(o){r.set(o.name,o)});function n(o){e.add(o.name);var a=[].concat(o.requires||[],o.requiresIfExists||[]);a.forEach(function(s){if(!e.has(s)){var l=r.get(s);l&&n(l)}}),t.push(o)}return i.forEach(function(o){e.has(o.name)||n(o)}),t}function Al(i){var r=Dl(i);return Fs.reduce(function(e,t){return e.concat(r.filter(function(n){return n.phase===t}))},[])}function Pl(i){var r;return function(){return r||(r=new Promise(function(e){Promise.resolve().then(function(){r=void 0,e(i())})})),r}}function zl(i){var r=i.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{});return Object.keys(r).map(function(e){return r[e]})}var uo={placement:"bottom",modifiers:[],strategy:"absolute"};function po(){for(var i=arguments.length,r=new Array(i),e=0;e<i;e++)r[e]=arguments[e];return!r.some(function(t){return!(t&&typeof t.getBoundingClientRect=="function")})}function Ll(i){i===void 0&&(i={});var r=i,e=r.defaultModifiers,t=e===void 0?[]:e,n=r.defaultOptions,o=n===void 0?uo:n;return function(s,l,u){u===void 0&&(u=o);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},uo,o),modifiersData:{},elements:{reference:s,popper:l},attributes:{},styles:{}},f=[],p=!1,b={state:d,setOptions:function(_){var k=typeof _=="function"?_(d.options):_;w(),d.options=Object.assign({},o,d.options,k),d.scrollParents={reference:Ze(s)?Mt(s):s.contextElement?Mt(s.contextElement):[],popper:Mt(l)};var E=Al(zl([].concat(t,d.options.modifiers)));return d.orderedModifiers=E.filter(function(C){return C.enabled}),y(),b.update()},forceUpdate:function(){if(!p){var _=d.elements,k=_.reference,E=_.popper;if(po(k,E)){d.rects={reference:Ml(k,Ot(E),d.options.strategy==="fixed"),popper:Mn(E)},d.reset=!1,d.placement=d.options.placement,d.orderedModifiers.forEach(function(R){return d.modifiersData[R.name]=Object.assign({},R.data)});for(var C=0;C<d.orderedModifiers.length;C++){if(d.reset===!0){d.reset=!1,C=-1;continue}var O=d.orderedModifiers[C],$=O.fn,S=O.options,D=S===void 0?{}:S,z=O.name;typeof $=="function"&&(d=$({state:d,options:D,name:z,instance:b})||d)}}}},update:Pl(function(){return new Promise(function(g){b.forceUpdate(),g(d)})}),destroy:function(){w(),p=!0}};if(!po(s,l))return b;b.setOptions(u).then(function(g){!p&&u.onFirstUpdate&&u.onFirstUpdate(g)});function y(){d.orderedModifiers.forEach(function(g){var _=g.name,k=g.options,E=k===void 0?{}:k,C=g.effect;if(typeof C=="function"){var O=C({state:d,name:_,instance:b,options:E}),$=function(){};f.push(O||$)}})}function w(){f.forEach(function(g){return g()}),f=[]}return b}}var Tl=[ol,kl,nl,Vs,yl,vl,$l,Js,ml],Tn=Ll({defaultModifiers:Tl});const jl='.popover__wrapper{position:relative;display:inline-block;font-family:var(--font-family-base)}.popover__trigger{display:inline-flex}.popover__panel{position:relative;overflow:visible;z-index:var(--z-index-popover);min-width:240px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-body-bg);box-shadow:var(--shadow-md)}.popover__content{position:relative;z-index:1;background-color:var(--color-body-bg);border-radius:var(--radius-md);overflow:hidden}.popover__content:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background-color:var(--color-body-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:1;pointer-events:none}.popover__content>*{position:relative;z-index:2}.popover__title{padding:10px var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text)}.popover__body{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-secondary)}.popover__body--with-border{border-top:1px solid var(--color-border)}.popper-arrow{position:absolute;width:12px;height:12px;pointer-events:none;z-index:0}.popper-arrow:before{content:"";position:absolute;inset:0;background:var(--color-border);transform:rotate(45deg)}.popper-arrow:after{content:"";position:absolute;inset:1px;background:var(--color-body-bg);transform:rotate(45deg)}[data-popper]{position:relative;overflow:visible}[data-popper-placement^=bottom]>.popper-arrow{top:-6px;left:50%;transform:translate(-50%,-50%)}[data-popper-placement^=top]>.popper-arrow{bottom:-6px;left:50%;transform:translate(-50%,50%)}[data-popper-placement^=left]>.popper-arrow{right:-6px;top:50%;transform:translate(50%,-50%)}[data-popper-placement^=right]>.popper-arrow{left:-6px;top:50%;transform:translate(-50%,-50%)}';var ho,fo,vo,go,Il=Object.defineProperty,Bl=Object.getOwnPropertyDescriptor,Ce=function(r,e,t,n){for(var o=n>1?void 0:n?Bl(e,t):e,a=r.length-1,s;a>=0;a--)(s=r[a])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&Il(e,t,o),o};c.Popover=(function(i){function r(){var e;return A(this,r),e=I(this,r,arguments),e.title="",e.trigger="click",e.placement="bottom",e.offset=8,e.open=!1,e.closeOnOutsideClick=!0,e.handleDocumentClick=function(t){!e.open||!e.closeOnOutsideClick||t.composedPath().includes(e)||e.setOpen(!1)},e.toggle=function(t){(e.trigger==="click"||e.trigger==="both")&&(t==null||t.stopPropagation(),e.setOpen(!e.open))},e.handleMouseEnter=function(){(e.trigger==="hover"||e.trigger==="both")&&e.setOpen(!0)},e.handleMouseLeave=function(){(e.trigger==="hover"||e.trigger==="both")&&e.setOpen(!1)},e}return B(r,i),P(r,[{key:"connectedCallback",value:function(){W(r,"connectedCallback",this)([]),document.addEventListener("click",this.handleDocumentClick,{capture:!0})}},{key:"disconnectedCallback",value:function(){W(r,"disconnectedCallback",this)([]),document.removeEventListener("click",this.handleDocumentClick,{capture:!0}),this.destroyPopper()}},{key:"updated",value:function(t){W(r,"updated",this)([t]);var n=t.has("placement"),o=t.has("open")&&this.open,a=t.has("open")&&!this.open;if(a){this.destroyPopper();return}(o||n)&&this.open&&this.updatePopper()}},{key:"setOpen",value:function(t){this.open!==t&&(this.open=t,this.dispatchEvent(new CustomEvent(t?"popover-open":"popover-close",{bubbles:!0,composed:!0})))}},{key:"updatePopper",value:function(){if(!(!this.isConnected||!this.open)){var t=this.triggerElement,n=this.popperElement;if(!(!t||!n)){if(this.popperInstance){this.popperInstance.setOptions({placement:this.placement,modifiers:this.getPopperModifiers(),strategy:"fixed"}),this.popperInstance.update();return}this.popperInstance=Tn(t,n,{placement:this.placement,strategy:"fixed",modifiers:this.getPopperModifiers()})}}}},{key:"getPopperModifiers",value:function(){return[{name:"offset",options:{offset:[0,this.offset]}},{name:"arrow",options:{element:this.popperArrowElement,padding:8}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8}}]}},{key:"destroyPopper",value:function(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=void 0)}},{key:"render",value:function(){var t=!!this.title;return m(ho||(ho=v([`
|
|
237
|
+
`:m}
|
|
238
|
+
<slot name="suffix" slot="suffix"></slot>
|
|
239
|
+
</logosphere-formfield>
|
|
240
|
+
`}},n.LogosphereInput.styles=[N`${F(bi)}`],Y([J("input")],n.LogosphereInput.prototype,"_inputElement",2),Y([c({type:String})],n.LogosphereInput.prototype,"value",2),Y([c({type:String})],n.LogosphereInput.prototype,"type",2),Y([c({type:String})],n.LogosphereInput.prototype,"placeholder",2),Y([c({type:String})],n.LogosphereInput.prototype,"name",2),Y([c({type:String})],n.LogosphereInput.prototype,"autocomplete",2),Y([c({type:Number})],n.LogosphereInput.prototype,"minlength",2),Y([c({type:Number})],n.LogosphereInput.prototype,"maxlength",2),Y([c({type:String})],n.LogosphereInput.prototype,"pattern",2),Y([c({type:Number})],n.LogosphereInput.prototype,"min",2),Y([c({type:Number})],n.LogosphereInput.prototype,"max",2),Y([c({type:Number})],n.LogosphereInput.prototype,"step",2),Y([c({type:String})],n.LogosphereInput.prototype,"size",2),Y([c({type:String})],n.LogosphereInput.prototype,"variant",2),Y([c({type:String})],n.LogosphereInput.prototype,"label",2),Y([c({type:String})],n.LogosphereInput.prototype,"helper",2),Y([c({type:String})],n.LogosphereInput.prototype,"error",2),Y([c({type:Boolean})],n.LogosphereInput.prototype,"required",2),Y([c({type:Boolean})],n.LogosphereInput.prototype,"disabled",2),Y([c({type:Boolean})],n.LogosphereInput.prototype,"readonly",2),Y([$()],n.LogosphereInput.prototype,"_internalError",2),Y([$()],n.LogosphereInput.prototype,"_showPassword",2),n.LogosphereInput=Y([U("logosphere-input")],n.LogosphereInput);var te="top",se="bottom",ae="right",re="left",or="auto",pt=[te,se,ae,re],Ue="start",ut="end",_i="clippingParents",Lr="viewport",ft="popper",yi="reference",Tr=pt.reduce(function(i,e){return i.concat([e+"-"+Ue,e+"-"+ut])},[]),Br=[].concat(pt,[or]).reduce(function(i,e){return i.concat([e,e+"-"+Ue,e+"-"+ut])},[]),wi="beforeRead",xi="read",$i="afterRead",ki="beforeMain",Ci="main",Ei="afterMain",Si="beforeWrite",Mi="write",Di="afterWrite",Ai=[wi,xi,$i,ki,Ci,Ei,Si,Mi,Di];function he(i){return i?(i.nodeName||"").toLowerCase():null}function oe(i){if(i==null)return window;if(i.toString()!=="[object Window]"){var e=i.ownerDocument;return e&&e.defaultView||window}return i}function Be(i){var e=oe(i).Element;return i instanceof e||i instanceof Element}function ne(i){var e=oe(i).HTMLElement;return i instanceof e||i instanceof HTMLElement}function ir(i){if(typeof ShadowRoot=="undefined")return!1;var e=oe(i).ShadowRoot;return i instanceof e||i instanceof ShadowRoot}function zi(i){var e=i.state;Object.keys(e.elements).forEach(function(t){var r=e.styles[t]||{},o=e.attributes[t]||{},s=e.elements[t];!ne(s)||!he(s)||(Object.assign(s.style,r),Object.keys(o).forEach(function(a){var l=o[a];l===!1?s.removeAttribute(a):s.setAttribute(a,l===!0?"":l)}))})}function Oi(i){var e=i.state,t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.styles=t,e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],s=e.attributes[r]||{},a=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:t[r]),l=a.reduce(function(d,p){return d[p]="",d},{});!ne(o)||!he(o)||(Object.assign(o.style,l),Object.keys(s).forEach(function(d){o.removeAttribute(d)}))})}}const Pi={name:"applyStyles",enabled:!0,phase:"write",fn:zi,effect:Oi,requires:["computeStyles"]};function pe(i){return i.split("-")[0]}var Ie=Math.max,Mt=Math.min,Ve=Math.round;function sr(){var i=navigator.userAgentData;return i!=null&&i.brands&&Array.isArray(i.brands)?i.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function Ir(){return!/^((?!chrome|android).)*safari/i.test(sr())}function qe(i,e,t){e===void 0&&(e=!1),t===void 0&&(t=!1);var r=i.getBoundingClientRect(),o=1,s=1;e&&ne(i)&&(o=i.offsetWidth>0&&Ve(r.width)/i.offsetWidth||1,s=i.offsetHeight>0&&Ve(r.height)/i.offsetHeight||1);var a=Be(i)?oe(i):window,l=a.visualViewport,d=!Ir()&&t,p=(r.left+(d&&l?l.offsetLeft:0))/o,h=(r.top+(d&&l?l.offsetTop:0))/s,f=r.width/o,b=r.height/s;return{width:f,height:b,top:h,right:p+f,bottom:h+b,left:p,x:p,y:h}}function ar(i){var e=qe(i),t=i.offsetWidth,r=i.offsetHeight;return Math.abs(e.width-t)<=1&&(t=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:i.offsetLeft,y:i.offsetTop,width:t,height:r}}function Yr(i,e){var t=e.getRootNode&&e.getRootNode();if(i.contains(e))return!0;if(t&&ir(t)){var r=e;do{if(r&&i.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function be(i){return oe(i).getComputedStyle(i)}function Li(i){return["table","td","th"].indexOf(he(i))>=0}function Ce(i){return((Be(i)?i.ownerDocument:i.document)||window.document).documentElement}function Dt(i){return he(i)==="html"?i:i.assignedSlot||i.parentNode||(ir(i)?i.host:null)||Ce(i)}function Rr(i){return!ne(i)||be(i).position==="fixed"?null:i.offsetParent}function Ti(i){var e=/firefox/i.test(sr()),t=/Trident/i.test(sr());if(t&&ne(i)){var r=be(i);if(r.position==="fixed")return null}var o=Dt(i);for(ir(o)&&(o=o.host);ne(o)&&["html","body"].indexOf(he(o))<0;){var s=be(o);if(s.transform!=="none"||s.perspective!=="none"||s.contain==="paint"||["transform","perspective"].indexOf(s.willChange)!==-1||e&&s.willChange==="filter"||e&&s.filter&&s.filter!=="none")return o;o=o.parentNode}return null}function gt(i){for(var e=oe(i),t=Rr(i);t&&Li(t)&&be(t).position==="static";)t=Rr(t);return t&&(he(t)==="html"||he(t)==="body"&&be(t).position==="static")?e:t||Ti(i)||e}function nr(i){return["top","bottom"].indexOf(i)>=0?"x":"y"}function bt(i,e,t){return Ie(i,Mt(e,t))}function Bi(i,e,t){var r=bt(i,e,t);return r>t?t:r}function Hr(){return{top:0,right:0,bottom:0,left:0}}function jr(i){return Object.assign({},Hr(),i)}function Fr(i,e){return e.reduce(function(t,r){return t[r]=i,t},{})}var Ii=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,jr(typeof e!="number"?e:Fr(e,pt))};function Yi(i){var e,t=i.state,r=i.name,o=i.options,s=t.elements.arrow,a=t.modifiersData.popperOffsets,l=pe(t.placement),d=nr(l),p=[re,ae].indexOf(l)>=0,h=p?"height":"width";if(!(!s||!a)){var f=Ii(o.padding,t),b=ar(s),v=d==="y"?te:re,C=d==="y"?se:ae,k=t.rects.reference[h]+t.rects.reference[d]-a[d]-t.rects.popper[h],g=a[d]-t.rects.reference[d],_=gt(s),w=_?d==="y"?_.clientHeight||0:_.clientWidth||0:0,y=k/2-g/2,x=f[v],E=w-b[h]-f[C],S=w/2-b[h]/2+y,D=bt(x,S,E),O=d;t.modifiersData[r]=(e={},e[O]=D,e.centerOffset=D-S,e)}}function Ri(i){var e=i.state,t=i.options,r=t.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||Yr(e.elements.popper,o)&&(e.elements.arrow=o))}const Hi={name:"arrow",enabled:!0,phase:"main",fn:Yi,effect:Ri,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function We(i){return i.split("-")[1]}var ji={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Fi(i,e){var t=i.x,r=i.y,o=e.devicePixelRatio||1;return{x:Ve(t*o)/o||0,y:Ve(r*o)/o||0}}function Nr(i){var e,t=i.popper,r=i.popperRect,o=i.placement,s=i.variation,a=i.offsets,l=i.position,d=i.gpuAcceleration,p=i.adaptive,h=i.roundOffsets,f=i.isFixed,b=a.x,v=b===void 0?0:b,C=a.y,k=C===void 0?0:C,g=typeof h=="function"?h({x:v,y:k}):{x:v,y:k};v=g.x,k=g.y;var _=a.hasOwnProperty("x"),w=a.hasOwnProperty("y"),y=re,x=te,E=window;if(p){var S=gt(t),D="clientHeight",O="clientWidth";if(S===oe(t)&&(S=Ce(t),be(S).position!=="static"&&l==="absolute"&&(D="scrollHeight",O="scrollWidth")),S=S,o===te||(o===re||o===ae)&&s===ut){x=se;var z=f&&S===E&&E.visualViewport?E.visualViewport.height:S[D];k-=z-r.height,k*=d?1:-1}if(o===re||(o===te||o===se)&&s===ut){y=ae;var P=f&&S===E&&E.visualViewport?E.visualViewport.width:S[O];v-=P-r.width,v*=d?1:-1}}var B=Object.assign({position:l},p&&ji),j=h===!0?Fi({x:v,y:k},oe(t)):{x:v,y:k};if(v=j.x,k=j.y,d){var L;return Object.assign({},B,(L={},L[x]=w?"0":"",L[y]=_?"0":"",L.transform=(E.devicePixelRatio||1)<=1?"translate("+v+"px, "+k+"px)":"translate3d("+v+"px, "+k+"px, 0)",L))}return Object.assign({},B,(e={},e[x]=w?k+"px":"",e[y]=_?v+"px":"",e.transform="",e))}function Ni(i){var e=i.state,t=i.options,r=t.gpuAcceleration,o=r===void 0?!0:r,s=t.adaptive,a=s===void 0?!0:s,l=t.roundOffsets,d=l===void 0?!0:l,p={placement:pe(e.placement),variation:We(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,Nr(Object.assign({},p,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:d})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,Nr(Object.assign({},p,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:d})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}const Ui={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Ni,data:{}};var At={passive:!0};function Vi(i){var e=i.state,t=i.instance,r=i.options,o=r.scroll,s=o===void 0?!0:o,a=r.resize,l=a===void 0?!0:a,d=oe(e.elements.popper),p=[].concat(e.scrollParents.reference,e.scrollParents.popper);return s&&p.forEach(function(h){h.addEventListener("scroll",t.update,At)}),l&&d.addEventListener("resize",t.update,At),function(){s&&p.forEach(function(h){h.removeEventListener("scroll",t.update,At)}),l&&d.removeEventListener("resize",t.update,At)}}const qi={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Vi,data:{}};var Wi={left:"right",right:"left",bottom:"top",top:"bottom"};function zt(i){return i.replace(/left|right|bottom|top/g,function(e){return Wi[e]})}var Zi={start:"end",end:"start"};function Ur(i){return i.replace(/start|end/g,function(e){return Zi[e]})}function lr(i){var e=oe(i),t=e.pageXOffset,r=e.pageYOffset;return{scrollLeft:t,scrollTop:r}}function dr(i){return qe(Ce(i)).left+lr(i).scrollLeft}function Ki(i,e){var t=oe(i),r=Ce(i),o=t.visualViewport,s=r.clientWidth,a=r.clientHeight,l=0,d=0;if(o){s=o.width,a=o.height;var p=Ir();(p||!p&&e==="fixed")&&(l=o.offsetLeft,d=o.offsetTop)}return{width:s,height:a,x:l+dr(i),y:d}}function Gi(i){var e,t=Ce(i),r=lr(i),o=(e=i.ownerDocument)==null?void 0:e.body,s=Ie(t.scrollWidth,t.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=Ie(t.scrollHeight,t.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),l=-r.scrollLeft+dr(i),d=-r.scrollTop;return be(o||t).direction==="rtl"&&(l+=Ie(t.clientWidth,o?o.clientWidth:0)-s),{width:s,height:a,x:l,y:d}}function cr(i){var e=be(i),t=e.overflow,r=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+o+r)}function Vr(i){return["html","body","#document"].indexOf(he(i))>=0?i.ownerDocument.body:ne(i)&&cr(i)?i:Vr(Dt(i))}function mt(i,e){var t;e===void 0&&(e=[]);var r=Vr(i),o=r===((t=i.ownerDocument)==null?void 0:t.body),s=oe(r),a=o?[s].concat(s.visualViewport||[],cr(r)?r:[]):r,l=e.concat(a);return o?l:l.concat(mt(Dt(a)))}function hr(i){return Object.assign({},i,{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height})}function Xi(i,e){var t=qe(i,!1,e==="fixed");return t.top=t.top+i.clientTop,t.left=t.left+i.clientLeft,t.bottom=t.top+i.clientHeight,t.right=t.left+i.clientWidth,t.width=i.clientWidth,t.height=i.clientHeight,t.x=t.left,t.y=t.top,t}function qr(i,e,t){return e===Lr?hr(Ki(i,t)):Be(e)?Xi(e,t):hr(Gi(Ce(i)))}function Ji(i){var e=mt(Dt(i)),t=["absolute","fixed"].indexOf(be(i).position)>=0,r=t&&ne(i)?gt(i):i;return Be(r)?e.filter(function(o){return Be(o)&&Yr(o,r)&&he(o)!=="body"}):[]}function Qi(i,e,t,r){var o=e==="clippingParents"?Ji(i):[].concat(e),s=[].concat(o,[t]),a=s[0],l=s.reduce(function(d,p){var h=qr(i,p,r);return d.top=Ie(h.top,d.top),d.right=Mt(h.right,d.right),d.bottom=Mt(h.bottom,d.bottom),d.left=Ie(h.left,d.left),d},qr(i,a,r));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function Wr(i){var e=i.reference,t=i.element,r=i.placement,o=r?pe(r):null,s=r?We(r):null,a=e.x+e.width/2-t.width/2,l=e.y+e.height/2-t.height/2,d;switch(o){case te:d={x:a,y:e.y-t.height};break;case se:d={x:a,y:e.y+e.height};break;case ae:d={x:e.x+e.width,y:l};break;case re:d={x:e.x-t.width,y:l};break;default:d={x:e.x,y:e.y}}var p=o?nr(o):null;if(p!=null){var h=p==="y"?"height":"width";switch(s){case Ue:d[p]=d[p]-(e[h]/2-t[h]/2);break;case ut:d[p]=d[p]+(e[h]/2-t[h]/2);break}}return d}function vt(i,e){e===void 0&&(e={});var t=e,r=t.placement,o=r===void 0?i.placement:r,s=t.strategy,a=s===void 0?i.strategy:s,l=t.boundary,d=l===void 0?_i:l,p=t.rootBoundary,h=p===void 0?Lr:p,f=t.elementContext,b=f===void 0?ft:f,v=t.altBoundary,C=v===void 0?!1:v,k=t.padding,g=k===void 0?0:k,_=jr(typeof g!="number"?g:Fr(g,pt)),w=b===ft?yi:ft,y=i.rects.popper,x=i.elements[C?w:b],E=Qi(Be(x)?x:x.contextElement||Ce(i.elements.popper),d,h,a),S=qe(i.elements.reference),D=Wr({reference:S,element:y,placement:o}),O=hr(Object.assign({},y,D)),z=b===ft?O:S,P={top:E.top-z.top+_.top,bottom:z.bottom-E.bottom+_.bottom,left:E.left-z.left+_.left,right:z.right-E.right+_.right},B=i.modifiersData.offset;if(b===ft&&B){var j=B[o];Object.keys(P).forEach(function(L){var W=[ae,se].indexOf(L)>=0?1:-1,Z=[te,se].indexOf(L)>=0?"y":"x";P[L]+=j[Z]*W})}return P}function es(i,e){e===void 0&&(e={});var t=e,r=t.placement,o=t.boundary,s=t.rootBoundary,a=t.padding,l=t.flipVariations,d=t.allowedAutoPlacements,p=d===void 0?Br:d,h=We(r),f=h?l?Tr:Tr.filter(function(C){return We(C)===h}):pt,b=f.filter(function(C){return p.indexOf(C)>=0});b.length===0&&(b=f);var v=b.reduce(function(C,k){return C[k]=vt(i,{placement:k,boundary:o,rootBoundary:s,padding:a})[pe(k)],C},{});return Object.keys(v).sort(function(C,k){return v[C]-v[k]})}function ts(i){if(pe(i)===or)return[];var e=zt(i);return[Ur(i),e,Ur(e)]}function rs(i){var e=i.state,t=i.options,r=i.name;if(!e.modifiersData[r]._skip){for(var o=t.mainAxis,s=o===void 0?!0:o,a=t.altAxis,l=a===void 0?!0:a,d=t.fallbackPlacements,p=t.padding,h=t.boundary,f=t.rootBoundary,b=t.altBoundary,v=t.flipVariations,C=v===void 0?!0:v,k=t.allowedAutoPlacements,g=e.options.placement,_=pe(g),w=_===g,y=d||(w||!C?[zt(g)]:ts(g)),x=[g].concat(y).reduce(function(De,fe){return De.concat(pe(fe)===or?es(e,{placement:fe,boundary:h,rootBoundary:f,padding:p,flipVariations:C,allowedAutoPlacements:k}):fe)},[]),E=e.rects.reference,S=e.rects.popper,D=new Map,O=!0,z=x[0],P=0;P<x.length;P++){var B=x[P],j=pe(B),L=We(B)===Ue,W=[te,se].indexOf(j)>=0,Z=W?"width":"height",V=vt(e,{placement:B,boundary:h,rootBoundary:f,altBoundary:b,padding:p}),K=W?L?ae:re:L?se:te;E[Z]>S[Z]&&(K=zt(K));var ce=zt(K),ee=[];if(s&&ee.push(V[j]<=0),l&&ee.push(V[K]<=0,V[ce]<=0),ee.every(function(De){return De})){z=B,O=!1;break}D.set(B,ee)}if(O)for(var me=C?3:1,G=function(fe){var Re=x.find(function(Ge){var ye=D.get(Ge);if(ye)return ye.slice(0,fe).every(function(Xe){return Xe})});if(Re)return z=Re,"break"},ve=me;ve>0;ve--){var _e=G(ve);if(_e==="break")break}e.placement!==z&&(e.modifiersData[r]._skip=!0,e.placement=z,e.reset=!0)}}const os={name:"flip",enabled:!0,phase:"main",fn:rs,requiresIfExists:["offset"],data:{_skip:!1}};function Zr(i,e,t){return t===void 0&&(t={x:0,y:0}),{top:i.top-e.height-t.y,right:i.right-e.width+t.x,bottom:i.bottom-e.height+t.y,left:i.left-e.width-t.x}}function Kr(i){return[te,ae,se,re].some(function(e){return i[e]>=0})}function is(i){var e=i.state,t=i.name,r=e.rects.reference,o=e.rects.popper,s=e.modifiersData.preventOverflow,a=vt(e,{elementContext:"reference"}),l=vt(e,{altBoundary:!0}),d=Zr(a,r),p=Zr(l,o,s),h=Kr(d),f=Kr(p);e.modifiersData[t]={referenceClippingOffsets:d,popperEscapeOffsets:p,isReferenceHidden:h,hasPopperEscaped:f},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":f})}const ss={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:is};function as(i,e,t){var r=pe(i),o=[re,te].indexOf(r)>=0?-1:1,s=typeof t=="function"?t(Object.assign({},e,{placement:i})):t,a=s[0],l=s[1];return a=a||0,l=(l||0)*o,[re,ae].indexOf(r)>=0?{x:l,y:a}:{x:a,y:l}}function ns(i){var e=i.state,t=i.options,r=i.name,o=t.offset,s=o===void 0?[0,0]:o,a=Br.reduce(function(h,f){return h[f]=as(f,e.rects,s),h},{}),l=a[e.placement],d=l.x,p=l.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=d,e.modifiersData.popperOffsets.y+=p),e.modifiersData[r]=a}const ls={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:ns};function ds(i){var e=i.state,t=i.name;e.modifiersData[t]=Wr({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})}const cs={name:"popperOffsets",enabled:!0,phase:"read",fn:ds,data:{}};function hs(i){return i==="x"?"y":"x"}function ps(i){var e=i.state,t=i.options,r=i.name,o=t.mainAxis,s=o===void 0?!0:o,a=t.altAxis,l=a===void 0?!1:a,d=t.boundary,p=t.rootBoundary,h=t.altBoundary,f=t.padding,b=t.tether,v=b===void 0?!0:b,C=t.tetherOffset,k=C===void 0?0:C,g=vt(e,{boundary:d,rootBoundary:p,padding:f,altBoundary:h}),_=pe(e.placement),w=We(e.placement),y=!w,x=nr(_),E=hs(x),S=e.modifiersData.popperOffsets,D=e.rects.reference,O=e.rects.popper,z=typeof k=="function"?k(Object.assign({},e.rects,{placement:e.placement})):k,P=typeof z=="number"?{mainAxis:z,altAxis:z}:Object.assign({mainAxis:0,altAxis:0},z),B=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,j={x:0,y:0};if(S){if(s){var L,W=x==="y"?te:re,Z=x==="y"?se:ae,V=x==="y"?"height":"width",K=S[x],ce=K+g[W],ee=K-g[Z],me=v?-O[V]/2:0,G=w===Ue?D[V]:O[V],ve=w===Ue?-O[V]:-D[V],_e=e.elements.arrow,De=v&&_e?ar(_e):{width:0,height:0},fe=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:Hr(),Re=fe[W],Ge=fe[Z],ye=bt(0,D[V],De[V]),Xe=y?D[V]/2-me-ye-Re-P.mainAxis:G-ye-Re-P.mainAxis,Rt=y?-D[V]/2+me+ye+Ge+P.mainAxis:ve+ye+Ge+P.mainAxis,He=e.elements.arrow&>(e.elements.arrow),yt=He?x==="y"?He.clientTop||0:He.clientLeft||0:0,Je=(L=B==null?void 0:B[x])!=null?L:0,Qe=K+Xe-Je-yt,et=K+Rt-Je,tt=bt(v?Mt(ce,Qe):ce,K,v?Ie(ee,et):ee);S[x]=tt,j[x]=tt-K}if(l){var rt,wt=x==="x"?te:re,xt=x==="x"?se:ae,Ae=S[E],Ht=E==="y"?"height":"width",uo=Ae+g[wt],fo=Ae-g[xt],ur=[te,re].indexOf(_)!==-1,go=(rt=B==null?void 0:B[E])!=null?rt:0,bo=ur?uo:Ae-D[Ht]-O[Ht]-go+P.altAxis,mo=ur?Ae+D[Ht]+O[Ht]-go-P.altAxis:fo,vo=v&&ur?Bi(bo,Ae,mo):bt(v?bo:uo,Ae,v?mo:fo);S[E]=vo,j[E]=vo-Ae}e.modifiersData[r]=j}}const us={name:"preventOverflow",enabled:!0,phase:"main",fn:ps,requiresIfExists:["offset"]};function fs(i){return{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}}function gs(i){return i===oe(i)||!ne(i)?lr(i):fs(i)}function bs(i){var e=i.getBoundingClientRect(),t=Ve(e.width)/i.offsetWidth||1,r=Ve(e.height)/i.offsetHeight||1;return t!==1||r!==1}function ms(i,e,t){t===void 0&&(t=!1);var r=ne(e),o=ne(e)&&bs(e),s=Ce(e),a=qe(i,o,t),l={scrollLeft:0,scrollTop:0},d={x:0,y:0};return(r||!r&&!t)&&((he(e)!=="body"||cr(s))&&(l=gs(e)),ne(e)?(d=qe(e,!0),d.x+=e.clientLeft,d.y+=e.clientTop):s&&(d.x=dr(s))),{x:a.left+l.scrollLeft-d.x,y:a.top+l.scrollTop-d.y,width:a.width,height:a.height}}function vs(i){var e=new Map,t=new Set,r=[];i.forEach(function(s){e.set(s.name,s)});function o(s){t.add(s.name);var a=[].concat(s.requires||[],s.requiresIfExists||[]);a.forEach(function(l){if(!t.has(l)){var d=e.get(l);d&&o(d)}}),r.push(s)}return i.forEach(function(s){t.has(s.name)||o(s)}),r}function _s(i){var e=vs(i);return Ai.reduce(function(t,r){return t.concat(e.filter(function(o){return o.phase===r}))},[])}function ys(i){var e;return function(){return e||(e=new Promise(function(t){Promise.resolve().then(function(){e=void 0,t(i())})})),e}}function ws(i){var e=i.reduce(function(t,r){var o=t[r.name];return t[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,t},{});return Object.keys(e).map(function(t){return e[t]})}var Gr={placement:"bottom",modifiers:[],strategy:"absolute"};function Xr(){for(var i=arguments.length,e=new Array(i),t=0;t<i;t++)e[t]=arguments[t];return!e.some(function(r){return!(r&&typeof r.getBoundingClientRect=="function")})}function xs(i){i===void 0&&(i={});var e=i,t=e.defaultModifiers,r=t===void 0?[]:t,o=e.defaultOptions,s=o===void 0?Gr:o;return function(l,d,p){p===void 0&&(p=s);var h={placement:"bottom",orderedModifiers:[],options:Object.assign({},Gr,s),modifiersData:{},elements:{reference:l,popper:d},attributes:{},styles:{}},f=[],b=!1,v={state:h,setOptions:function(_){var w=typeof _=="function"?_(h.options):_;k(),h.options=Object.assign({},s,h.options,w),h.scrollParents={reference:Be(l)?mt(l):l.contextElement?mt(l.contextElement):[],popper:mt(d)};var y=_s(ws([].concat(r,h.options.modifiers)));return h.orderedModifiers=y.filter(function(x){return x.enabled}),C(),v.update()},forceUpdate:function(){if(!b){var _=h.elements,w=_.reference,y=_.popper;if(Xr(w,y)){h.rects={reference:ms(w,gt(y),h.options.strategy==="fixed"),popper:ar(y)},h.reset=!1,h.placement=h.options.placement,h.orderedModifiers.forEach(function(P){return h.modifiersData[P.name]=Object.assign({},P.data)});for(var x=0;x<h.orderedModifiers.length;x++){if(h.reset===!0){h.reset=!1,x=-1;continue}var E=h.orderedModifiers[x],S=E.fn,D=E.options,O=D===void 0?{}:D,z=E.name;typeof S=="function"&&(h=S({state:h,options:O,name:z,instance:v})||h)}}}},update:ys(function(){return new Promise(function(g){v.forceUpdate(),g(h)})}),destroy:function(){k(),b=!0}};if(!Xr(l,d))return v;v.setOptions(p).then(function(g){!b&&p.onFirstUpdate&&p.onFirstUpdate(g)});function C(){h.orderedModifiers.forEach(function(g){var _=g.name,w=g.options,y=w===void 0?{}:w,x=g.effect;if(typeof x=="function"){var E=x({state:h,name:_,instance:v,options:y}),S=function(){};f.push(E||S)}})}function k(){f.forEach(function(g){return g()}),f=[]}return v}}var $s=[qi,cs,Ui,Pi,ls,os,us,Hi,ss],pr=xs({defaultModifiers:$s});const ks='.popover__wrapper{position:relative;display:inline-block;font-family:var(--font-family-base)}.popover__trigger{display:inline-flex}.popover__panel{position:relative;overflow:visible;z-index:var(--z-index-popover);min-width:240px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-body-bg);box-shadow:var(--shadow-md)}.popover__content{position:relative;z-index:1;background-color:var(--color-body-bg);border-radius:var(--radius-md);overflow:hidden}.popover__content:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background-color:var(--color-body-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:1;pointer-events:none}.popover__content>*{position:relative;z-index:2}.popover__title{padding:10px var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text)}.popover__body{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-secondary)}.popover__body--with-border{border-top:1px solid var(--color-border)}.popper-arrow{position:absolute;width:12px;height:12px;pointer-events:none;z-index:0}.popper-arrow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);transform:rotate(45deg)}.popper-arrow:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--color-body-bg);transform:rotate(45deg)}[data-popper]{position:relative;overflow:visible}[data-popper-placement^=bottom]>.popper-arrow{top:-6px;left:50%;transform:translate(-50%,-50%)}[data-popper-placement^=top]>.popper-arrow{bottom:-6px;left:50%;transform:translate(-50%,50%)}[data-popper-placement^=left]>.popper-arrow{right:-6px;top:50%;transform:translate(50%,-50%)}[data-popper-placement^=right]>.popper-arrow{left:-6px;top:50%;transform:translate(-50%,-50%)}';var Cs=Object.defineProperty,Es=Object.getOwnPropertyDescriptor,ue=(i,e,t,r)=>{for(var o=r>1?void 0:r?Es(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Cs(e,t,o),o};n.Popover=class extends T{constructor(){super(...arguments),this.title="",this.trigger="click",this.placement="bottom",this.offset=8,this.open=!1,this.closeOnOutsideClick=!0,this.handleDocumentClick=e=>{!this.open||!this.closeOnOutsideClick||e.composedPath().includes(this)||this.setOpen(!1)},this.toggle=e=>{(this.trigger==="click"||this.trigger==="both")&&(e==null||e.stopPropagation(),this.setOpen(!this.open))},this.handleMouseEnter=()=>{(this.trigger==="hover"||this.trigger==="both")&&this.setOpen(!0)},this.handleMouseLeave=()=>{(this.trigger==="hover"||this.trigger==="both")&&this.setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleDocumentClick,{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleDocumentClick,{capture:!0}),this.destroyPopper()}updated(e){super.updated(e);const t=e.has("placement"),r=e.has("open")&&this.open;if(e.has("open")&&!this.open){this.destroyPopper();return}(r||t)&&this.open&&this.updatePopper()}setOpen(e){this.open!==e&&(this.open=e,this.dispatchEvent(new CustomEvent(e?"popover-open":"popover-close",{bubbles:!0,composed:!0})))}updatePopper(){if(!this.isConnected||!this.open)return;const e=this.triggerElement,t=this.popperElement;if(!(!e||!t)){if(this.popperInstance){this.popperInstance.setOptions({placement:this.placement,modifiers:this.getPopperModifiers(),strategy:"fixed"}),this.popperInstance.update();return}this.popperInstance=pr(e,t,{placement:this.placement,strategy:"fixed",modifiers:this.getPopperModifiers()})}}getPopperModifiers(){return[{name:"offset",options:{offset:[0,this.offset]}},{name:"arrow",options:{element:this.popperArrowElement,padding:8}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8}}]}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=void 0)}render(){const e=!!this.title;return u`
|
|
244
241
|
<div
|
|
245
242
|
class="popover__wrapper"
|
|
246
|
-
@mouseenter
|
|
247
|
-
@mouseleave
|
|
243
|
+
@mouseenter=${this.handleMouseEnter}
|
|
244
|
+
@mouseleave=${this.handleMouseLeave}
|
|
248
245
|
>
|
|
249
|
-
<div class="popover__trigger" part="trigger" @click
|
|
246
|
+
<div class="popover__trigger" part="trigger" @click=${this.toggle}>
|
|
250
247
|
<slot name="trigger"></slot>
|
|
251
248
|
</div>
|
|
252
249
|
|
|
253
|
-
|
|
254
|
-
</div>
|
|
255
|
-
`])),this.handleMouseEnter,this.handleMouseLeave,this.toggle,this.open?m(fo||(fo=v([`
|
|
250
|
+
${this.open?u`
|
|
256
251
|
<div
|
|
257
252
|
data-popper
|
|
258
253
|
class="popover__panel"
|
|
259
254
|
role="dialog"
|
|
260
|
-
aria-hidden
|
|
255
|
+
aria-hidden=${this.open?"false":"true"}
|
|
261
256
|
>
|
|
262
257
|
<div data-popper-arrow class="popper-arrow"></div>
|
|
263
258
|
<div class="popover__content">
|
|
264
|
-
|
|
265
|
-
|
|
259
|
+
${this.title?u`
|
|
260
|
+
<div class="popover__title">${this.title}</div>
|
|
261
|
+
`:null}
|
|
262
|
+
<div class="popover__body ${e?"popover__body--with-border":""}">
|
|
266
263
|
<slot></slot>
|
|
267
264
|
</div>
|
|
268
265
|
</div>
|
|
269
266
|
</div>
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
267
|
+
`:null}
|
|
268
|
+
</div>
|
|
269
|
+
`}},n.Popover.styles=[N`${F(ks)}`],ue([c({type:String})],n.Popover.prototype,"title",2),ue([c({type:String})],n.Popover.prototype,"trigger",2),ue([c({type:String})],n.Popover.prototype,"placement",2),ue([c({type:Number})],n.Popover.prototype,"offset",2),ue([c({type:Boolean,reflect:!0})],n.Popover.prototype,"open",2),ue([c({type:Boolean})],n.Popover.prototype,"closeOnOutsideClick",2),ue([J('[part="trigger"]')],n.Popover.prototype,"triggerElement",2),ue([J("[data-popper]")],n.Popover.prototype,"popperElement",2),ue([J("[data-popper-arrow]")],n.Popover.prototype,"popperArrowElement",2),n.Popover=ue([U("logosphere-popover")],n.Popover);const Ss=".textarea__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.textarea__field::placeholder{color:var(--color-tertiary)}.textarea__field:disabled{cursor:not-allowed}.textarea__field--resize-none{resize:none}.textarea__field--resize-vertical{resize:vertical}.textarea__field--resize-horizontal{resize:horizontal}.textarea__field--resize-both{resize:both}.textarea__field--auto-resize{resize:none;overflow:hidden}.textarea__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:flex-start;align-self:flex-start;margin-top:var(--spacing-1);outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.textarea__clear-btn:hover{color:var(--color-gray-600)}";var Ms=Object.defineProperty,Ds=Object.getOwnPropertyDescriptor,H=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ds(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Ms(e,t,o),o};n.TextArea=class extends T{constructor(){super(...arguments),this.value="",this.placeholder="",this.name="",this.autocomplete="",this.rows=3,this.wrap="soft",this.resize="vertical",this.autoResize=!1,this.size="default",this.variant="default",this.label="",this.helper="",this.error="",this.required=!1,this.disabled=!1,this.readonly=!1,this._internalError="",this.handleInput=e=>{const t=e.target;this.value=t.value,this.autoResize&&this.adjustHeight(),this._internalError&&(this._internalError="",this._textareaElement.setCustomValidity("")),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:this.value,originalEvent:e}}))},this.handleChange=e=>{const t=e.target;this.value=t.value,t.checkValidity()||(this._internalError=t.validationMessage),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:this.value,originalEvent:e}}))},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("keydown",{bubbles:!0,composed:!0,detail:{key:e.key,originalEvent:e}}))},this.handleKeyUp=e=>{this.dispatchEvent(new CustomEvent("keyup",{bubbles:!0,composed:!0,detail:{key:e.key,originalEvent:e}}))},this.handleClear=()=>{this.value="",this._textareaElement&&(this._textareaElement.value="",this.autoResize&&this.adjustHeight()),this.dispatchEvent(new CustomEvent("clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:"",originalEvent:null}}))}}get textareaElement(){return this._textareaElement}focus(){var e;(e=this._textareaElement)==null||e.focus()}blur(){var e;(e=this._textareaElement)==null||e.blur()}select(){var e;(e=this._textareaElement)==null||e.select()}setSelectionRange(e,t,r){var o;(o=this._textareaElement)==null||o.setSelectionRange(e,t,r)}checkValidity(){var e,t;return(t=(e=this._textareaElement)==null?void 0:e.checkValidity())!=null?t:!0}reportValidity(){var e,t;return(t=(e=this._textareaElement)==null?void 0:e.reportValidity())!=null?t:!0}setCustomValidity(e){var t;(t=this._textareaElement)==null||t.setCustomValidity(e),this._internalError=e,this.requestUpdate()}adjustHeight(){!this.autoResize||!this._textareaElement||(this._textareaElement.style.height="auto",this._textareaElement.style.height=`${this._textareaElement.scrollHeight}px`)}updated(e){super.updated(e),e.has("value")&&this.autoResize&&this.adjustHeight()}getResizeClass(){return this.autoResize?"textarea__field--auto-resize":{none:"textarea__field--resize-none",vertical:"textarea__field--resize-vertical",horizontal:"textarea__field--resize-horizontal",both:"textarea__field--resize-both"}[this.resize]}render(){var o,s,a;const e=this.error||this._internalError,t=!!this.value&&!this.disabled&&!this.readonly,r=`textarea__field ${this.getResizeClass()}`;return u`
|
|
273
270
|
<logosphere-formfield
|
|
274
|
-
.label
|
|
275
|
-
.helper
|
|
276
|
-
.error
|
|
277
|
-
.required
|
|
278
|
-
.disabled
|
|
279
|
-
.readonly
|
|
280
|
-
.placeholder
|
|
281
|
-
.size
|
|
282
|
-
.variant
|
|
271
|
+
.label=${this.label}
|
|
272
|
+
.helper=${this.helper}
|
|
273
|
+
.error=${e}
|
|
274
|
+
.required=${this.required}
|
|
275
|
+
.disabled=${this.disabled}
|
|
276
|
+
.readonly=${this.readonly}
|
|
277
|
+
.placeholder=${this.placeholder}
|
|
278
|
+
.size=${this.size}
|
|
279
|
+
.variant=${this.variant}
|
|
283
280
|
>
|
|
284
281
|
<slot name="prefix" slot="prefix"></slot>
|
|
285
282
|
<textarea
|
|
286
|
-
class="
|
|
287
|
-
.value
|
|
288
|
-
placeholder
|
|
289
|
-
name
|
|
290
|
-
autocomplete
|
|
291
|
-
?required
|
|
292
|
-
?disabled
|
|
293
|
-
?readonly
|
|
294
|
-
minlength
|
|
295
|
-
maxlength
|
|
296
|
-
rows
|
|
297
|
-
cols
|
|
298
|
-
wrap
|
|
299
|
-
@input
|
|
300
|
-
@change
|
|
301
|
-
@keydown
|
|
302
|
-
@keyup
|
|
283
|
+
class="${r}"
|
|
284
|
+
.value=${rr(this.value)}
|
|
285
|
+
placeholder=${this.placeholder||m}
|
|
286
|
+
name=${this.name||m}
|
|
287
|
+
autocomplete=${this.autocomplete||m}
|
|
288
|
+
?required=${this.required}
|
|
289
|
+
?disabled=${this.disabled}
|
|
290
|
+
?readonly=${this.readonly}
|
|
291
|
+
minlength=${(o=this.minlength)!=null?o:m}
|
|
292
|
+
maxlength=${(s=this.maxlength)!=null?s:m}
|
|
293
|
+
rows=${this.rows}
|
|
294
|
+
cols=${(a=this.cols)!=null?a:m}
|
|
295
|
+
wrap=${this.wrap}
|
|
296
|
+
@input=${this.handleInput}
|
|
297
|
+
@change=${this.handleChange}
|
|
298
|
+
@keydown=${this.handleKeyDown}
|
|
299
|
+
@keyup=${this.handleKeyUp}
|
|
303
300
|
></textarea>
|
|
304
|
-
|
|
305
|
-
<slot name="suffix" slot="suffix"></slot>
|
|
306
|
-
</logosphere-formfield>
|
|
307
|
-
`])),this.label,this.helper,a,this.required,this.disabled,this.readonly,this.placeholder,this.size,this.variant,l,$n(this.value),this.placeholder||x,this.name||x,this.autocomplete||x,this.required,this.disabled,this.readonly,(t=this.minlength)!==null&&t!==void 0?t:x,(n=this.maxlength)!==null&&n!==void 0?n:x,this.rows,(o=this.cols)!==null&&o!==void 0?o:x,this.wrap,this.handleInput,this.handleChange,this.handleKeyDown,this.handleKeyUp,s?m(bo||(bo=v([`
|
|
301
|
+
${t?u`
|
|
308
302
|
<button
|
|
309
303
|
type="button"
|
|
310
304
|
slot="clear"
|
|
311
305
|
class="textarea__clear-btn"
|
|
312
|
-
@click
|
|
306
|
+
@click=${this.handleClear}
|
|
313
307
|
tabindex="-1"
|
|
314
308
|
>
|
|
315
309
|
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
316
310
|
</button>
|
|
317
|
-
`])),this.handleClear):x)}}])})(V),c.TextArea.styles=[ee(_o||(_o=v(["",""])),Q(Rl))],J([ie("textarea")],c.TextArea.prototype,"_textareaElement",2),J([h({type:String})],c.TextArea.prototype,"value",2),J([h({type:String})],c.TextArea.prototype,"placeholder",2),J([h({type:String})],c.TextArea.prototype,"name",2),J([h({type:String})],c.TextArea.prototype,"autocomplete",2),J([h({type:Number})],c.TextArea.prototype,"minlength",2),J([h({type:Number})],c.TextArea.prototype,"maxlength",2),J([h({type:Number})],c.TextArea.prototype,"rows",2),J([h({type:Number})],c.TextArea.prototype,"cols",2),J([h({type:String})],c.TextArea.prototype,"wrap",2),J([h({type:String})],c.TextArea.prototype,"resize",2),J([h({type:Boolean})],c.TextArea.prototype,"autoResize",2),J([h({type:String})],c.TextArea.prototype,"size",2),J([h({type:String})],c.TextArea.prototype,"variant",2),J([h({type:String})],c.TextArea.prototype,"label",2),J([h({type:String})],c.TextArea.prototype,"helper",2),J([h({type:String})],c.TextArea.prototype,"error",2),J([h({type:Boolean})],c.TextArea.prototype,"required",2),J([h({type:Boolean})],c.TextArea.prototype,"disabled",2),J([h({type:Boolean})],c.TextArea.prototype,"readonly",2),J([M()],c.TextArea.prototype,"_internalError",2),c.TextArea=J([te("logosphere-textarea")],c.TextArea);const Fl='.combobox{display:flex;flex-direction:column;gap:var(--spacing-1);font-family:var(--font-family-base);width:100%}.combobox__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text)}.combobox__label--required:after{content:" *";color:var(--color-primary)}.combobox__readonly{border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-body-text);padding:0;outline:none;font-family:var(--font-family-base)}.combobox__wrapper{position:relative;width:100%;cursor:pointer}.combobox__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-2);padding:0;border:none;border-radius:0;background-color:transparent;cursor:pointer;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.combobox__trigger--default{min-height:20px}.combobox__trigger--large{min-height:24px;font-size:var(--font-size-base)}.combobox__trigger--open{color:var(--color-body-text)}.combobox__trigger--readonly{cursor:default;color:var(--color-tertiary)}.combobox__trigger--disabled{cursor:not-allowed;color:var(--color-tertiary)}.combobox__trigger--readonly .combobox__chevron,.combobox__trigger--disabled .combobox__chevron{opacity:.3}.combobox__placeholder{color:var(--color-tertiary);font-size:var(--font-size-sm);flex:1}.combobox__single-value{flex:1;font-size:var(--font-size-sm);color:var(--color-body-text)}.combobox__chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--color-tertiary);flex-shrink:0;transition:transform var(--transition-speed-fast) var(--transition-timing);position:absolute;right:var(--spacing-3)}.combobox__chevron--open{transform:rotate(180deg)}.combobox__tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1);flex:1;overflow:hidden}.combobox__tag{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-tertiary-bg);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-body-text);white-space:nowrap}.combobox__tag-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-tertiary);line-height:1;transition:color var(--transition-speed-fast) var(--transition-timing)}.combobox__tag-remove:hover{color:var(--color-body-text)}.combobox__clear{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0 12px 0 0;cursor:pointer;color:var(--color-secondary);line-height:1;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.combobox__clear:hover{color:var(--color-body-text)}.combobox__filter-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);min-width:0;padding:0;cursor:text}.combobox__filter-input:disabled{cursor:not-allowed}.combobox__filter-input::placeholder{color:var(--color-tertiary)}.combobox__filter-input--inline{flex:1;min-width:60px}.combobox__trigger--multi-filter{flex-wrap:wrap;height:auto;min-height:32px;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.combobox__trigger--large.combobox__trigger--multi-filter{min-height:40px}.combobox__dropdown{width:auto;min-width:240px;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-base);z-index:var(--z-index-dropdown);overflow:hidden}.combobox__search{width:100%;padding:var(--spacing-1-5) var(--spacing-3);border:none;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-body-text);font-family:var(--font-family-base);outline:none;box-sizing:border-box;background-color:var(--color-body-bg)}.combobox__search::placeholder{color:var(--color-tertiary)}.combobox__list{max-height:208px;overflow-y:auto}.combobox__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-body-text);cursor:pointer;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.combobox__item:hover,.combobox__item--selected,.combobox__item--focused{background-color:var(--color-tertiary-bg)}.combobox__empty{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-tertiary);text-align:center}';var yo,wo,ko,Co,xo,$o,Eo,Oo,So,Mo,Do,Ao,Po,zo,Lo,Ul=Object.defineProperty,Nl=Object.getOwnPropertyDescriptor,G=function(r,e,t,n){for(var o=n>1?void 0:n?Nl(e,t):e,a=r.length-1,s;a>=0;a--)(s=r[a])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&Ul(e,t,o),o};c.Combobox=(function(i){function r(){var e;return A(this,r),e=I(this,r,arguments),e.inputId="combo-"+Math.random().toString(36).substring(2),e.label="",e.helper="",e.error="",e.placeholder="Seçim yapınız",e.required=!1,e.disabled=!1,e.readOnly=!1,e.variant="default",e.multiple=!1,e.filterable=!1,e.optionLabel="label",e.optionValue="value",e.emptyMessage="Sonuç yok",e.items=[],e.size="default",e.selected=[],e.inputValue="",e.isOpen=!1,e.focusedIndex=-1,e._filteredItems=[],e._dropdownMinWidth=240,e._handleOutsideClick=function(t){t.composedPath().includes(e)||e._closeDropdown()},e._handleKeydown=function(t){if(!(e.readOnly||e.disabled))switch(t.key){case"ArrowDown":t.preventDefault(),e.isOpen?e.focusedIndex=Math.min(e.focusedIndex+1,e._filteredItems.length-1):(e.isOpen=!0,e.focusedIndex=0),e._scrollFocusedIntoView();break;case"ArrowUp":t.preventDefault(),e.isOpen&&(e.focusedIndex=Math.max(e.focusedIndex-1,0),e._scrollFocusedIntoView());break;case"Enter":t.preventDefault(),e.isOpen?e.focusedIndex>=0&&e.focusedIndex<e._filteredItems.length&&e._selectItem(e._filteredItems[e.focusedIndex],t):(e.isOpen=!0,e.focusedIndex=0);break;case"Escape":t.preventDefault(),e._closeDropdown();break}},e._removeTag=function(t,n){n.stopPropagation(),e.setSelected(e.selected.filter(function(o){return o[e.optionValue]!==t[e.optionValue]}))},e._clearSelection=function(t){t.stopPropagation(),e.setSelected([]),e.inputValue=""},e._onFilterFocus=function(){e.readOnly||e.disabled||(e.inputValue="",e.isOpen=!0,e.focusedIndex=0)},e._onFilterInput=function(t){e.readOnly||e.disabled||(e.inputValue=t.target.value,e.focusedIndex=0,e.isOpen||(e.isOpen=!0))},e._stopPropagation=function(t){return t.stopPropagation()},e._onTriggerClick=function(t){t.stopPropagation(),!(e.readOnly||e.disabled)&&(e.filterable&&!e.multiple?e._focusFilterInput():e.isOpen=!e.isOpen)},e._onFieldClick=function(t){if(!(e.readOnly||e.disabled)){var n=t.composedPath(),o=n.some(function(a){var s;return a==null||(s=a.classList)===null||s===void 0?void 0:s.contains("combobox__dropdown")});if(!o){if(e.filterable&&!e.multiple){e.isOpen=!0,e._focusFilterInput();return}e.isOpen=!e.isOpen}}},e._onChevronClick=function(t){if(t.stopPropagation(),!(e.readOnly||e.disabled)){if(e.isOpen){e._closeDropdown();return}e.isOpen=!0,e.filterable&&!e.multiple&&e._focusFilterInput()}},e}return B(r,i),P(r,[{key:"willUpdate",value:function(t){var n=this;if(t.has("items")||t.has("inputValue")||t.has("optionLabel")){var o=this.inputValue.toLocaleLowerCase();this._filteredItems=this.items.filter(function(a){var s;return String((s=a[n.optionLabel])!==null&&s!==void 0?s:"").toLocaleLowerCase().includes(o)})}}},{key:"updated",value:function(t){var n=this;if(t.has("isOpen")&&this.isOpen&&this.filterable&&this.multiple){var o,a;(o=this.shadowRoot)===null||o===void 0||(a=o.querySelector(".combobox__search"))===null||a===void 0||a.focus()}if(t.has("isOpen")){this.isOpen?this.updateComplete.then(function(){return n._updatePopper()}):this._destroyPopper();return}this.isOpen&&this._updatePopper()}},{key:"connectedCallback",value:function(){W(r,"connectedCallback",this)([]),document.addEventListener("click",this._handleOutsideClick)}},{key:"disconnectedCallback",value:function(){W(r,"disconnectedCallback",this)([]),document.removeEventListener("click",this._handleOutsideClick),this._destroyPopper()}},{key:"_closeDropdown",value:function(){this.isOpen=!1,this.focusedIndex=-1,this.filterable&&(this.inputValue="")}},{key:"_filterDisplayValue",get:function(){return this.isOpen?this.inputValue:!this.multiple&&this.selected.length?String(this.selected[0][this.optionLabel]):""}},{key:"_focusFilterInput",value:function(){var t=this;this.updateComplete.then(function(){var n,o;(n=t.shadowRoot)===null||n===void 0||(o=n.querySelector(".combobox__filter-input"))===null||o===void 0||o.focus()})}},{key:"_scrollFocusedIntoView",value:function(){var t=this;this.updateComplete.then(function(){var n,o,a=(n=t.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll(".combobox__item");a==null||(o=a[t.focusedIndex])===null||o===void 0||o.scrollIntoView({block:"nearest"})})}},{key:"selectedItems",value:function(){return this.selected}},{key:"isSelected",value:function(t){var n=this;return this.selected.some(function(o){return o[n.optionValue]===t[n.optionValue]})}},{key:"_selectItem",value:function(t,n){var o=this;n.stopPropagation();var a;this.multiple?a=this.isSelected(t)?this.selected.filter(function(s){return s[o.optionValue]!==t[o.optionValue]}):[].concat(_e(this.selected),[t]):(a=[t],this.isOpen=!1,this.filterable&&(this.inputValue="")),this.setSelected(a)}},{key:"setSelected",value:function(t){this.selected=t,this.dispatchEvent(new CustomEvent("selected",{detail:{selected:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))}},{key:"_renderTagList",value:function(){var t=this;return m(yo||(yo=v([`
|
|
311
|
+
`:m}
|
|
312
|
+
<slot name="suffix" slot="suffix"></slot>
|
|
313
|
+
</logosphere-formfield>
|
|
314
|
+
`}},n.TextArea.styles=[N`${F(Ss)}`],H([J("textarea")],n.TextArea.prototype,"_textareaElement",2),H([c({type:String})],n.TextArea.prototype,"value",2),H([c({type:String})],n.TextArea.prototype,"placeholder",2),H([c({type:String})],n.TextArea.prototype,"name",2),H([c({type:String})],n.TextArea.prototype,"autocomplete",2),H([c({type:Number})],n.TextArea.prototype,"minlength",2),H([c({type:Number})],n.TextArea.prototype,"maxlength",2),H([c({type:Number})],n.TextArea.prototype,"rows",2),H([c({type:Number})],n.TextArea.prototype,"cols",2),H([c({type:String})],n.TextArea.prototype,"wrap",2),H([c({type:String})],n.TextArea.prototype,"resize",2),H([c({type:Boolean})],n.TextArea.prototype,"autoResize",2),H([c({type:String})],n.TextArea.prototype,"size",2),H([c({type:String})],n.TextArea.prototype,"variant",2),H([c({type:String})],n.TextArea.prototype,"label",2),H([c({type:String})],n.TextArea.prototype,"helper",2),H([c({type:String})],n.TextArea.prototype,"error",2),H([c({type:Boolean})],n.TextArea.prototype,"required",2),H([c({type:Boolean})],n.TextArea.prototype,"disabled",2),H([c({type:Boolean})],n.TextArea.prototype,"readonly",2),H([$()],n.TextArea.prototype,"_internalError",2),n.TextArea=H([U("logosphere-textarea")],n.TextArea);const As='.combobox{display:flex;flex-direction:column;gap:var(--spacing-1);font-family:var(--font-family-base);width:100%}.combobox__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text)}.combobox__label--required:after{content:" *";color:var(--color-primary)}.combobox__readonly{border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-body-text);padding:0;outline:none;font-family:var(--font-family-base)}.combobox__wrapper{position:relative;width:100%;cursor:pointer}.combobox__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-2);padding:0;border:none;border-radius:0;background-color:transparent;cursor:pointer;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.combobox__trigger--default{min-height:20px}.combobox__trigger--large{min-height:24px;font-size:var(--font-size-base)}.combobox__trigger--open{color:var(--color-body-text)}.combobox__trigger--readonly{cursor:default;color:var(--color-tertiary)}.combobox__trigger--disabled{cursor:not-allowed;color:var(--color-tertiary)}.combobox__trigger--readonly .combobox__chevron,.combobox__trigger--disabled .combobox__chevron{opacity:.3}.combobox__placeholder{color:var(--color-tertiary);font-size:var(--font-size-sm);flex:1}.combobox__single-value{flex:1;font-size:var(--font-size-sm);color:var(--color-body-text)}.combobox__chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--color-tertiary);flex-shrink:0;transition:transform var(--transition-speed-fast) var(--transition-timing);position:absolute;right:var(--spacing-3)}.combobox__chevron--open{transform:rotate(180deg)}.combobox__tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1);flex:1;overflow:hidden}.combobox__tag{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-tertiary-bg);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-body-text);white-space:nowrap}.combobox__tag-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-tertiary);line-height:1;transition:color var(--transition-speed-fast) var(--transition-timing)}.combobox__tag-remove:hover{color:var(--color-body-text)}.combobox__clear{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0 12px 0 0;cursor:pointer;color:var(--color-secondary);line-height:1;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.combobox__clear:hover{color:var(--color-body-text)}.combobox__filter-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);min-width:0;padding:0;cursor:text}.combobox__filter-input:disabled{cursor:not-allowed}.combobox__filter-input::placeholder{color:var(--color-tertiary)}.combobox__filter-input--inline{flex:1;min-width:60px}.combobox__trigger--multi-filter{flex-wrap:wrap;height:auto;min-height:32px;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.combobox__trigger--large.combobox__trigger--multi-filter{min-height:40px}.combobox__dropdown{width:auto;min-width:240px;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-base);z-index:var(--z-index-dropdown);overflow:hidden}.combobox__search{width:100%;padding:var(--spacing-1-5) var(--spacing-3);border:none;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-body-text);font-family:var(--font-family-base);outline:none;box-sizing:border-box;background-color:var(--color-body-bg)}.combobox__search::placeholder{color:var(--color-tertiary)}.combobox__list{max-height:208px;overflow-y:auto}.combobox__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-body-text);cursor:pointer;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.combobox__item:hover,.combobox__item--selected,.combobox__item--focused{background-color:var(--color-tertiary-bg)}.combobox__empty{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-tertiary);text-align:center}';var zs=Object.defineProperty,Os=Object.getOwnPropertyDescriptor,R=(i,e,t,r)=>{for(var o=r>1?void 0:r?Os(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&zs(e,t,o),o};n.Combobox=class extends T{constructor(){super(...arguments),this.inputId="combo-"+Math.random().toString(36).substring(2),this.label="",this.helper="",this.error="",this.placeholder="Seçim yapınız",this.required=!1,this.disabled=!1,this.readOnly=!1,this.variant="default",this.multiple=!1,this.filterable=!1,this.optionLabel="label",this.optionValue="value",this.emptyMessage="Sonuç yok",this.items=[],this.size="default",this.selected=[],this.inputValue="",this.isOpen=!1,this.focusedIndex=-1,this._filteredItems=[],this._dropdownMinWidth=240,this._handleOutsideClick=e=>{e.composedPath().includes(this)||this._closeDropdown()},this._handleKeydown=e=>{if(!(this.readOnly||this.disabled))switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen?this.focusedIndex=Math.min(this.focusedIndex+1,this._filteredItems.length-1):(this.isOpen=!0,this.focusedIndex=0),this._scrollFocusedIntoView();break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedIndex=Math.max(this.focusedIndex-1,0),this._scrollFocusedIntoView());break;case"Enter":e.preventDefault(),this.isOpen?this.focusedIndex>=0&&this.focusedIndex<this._filteredItems.length&&this._selectItem(this._filteredItems[this.focusedIndex],e):(this.isOpen=!0,this.focusedIndex=0);break;case"Escape":e.preventDefault(),this._closeDropdown();break}},this._removeTag=(e,t)=>{t.stopPropagation(),this.setSelected(this.selected.filter(r=>r[this.optionValue]!==e[this.optionValue]))},this._clearSelection=e=>{e.stopPropagation(),this.setSelected([]),this.inputValue=""},this._onFilterFocus=()=>{this.readOnly||this.disabled||(this.inputValue="",this.isOpen=!0,this.focusedIndex=0)},this._onFilterInput=e=>{this.readOnly||this.disabled||(this.inputValue=e.target.value,this.focusedIndex=0,this.isOpen||(this.isOpen=!0))},this._stopPropagation=e=>e.stopPropagation(),this._onTriggerClick=e=>{e.stopPropagation(),!(this.readOnly||this.disabled)&&(this.filterable&&!this.multiple?this._focusFilterInput():this.isOpen=!this.isOpen)},this._onFieldClick=e=>{if(!(this.readOnly||this.disabled||e.composedPath().some(o=>{var s;return(s=o==null?void 0:o.classList)==null?void 0:s.contains("combobox__dropdown")}))){if(this.filterable&&!this.multiple){this.isOpen=!0,this._focusFilterInput();return}this.isOpen=!this.isOpen}},this._onChevronClick=e=>{if(e.stopPropagation(),!(this.readOnly||this.disabled)){if(this.isOpen){this._closeDropdown();return}this.isOpen=!0,this.filterable&&!this.multiple&&this._focusFilterInput()}}}willUpdate(e){if(e.has("items")||e.has("inputValue")||e.has("optionLabel")){const t=this.inputValue.toLocaleLowerCase();this._filteredItems=this.items.filter(r=>{var o;return String((o=r[this.optionLabel])!=null?o:"").toLocaleLowerCase().includes(t)})}}updated(e){var t,r;if(e.has("isOpen")&&this.isOpen&&this.filterable&&this.multiple&&((r=(t=this.shadowRoot)==null?void 0:t.querySelector(".combobox__search"))==null||r.focus()),e.has("isOpen")){this.isOpen?this.updateComplete.then(()=>this._updatePopper()):this._destroyPopper();return}this.isOpen&&this._updatePopper()}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleOutsideClick),this._destroyPopper()}_closeDropdown(){this.isOpen=!1,this.focusedIndex=-1,this.filterable&&(this.inputValue="")}get _filterDisplayValue(){return this.isOpen?this.inputValue:!this.multiple&&this.selected.length?String(this.selected[0][this.optionLabel]):""}_focusFilterInput(){this.updateComplete.then(()=>{var e,t;(t=(e=this.shadowRoot)==null?void 0:e.querySelector(".combobox__filter-input"))==null||t.focus()})}_scrollFocusedIntoView(){this.updateComplete.then(()=>{var t,r;const e=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(".combobox__item");(r=e==null?void 0:e[this.focusedIndex])==null||r.scrollIntoView({block:"nearest"})})}selectedItems(){return this.selected}isSelected(e){return this.selected.some(t=>t[this.optionValue]===e[this.optionValue])}_selectItem(e,t){t.stopPropagation();let r;this.multiple?r=this.isSelected(e)?this.selected.filter(o=>o[this.optionValue]!==e[this.optionValue]):[...this.selected,e]:(r=[e],this.isOpen=!1,this.filterable&&(this.inputValue="")),this.setSelected(r)}setSelected(e){this.selected=e,this.dispatchEvent(new CustomEvent("selected",{detail:{selected:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}_renderTagList(){return u`
|
|
318
315
|
<div class="combobox__tags">
|
|
319
|
-
|
|
320
|
-
</div>
|
|
321
|
-
`])),this.selected.map(function(n){return m(wo||(wo=v([`
|
|
316
|
+
${this.selected.map(e=>u`
|
|
322
317
|
<span class="combobox__tag">
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
</span>
|
|
326
|
-
`])),n[t.optionLabel],t.readOnly?x:m(ko||(ko=v([`
|
|
318
|
+
${e[this.optionLabel]}
|
|
319
|
+
${this.readOnly?m:u`
|
|
327
320
|
<button
|
|
328
321
|
class="combobox__tag-remove"
|
|
329
|
-
@click
|
|
322
|
+
@click=${t=>this._removeTag(e,t)}
|
|
330
323
|
aria-label="Remove"
|
|
331
324
|
>
|
|
332
325
|
<ui-icon name="uil-times" size="12"></ui-icon>
|
|
333
326
|
</button>
|
|
334
|
-
`
|
|
327
|
+
`}
|
|
328
|
+
</span>
|
|
329
|
+
`)}
|
|
330
|
+
</div>
|
|
331
|
+
`}_renderTriggerContent(){return this.filterable&&!this.multiple?u`
|
|
335
332
|
<input
|
|
336
333
|
class="combobox__filter-input"
|
|
337
334
|
type="text"
|
|
338
|
-
.value
|
|
339
|
-
placeholder
|
|
340
|
-
?disabled
|
|
341
|
-
@focus
|
|
342
|
-
@input
|
|
343
|
-
@keydown
|
|
344
|
-
@click
|
|
335
|
+
.value=${this._filterDisplayValue}
|
|
336
|
+
placeholder=${this.placeholder}
|
|
337
|
+
?disabled=${this.readOnly||this.disabled}
|
|
338
|
+
@focus=${this._onFilterFocus}
|
|
339
|
+
@input=${this._onFilterInput}
|
|
340
|
+
@keydown=${this._handleKeydown}
|
|
341
|
+
@click=${this._stopPropagation}
|
|
345
342
|
/>
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
<button class="combobox__clear" @click=`,` aria-label="Clear">
|
|
343
|
+
${!this.readOnly&&this.selected.length?u`
|
|
344
|
+
<button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
|
|
349
345
|
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
350
346
|
</button>
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
<button class="combobox__clear" @click
|
|
347
|
+
`:m}
|
|
348
|
+
`:this.multiple&&this.selected.length?this._renderTagList():!this.multiple&&this.selected.length?u`
|
|
349
|
+
<span class="combobox__single-value">${this.selected[0][this.optionLabel]}</span>
|
|
350
|
+
${this.readOnly?m:u`
|
|
351
|
+
<button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
|
|
356
352
|
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
357
353
|
</button>
|
|
358
|
-
`
|
|
354
|
+
`}
|
|
355
|
+
`:u`<span class="combobox__placeholder">${this.placeholder}</span>`}_renderDropdown(){return this.isOpen?u`
|
|
359
356
|
<div data-combobox-popper class="combobox__dropdown">
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
<div class="combobox__list">
|
|
363
|
-
`,`
|
|
364
|
-
</div>
|
|
365
|
-
</div>
|
|
366
|
-
`])),this.filterable&&this.multiple?m(Mo||(Mo=v([`
|
|
357
|
+
${this.filterable&&this.multiple?u`
|
|
367
358
|
<input
|
|
368
359
|
class="combobox__search"
|
|
369
360
|
type="text"
|
|
370
|
-
placeholder
|
|
371
|
-
.value
|
|
372
|
-
@input
|
|
373
|
-
@keydown
|
|
374
|
-
@click
|
|
361
|
+
placeholder=${this.placeholder}
|
|
362
|
+
.value=${this.inputValue}
|
|
363
|
+
@input=${this._onFilterInput}
|
|
364
|
+
@keydown=${this._handleKeydown}
|
|
365
|
+
@click=${this._stopPropagation}
|
|
375
366
|
/>
|
|
376
|
-
|
|
367
|
+
`:m}
|
|
368
|
+
|
|
369
|
+
<div class="combobox__list">
|
|
370
|
+
${this._filteredItems.length===0?u`<div class="combobox__empty">${this.emptyMessage}</div>`:this._filteredItems.map((e,t)=>u`
|
|
377
371
|
<div
|
|
378
372
|
class="combobox__item
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
@click
|
|
382
|
-
@mouseenter
|
|
373
|
+
${!this.multiple&&this.isSelected(e)?"combobox__item--selected":""}
|
|
374
|
+
${t===this.focusedIndex?"combobox__item--focused":""}"
|
|
375
|
+
@click=${r=>this._selectItem(e,r)}
|
|
376
|
+
@mouseenter=${()=>{this.focusedIndex=t}}
|
|
383
377
|
>
|
|
384
|
-
|
|
385
|
-
`,`
|
|
386
|
-
</div>
|
|
387
|
-
`])),!t.multiple&&t.isSelected(n)?"combobox__item--selected":"",o===t.focusedIndex?"combobox__item--focused":"",function(a){return t._selectItem(n,a)},function(){t.focusedIndex=o},t.multiple?m(Po||(Po=v([`
|
|
378
|
+
${this.multiple?u`
|
|
388
379
|
<logosphere-checkbox
|
|
389
|
-
.checked
|
|
390
|
-
.value
|
|
391
|
-
@click
|
|
380
|
+
.checked=${this.isSelected(e)}
|
|
381
|
+
.value=${e[this.optionValue]}
|
|
382
|
+
@click=${this._stopPropagation}
|
|
392
383
|
></logosphere-checkbox>
|
|
393
|
-
|
|
384
|
+
`:m}
|
|
385
|
+
${e[this.optionLabel]}
|
|
386
|
+
</div>
|
|
387
|
+
`)}
|
|
388
|
+
</div>
|
|
389
|
+
</div>
|
|
390
|
+
`:m}_getPopperModifiers(){return[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8,fallbackPlacements:["top-start","right-start","left-start","bottom-end","top-end"]}}]}_getPopperReferenceElement(){var t,r;const e=(r=(t=this._formFieldElement)==null?void 0:t.shadowRoot)==null?void 0:r.querySelector(".formfield__container");return e!=null?e:this._referenceElement}_updatePopper(){const e=this._getPopperReferenceElement(),t=this._dropdownElement;if(!this.isOpen||!e||!t||!this.isConnected)return;const r=Math.round(e.getBoundingClientRect().width);if(t.style.width=`${Math.max(this._dropdownMinWidth,r)}px`,this._popperInstance){this._popperInstance.setOptions({placement:"bottom-start",strategy:"fixed",modifiers:this._getPopperModifiers()}),this._popperInstance.update();return}this._popperInstance=pr(e,t,{placement:"bottom-start",strategy:"fixed",modifiers:this._getPopperModifiers()})}_destroyPopper(){this._popperInstance&&(this._popperInstance.destroy(),this._popperInstance=void 0)}render(){const e=["combobox__trigger",`combobox__trigger--${this.size}`,this.disabled?"combobox__trigger--disabled":"",this.readOnly?"combobox__trigger--readonly":"",!this.readOnly&&!this.disabled&&this.isOpen?"combobox__trigger--open":""].filter(Boolean).join(" ");return u`
|
|
394
391
|
<div class="combobox">
|
|
395
392
|
<logosphere-formfield
|
|
396
|
-
.label
|
|
397
|
-
.helper
|
|
398
|
-
.error
|
|
393
|
+
.label=${this.label}
|
|
394
|
+
.helper=${this.helper}
|
|
395
|
+
.error=${this.error}
|
|
399
396
|
cursor="pointer"
|
|
400
|
-
.required
|
|
401
|
-
.disabled
|
|
402
|
-
.readonly
|
|
403
|
-
.size
|
|
404
|
-
.variant
|
|
405
|
-
@click
|
|
397
|
+
.required=${this.required}
|
|
398
|
+
.disabled=${this.disabled}
|
|
399
|
+
.readonly=${this.readOnly}
|
|
400
|
+
.size=${this.size}
|
|
401
|
+
.variant=${this.variant}
|
|
402
|
+
@click=${this._onFieldClick}
|
|
406
403
|
>
|
|
407
404
|
<div class="combobox__wrapper">
|
|
408
405
|
<div
|
|
409
|
-
class="
|
|
410
|
-
tabindex="
|
|
411
|
-
@click
|
|
412
|
-
@keydown
|
|
406
|
+
class="${e}"
|
|
407
|
+
tabindex="${this.readOnly||this.filterable||this.disabled?-1:0}"
|
|
408
|
+
@click=${this._onTriggerClick}
|
|
409
|
+
@keydown=${this.filterable?m:this._handleKeydown}
|
|
413
410
|
>
|
|
414
|
-
|
|
411
|
+
${this._renderTriggerContent()}
|
|
415
412
|
</div>
|
|
416
413
|
|
|
417
|
-
|
|
414
|
+
${this._renderDropdown()}
|
|
418
415
|
</div>
|
|
419
416
|
<span
|
|
420
|
-
class="combobox__chevron
|
|
421
|
-
@click
|
|
417
|
+
class="combobox__chevron ${this.isOpen?"combobox__chevron--open":""}"
|
|
418
|
+
@click=${this._onChevronClick}
|
|
422
419
|
>
|
|
423
420
|
<ui-icon name="uil-angle-down" size="16"></ui-icon>
|
|
424
421
|
</span>
|
|
425
422
|
</logosphere-formfield>
|
|
426
423
|
</div>
|
|
427
|
-
`
|
|
428
|
-
|
|
429
|
-
`])),Q(Fl))],G([h({type:String})],c.Combobox.prototype,"label",2),G([h({type:String})],c.Combobox.prototype,"helper",2),G([h({type:String})],c.Combobox.prototype,"error",2),G([h({type:String})],c.Combobox.prototype,"placeholder",2),G([h({type:Boolean})],c.Combobox.prototype,"required",2),G([h({type:Boolean})],c.Combobox.prototype,"disabled",2),G([h({type:Boolean})],c.Combobox.prototype,"readOnly",2),G([h({type:String})],c.Combobox.prototype,"variant",2),G([h({type:Boolean})],c.Combobox.prototype,"multiple",2),G([h({type:Boolean})],c.Combobox.prototype,"filterable",2),G([h({type:String})],c.Combobox.prototype,"optionLabel",2),G([h({type:String})],c.Combobox.prototype,"optionValue",2),G([h({type:String})],c.Combobox.prototype,"emptyMessage",2),G([h({type:Array})],c.Combobox.prototype,"items",2),G([h({type:String})],c.Combobox.prototype,"size",2),G([M()],c.Combobox.prototype,"selected",2),G([M()],c.Combobox.prototype,"inputValue",2),G([M()],c.Combobox.prototype,"isOpen",2),G([M()],c.Combobox.prototype,"focusedIndex",2),G([ie(".combobox__wrapper")],c.Combobox.prototype,"_referenceElement",2),G([ie("logosphere-formfield")],c.Combobox.prototype,"_formFieldElement",2),G([ie("[data-combobox-popper]")],c.Combobox.prototype,"_dropdownElement",2),c.Combobox=G([te("logosphere-combobox")],c.Combobox);const Vl=":host{display:block;z-index:9999}.chatbot{font-family:var(--font-family-base)}.chatbot__overlay{position:fixed;inset:0;background-color:#0003;z-index:var(--z-index-modal-backdrop)}.chatbot__launcher{position:fixed;z-index:var(--z-index-modal);display:flex;align-items:center;gap:var(--spacing-4);padding-left:var(--spacing-4);padding-right:var(--spacing-4);height:66px;color:#fff;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-base);background-color:var(--color-body-bg);overflow:hidden;transition:box-shadow var(--transition-speed-fast) var(--transition-timing)}.chatbot__launcher:hover{box-shadow:var(--shadow-md)}.chatbot__launcher--draggable{cursor:move}.chatbot__launcher--hidden{visibility:hidden;width:72px;height:66px;justify-content:center;padding:0}.chatbot__launcher-icon{width:40px;height:34px;flex-shrink:0}.chatbot__launcher-text{display:flex;flex-direction:column}.chatbot__launcher-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);margin:0;line-height:24px;white-space:nowrap;color:var(--color-body-text)}.chatbot__launcher-subtitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin:0;line-height:20px;white-space:nowrap;color:var(--color-tertiary)}.chatbot__window{position:fixed;z-index:var(--z-index-modal);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-body-bg)}.chatbot__window--hidden{display:none}.chatbot__window--fullscreen{inset:80px 50px;width:auto;height:auto}.chatbot__resize-top{position:absolute;top:0;left:0;right:0;height:8px;cursor:ns-resize;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-top:hover{background-color:#0000000d}.chatbot__resize-side{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-side:hover{background-color:#0000000d}.chatbot__resize-side--left{left:0}.chatbot__resize-side--right{right:0}.chatbot__resize-corner{position:absolute;top:0;width:16px;height:16px;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-corner:hover{background-color:#0000001a}.chatbot__resize-corner--nwse{left:0;cursor:nwse-resize}.chatbot__resize-corner--nesw{right:0;cursor:nesw-resize}.chatbot__header{height:74px;display:flex;align-items:center;justify-content:space-between;padding-left:var(--spacing-5);padding-right:var(--spacing-4);gap:var(--spacing-4);flex-shrink:0;background-color:var(--color-body-bg);border-bottom:1px solid var(--color-border)}.chatbot__header-info{display:flex;align-items:center;gap:var(--spacing-4)}.chatbot__header-logo{width:50px;height:41px}.chatbot__header-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);margin:0;line-height:24px;color:var(--color-body-text)}.chatbot__header-subtitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin:0;line-height:20px;color:var(--color-tertiary)}.chatbot__header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.chatbot__body{flex:1;display:flex;flex-direction:column;background-color:var(--color-body-bg);position:relative;overflow:hidden}.chatbot__product{padding:var(--spacing-3);padding-bottom:0;flex-shrink:0;margin:0 var(--spacing-3)}.chatbot__messages{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.chatbot__messages::-webkit-scrollbar{display:none}.chatbot__message{display:flex}.chatbot__message--user{justify-content:flex-end}.chatbot__message--assistant,.chatbot__message--system{justify-content:flex-start}.chatbot__bubble{position:relative;color:var(--color-body-text);max-width:85%;border-radius:var(--radius-md);padding:var(--spacing-4);font-size:var(--font-size-sm);line-height:20px;font-weight:var(--font-weight-medium)}.chatbot__bubble--user{background-color:var(--color-primary);color:#fff;border-bottom-right-radius:0;border-top-right-radius:var(--radius-xl);border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.chatbot__bubble--user a{color:#ffffffe6}.chatbot__bubble--assistant,.chatbot__bubble--system{background-color:var(--color-tertiary-bg);border-bottom-left-radius:0;border-top-right-radius:var(--radius-xl);border-top-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.chatbot__message-content p{margin:0}.chatbot__message-content ol{list-style-type:decimal;margin:0;padding-left:var(--spacing-5)}.chatbot__message-content ul{list-style-type:disc;margin:0;padding-left:var(--spacing-5)}.chatbot__message-content li>ol,.chatbot__message-content li>ul{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.chatbot__message-content ol ol{list-style-type:lower-alpha}.chatbot__message-content ol ol ol{list-style-type:lower-roman}.chatbot__message-content ul ul{list-style-type:circle}.chatbot__message-content ul ul ul{list-style-type:square}.chatbot__message-content li{padding-left:var(--spacing-1)}.chatbot__message-content a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-speed-fast) var(--transition-timing)}.chatbot__message-content a:hover{color:var(--color-primary-hover)}.chatbot__feedback{display:flex;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2)}.chatbot__typing-wrapper{display:flex;justify-content:flex-start}.chatbot__typing{background-color:var(--color-tertiary-bg);padding:var(--spacing-3);border-radius:var(--radius-xl);border-bottom-left-radius:0;display:inline-flex;align-items:center;gap:2px}.chatbot__typing-dot{display:inline-block;width:6px;height:6px;background-color:var(--color-gray-300);border-radius:var(--radius-full);animation:chatbot-typing 1.4s infinite ease-in-out both;margin:0 2px}.chatbot__typing-dot:nth-child(1){animation-delay:-.32s}.chatbot__typing-dot:nth-child(2){animation-delay:-.16s}@keyframes chatbot-typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot__input-area{padding:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-1);background-color:var(--color-body-bg)}.chatbot__input-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-tertiary-bg);border-radius:var(--radius-md);padding:var(--spacing-2);border:1px solid transparent;transition:background-color var(--transition-speed-fast) var(--transition-timing),border-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__input-wrapper:focus-within{background-color:var(--color-body-bg);border-color:var(--color-border)}.chatbot__input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-body-text)}.chatbot__input::placeholder{color:var(--color-tertiary)}.chatbot__input:disabled{opacity:.5;cursor:not-allowed}.chatbot__footer{display:flex;align-items:center;justify-content:center;padding-bottom:var(--spacing-2)}.chatbot__footer-text{margin:0;padding:0;color:var(--color-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-base)}.chatbot__product-selector{padding:var(--spacing-3) var(--spacing-3) 0;flex-shrink:0}.chatbot__product-input{display:block;width:100%;height:24px;padding-left:var(--spacing-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-body-color);font-size:var(--font-size-md);outline:none}";var To,jo,Io,Bo,Ro,Yo,Ho,Fo,Uo,No,Vo,qo,Wo,Zo,Ko,Go,ql=Object.defineProperty,Wl=Object.getOwnPropertyDescriptor,Z=function(r,e,t,n){for(var o=n>1?void 0:n?Wl(e,t):e,a=r.length-1,s;a>=0;a--)(s=r[a])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&ql(e,t,o),o};c.LogosphereChatBot=(function(i){function r(){var e;return A(this,r),e=I(this,r,arguments),e.returnUri="",e.questionPrompt="",e.minimizedIconOnly=!1,e.draggable=!1,e.resizable=!1,e.products=[],e.openInitially=!1,e.showFeedbackButtons=!1,e.open=!1,e.fullscreen=!1,e.messages=[],e.isLoading=!1,e.inputText="",e.selectedProductId="",e.windowWidth=440,e.windowHeight=Math.min(700,window.innerHeight-40),e.position={right:20,bottom:20},e.isDragging=!1,e.screenWidth=window.innerWidth,e.dragStartPos={x:0,y:0},e.initialPosition={right:0,bottom:0},e.isResizing=!1,e.resizeDirection="horizontal",e.resizeStartWidth=0,e.resizeStartHeight=0,e.onWindowResize=function(){e.screenWidth=window.innerWidth;var t=window.innerHeight-40;e.windowHeight>t&&(e.windowHeight=t)},e.onToggle=function(){e.open=!e.open,e.scrollToBottom()},e.onClose=function(){e.open=!1,e.fullscreen=!1},e.onToggleFullscreen=function(){e.fullscreen=!e.fullscreen},e.onMouseMove=function(t){if(e.isDragging){var n,o=e.dragStartPos.x-t.clientX,a=e.dragStartPos.y-t.clientY,s=(n=e.shadowRoot)===null||n===void 0?void 0:n.querySelector(".chatbot__launcher"),l=s==null?void 0:s.getBoundingClientRect(),u=(l==null?void 0:l.width)||72,d=(l==null?void 0:l.height)||66;e.position={right:Math.max(0,Math.min(window.innerWidth-u,e.initialPosition.right+o)),bottom:Math.max(0,Math.min(window.innerHeight-d,e.initialPosition.bottom+a))}}else if(e.isResizing){var f=e.dragStartPos.x-t.clientX,p=e.dragStartPos.y-t.clientY;if(e.resizeDirection==="horizontal"||e.resizeDirection==="both"){var b=e.position.right<e.screenWidth/2;e.windowWidth=Math.max(300,e.resizeStartWidth+(b?f:-f))}(e.resizeDirection==="vertical"||e.resizeDirection==="both")&&(e.windowHeight=Math.max(400,e.resizeStartHeight+p))}},e.onMouseUp=function(t){if(e.isDragging){e.isDragging=!1,window.removeEventListener("mousemove",e.onMouseMove),window.removeEventListener("mouseup",e.onMouseUp);var n=Math.hypot(t.clientX-e.dragStartPos.x,t.clientY-e.dragStartPos.y);n<5&&e.onToggle()}else e.isResizing&&(e.isResizing=!1,window.removeEventListener("mousemove",e.onMouseMove),window.removeEventListener("mouseup",e.onMouseUp))},e.handleKeyDown=function(t){t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),e.sendMessage())},e.onInput=function(t){var n=t.target;e.inputText=n?n.value:t.detail},e.onCopyMessage=function(t){navigator.clipboard.writeText(t)},e}return B(r,i),P(r,[{key:"connectedCallback",value:function(){W(r,"connectedCallback",this)([]),window.addEventListener("resize",this.onWindowResize)}},{key:"disconnectedCallback",value:function(){W(r,"disconnectedCallback",this)([]),window.removeEventListener("resize",this.onWindowResize),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp)}},{key:"firstUpdated",value:(function(){var e=fe(q().m(function n(){return q().w(function(o){for(;;)switch(o.n){case 0:if(this.selectedProductId=this._resolveInitialProduct(),this.open=this.openInitially,!this.open){o.n=1;break}return o.n=1,this.initConversation();case 1:return o.a(2)}},n,this)}));function t(){return e.apply(this,arguments)}return t})()},{key:"updated",value:function(t){t.has("products")&&this.handleProductUpdate(),t.has("messages")&&this.scrollToBottom(),t.has("open")&&this.open&&!this.conversationId&&this.initConversation()}},{key:"_resolveInitialProduct",value:function(){if(!this.products.length)return"";var t=this.products.find(function(n){return n.selected});return t?t.id:this.products.length===1?this.products[0].id:""}},{key:"handleProductUpdate",value:function(){var t=this;if(this.products.length){var n=this._resolveInitialProduct(),o=this.products.some(function(a){return a.id===t.selectedProductId});o||(this.selectedProductId=n,this.messages=[],this.conversationId=void 0,this.open&&this.initConversation()),requestAnimationFrame(function(){return t.updateComboboxItems()})}}},{key:"updateComboboxItems",value:function(){var t,n,o=this,a=this.productEl;if(!(!a||((t=this.products)===null||t===void 0?void 0:t.length)<=1)){var s=this.products.map(function(b){return{value:b.id,label:b.name}});a.items=s;var l=((n=a.selectedItems)===null||n===void 0?void 0:n.call(a))||[];if(l.length===0&&this.selectedProductId){var u=s.find(function(b){return b.value===o.selectedProductId});u&&a.setSelected&&a.setSelected([u])}else if(l.length>0){var d,f=(d=l[0])===null||d===void 0?void 0:d.value,p=this.products.some(function(b){return b.id===f});!p&&a.setSelected&&a.setSelected([])}}}},{key:"onProductChange",value:(function(){var e=fe(q().m(function n(o){var a,s,l,u;return q().w(function(d){for(;;)switch(d.n){case 0:u=(a=o.detail)===null||a===void 0||(s=a.selected)===null||s===void 0||(l=s[0])===null||l===void 0?void 0:l.value,u&&u!==this.selectedProductId&&(this.selectedProductId=u);case 1:return d.a(2)}},n,this)}));function t(n){return e.apply(this,arguments)}return t})()},{key:"onMouseDown",value:function(t){this.draggable&&(t.preventDefault(),this.isDragging=!0,this.dragStartPos={x:t.clientX,y:t.clientY},this.initialPosition=He({},this.position),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp))}},{key:"startResize",value:function(t,n){this.resizable&&(t.preventDefault(),t.stopPropagation(),this.isResizing=!0,this.resizeDirection=n,this.dragStartPos={x:t.clientX,y:t.clientY},this.resizeStartWidth=this.windowWidth,this.resizeStartHeight=this.windowHeight,window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp))}},{key:"ensureToken",value:(function(){var e=fe(q().m(function n(){var o,a,s,l,u,d,f=arguments;return q().w(function(p){for(;;)switch(p.n){case 0:if(a=f.length>0&&f[0]!==void 0?f[0]:!1,s="logosphere_chatbot_token",a&&(this.assertionToken=void 0,localStorage.removeItem(s)),a){p.n=1;break}if(l=localStorage.getItem(s),!l){p.n=1;break}return this.assertionToken=l,p.a(2);case 1:return p.n=2,fetch("".concat(this.returnUri,"/api/chat/start"));case 2:return u=p.v,p.n=3,u.json();case 3:if(d=p.v,!(!d.Success||!((o=d.Data)!==null&&o!==void 0&&o.Token))){p.n=4;break}throw new Error("Token alınamadı");case 4:this.assertionToken=d.Data.Token,localStorage.setItem(s,this.assertionToken);case 5:return p.a(2)}},n,this)}));function t(){return e.apply(this,arguments)}return t})()},{key:"postChat",value:(function(){var e=fe(q().m(function n(o){var a=this,s,l,u;return q().w(function(d){for(;;)switch(d.n){case 0:return d.n=1,this.ensureToken();case 1:return s="".concat(this.returnUri,"/api/chat/completions"),l=function(){return fetch(s,{method:"POST",headers:{"Content-Type":"application/json",client_assertion:a.assertionToken,client_assertion_type:"urn:ietf:params:oauth:client-assertion-type:jwt-bearer"},body:JSON.stringify(o)})},d.n=2,l();case 2:if(u=d.v,u.status!==401){d.n=5;break}return d.n=3,this.ensureToken(!0);case 3:return d.n=4,l();case 4:u=d.v;case 5:if(u.ok){d.n=6;break}throw new Error("HTTP ".concat(u.status));case 6:return d.a(2,u.json())}},n,this)}));function t(n){return e.apply(this,arguments)}return t})()},{key:"initConversation",value:(function(){var e=fe(q().m(function n(){var o,a,s,l,u;return q().w(function(d){for(;;)switch(d.p=d.n){case 0:if(!this.isLoading){d.n=1;break}return d.a(2);case 1:return this.isLoading=!0,d.p=2,d.n=3,this.ensureToken();case 3:return d.n=4,this.postChat({ChatCompletionType:"NewConversation",Context:this.selectedProductId,QuestionPrompt:this.questionPrompt});case 4:l=d.v,this.conversationId=l.Data.ConversationId,u=(o=l.Data.Choices)===null||o===void 0||(a=o[0])===null||a===void 0||(s=a.Message)===null||s===void 0?void 0:s.Content,u&&this.addMessage(u,"assistant"),d.n=6;break;case 5:d.p=5,d.v,this.addMessage("Bir hata oluştu, lütfen tekrar deneyiniz.","system");case 6:return d.p=6,this.isLoading=!1,d.f(6);case 7:return d.a(2)}},n,this,[[2,5,6,7]])}));function t(){return e.apply(this,arguments)}return t})()},{key:"sendMessage",value:(function(){var e=fe(q().m(function n(){var o,a,s,l,u,d,f;return q().w(function(p){for(;;)switch(p.p=p.n){case 0:if(o=this.inputText.trim(),!(!o||!this.conversationId||this.isLoading)){p.n=1;break}return p.a(2);case 1:if(this.selectedProductId){p.n=2;break}return this.addMessage("Lütfen önce bir ürün seçiniz.","system"),p.a(2);case 2:return this.addMessage(o,"user"),this.inputText="",this.isLoading=!0,p.p=3,p.n=4,this.postChat({ChatCompletionType:"ConversationUpdate",Content:o,Context:this.selectedProductId,ConversationId:this.conversationId,QuestionPrompt:this.questionPrompt});case 4:d=p.v,f=(a=d.Data)===null||a===void 0||(s=a.Choices)===null||s===void 0||(l=s[0])===null||l===void 0||(u=l.Message)===null||u===void 0?void 0:u.Content,this.addMessage(f||"Cevap alınamadı.","assistant"),p.n=6;break;case 5:p.p=5,p.v,this.addMessage("Bağlantı hatası.","system");case 6:return p.p=6,this.isLoading=!1,p.f(6);case 7:return p.a(2)}},n,this,[[3,5,6,7]])}));function t(){return e.apply(this,arguments)}return t})()},{key:"addMessage",value:function(t,n){this.messages=[].concat(_e(this.messages),[{content:t,role:n,timestamp:Date.now()}])}},{key:"scrollToBottom",value:function(){var t=this;setTimeout(function(){t.chatContainer&&(t.chatContainer.scrollTop=t.chatContainer.scrollHeight)},0)}},{key:"formatContent",value:function(t){if(!t)return"";var n=t.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"),o=n.split(`
|
|
430
|
-
`)
|
|
424
|
+
`}},n.Combobox.styles=[N`
|
|
425
|
+
${F(As)}
|
|
426
|
+
`],R([c({type:String})],n.Combobox.prototype,"label",2),R([c({type:String})],n.Combobox.prototype,"helper",2),R([c({type:String})],n.Combobox.prototype,"error",2),R([c({type:String})],n.Combobox.prototype,"placeholder",2),R([c({type:Boolean})],n.Combobox.prototype,"required",2),R([c({type:Boolean})],n.Combobox.prototype,"disabled",2),R([c({type:Boolean})],n.Combobox.prototype,"readOnly",2),R([c({type:String})],n.Combobox.prototype,"variant",2),R([c({type:Boolean})],n.Combobox.prototype,"multiple",2),R([c({type:Boolean})],n.Combobox.prototype,"filterable",2),R([c({type:String})],n.Combobox.prototype,"optionLabel",2),R([c({type:String})],n.Combobox.prototype,"optionValue",2),R([c({type:String})],n.Combobox.prototype,"emptyMessage",2),R([c({type:Array})],n.Combobox.prototype,"items",2),R([c({type:String})],n.Combobox.prototype,"size",2),R([$()],n.Combobox.prototype,"selected",2),R([$()],n.Combobox.prototype,"inputValue",2),R([$()],n.Combobox.prototype,"isOpen",2),R([$()],n.Combobox.prototype,"focusedIndex",2),R([J(".combobox__wrapper")],n.Combobox.prototype,"_referenceElement",2),R([J("logosphere-formfield")],n.Combobox.prototype,"_formFieldElement",2),R([J("[data-combobox-popper]")],n.Combobox.prototype,"_dropdownElement",2),n.Combobox=R([U("logosphere-combobox")],n.Combobox);const Ps=":host{display:block;z-index:9999}.chatbot{font-family:var(--font-family-base)}.chatbot__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0003;z-index:var(--z-index-modal-backdrop)}.chatbot__launcher{position:fixed;z-index:var(--z-index-modal);display:flex;align-items:center;gap:var(--spacing-4);padding-left:var(--spacing-4);padding-right:var(--spacing-4);height:66px;color:#fff;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-base);background-color:var(--color-body-bg);overflow:hidden;transition:box-shadow var(--transition-speed-fast) var(--transition-timing)}.chatbot__launcher:hover{box-shadow:var(--shadow-md)}.chatbot__launcher--draggable{cursor:move}.chatbot__launcher--hidden{visibility:hidden;width:72px;height:66px;justify-content:center;padding:0}.chatbot__launcher-icon{width:40px;height:34px;flex-shrink:0}.chatbot__launcher-text{display:flex;flex-direction:column}.chatbot__launcher-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);margin:0;line-height:24px;white-space:nowrap;color:var(--color-body-text)}.chatbot__launcher-subtitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin:0;line-height:20px;white-space:nowrap;color:var(--color-tertiary)}.chatbot__window{position:fixed;z-index:var(--z-index-modal);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-body-bg)}.chatbot__window--hidden{display:none}.chatbot__window--fullscreen{left:50px;right:50px;top:80px;bottom:80px;width:auto;height:auto}.chatbot__resize-top{position:absolute;top:0;left:0;right:0;height:8px;cursor:ns-resize;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-top:hover{background-color:#0000000d}.chatbot__resize-side{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-side:hover{background-color:#0000000d}.chatbot__resize-side--left{left:0}.chatbot__resize-side--right{right:0}.chatbot__resize-corner{position:absolute;top:0;width:16px;height:16px;z-index:50;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__resize-corner:hover{background-color:#0000001a}.chatbot__resize-corner--nwse{left:0;cursor:nwse-resize}.chatbot__resize-corner--nesw{right:0;cursor:nesw-resize}.chatbot__header{height:74px;display:flex;align-items:center;justify-content:space-between;padding-left:var(--spacing-5);padding-right:var(--spacing-4);gap:var(--spacing-4);flex-shrink:0;background-color:var(--color-body-bg);border-bottom:1px solid var(--color-border)}.chatbot__header-info{display:flex;align-items:center;gap:var(--spacing-4)}.chatbot__header-logo{width:50px;height:41px}.chatbot__header-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);margin:0;line-height:24px;color:var(--color-body-text)}.chatbot__header-subtitle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin:0;line-height:20px;color:var(--color-tertiary)}.chatbot__header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.chatbot__body{flex:1;display:flex;flex-direction:column;background-color:var(--color-body-bg);position:relative;overflow:hidden}.chatbot__product{padding:var(--spacing-3);padding-bottom:0;flex-shrink:0;margin:0 var(--spacing-3)}.chatbot__messages{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.chatbot__messages::-webkit-scrollbar{display:none}.chatbot__message{display:flex}.chatbot__message--user{justify-content:flex-end}.chatbot__message--assistant,.chatbot__message--system{justify-content:flex-start}.chatbot__bubble{position:relative;color:var(--color-body-text);max-width:85%;border-radius:var(--radius-md);padding:var(--spacing-4);font-size:var(--font-size-sm);line-height:20px;font-weight:var(--font-weight-medium)}.chatbot__bubble--user{background-color:var(--color-primary);color:#fff;border-bottom-right-radius:0;border-top-right-radius:var(--radius-xl);border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.chatbot__bubble--user a{color:#ffffffe6}.chatbot__bubble--assistant,.chatbot__bubble--system{background-color:var(--color-tertiary-bg);border-bottom-left-radius:0;border-top-right-radius:var(--radius-xl);border-top-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.chatbot__message-content p{margin:0}.chatbot__message-content ol{list-style-type:decimal;margin:0;padding-left:var(--spacing-5)}.chatbot__message-content ul{list-style-type:disc;margin:0;padding-left:var(--spacing-5)}.chatbot__message-content li>ol,.chatbot__message-content li>ul{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.chatbot__message-content ol ol{list-style-type:lower-alpha}.chatbot__message-content ol ol ol{list-style-type:lower-roman}.chatbot__message-content ul ul{list-style-type:circle}.chatbot__message-content ul ul ul{list-style-type:square}.chatbot__message-content li{padding-left:var(--spacing-1)}.chatbot__message-content a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-speed-fast) var(--transition-timing)}.chatbot__message-content a:hover{color:var(--color-primary-hover)}.chatbot__feedback{display:flex;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2)}.chatbot__typing-wrapper{display:flex;justify-content:flex-start}.chatbot__typing{background-color:var(--color-tertiary-bg);padding:var(--spacing-3);border-radius:var(--radius-xl);border-bottom-left-radius:0;display:inline-flex;align-items:center;gap:2px}.chatbot__typing-dot{display:inline-block;width:6px;height:6px;background-color:var(--color-gray-300);border-radius:var(--radius-full);animation:chatbot-typing 1.4s infinite ease-in-out both;margin:0 2px}.chatbot__typing-dot:nth-child(1){animation-delay:-.32s}.chatbot__typing-dot:nth-child(2){animation-delay:-.16s}@keyframes chatbot-typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot__input-area{padding:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-1);background-color:var(--color-body-bg)}.chatbot__input-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-tertiary-bg);border-radius:var(--radius-md);padding:var(--spacing-2);border:1px solid transparent;transition:background-color var(--transition-speed-fast) var(--transition-timing),border-color var(--transition-speed-fast) var(--transition-timing)}.chatbot__input-wrapper:focus-within{background-color:var(--color-body-bg);border-color:var(--color-border)}.chatbot__input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-body-text)}.chatbot__input::placeholder{color:var(--color-tertiary)}.chatbot__input:disabled{opacity:.5;cursor:not-allowed}.chatbot__footer{display:flex;align-items:center;justify-content:center;padding-bottom:var(--spacing-2)}.chatbot__footer-text{margin:0;padding:0;color:var(--color-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-base)}.chatbot__product-selector{padding:var(--spacing-3) var(--spacing-3) 0;flex-shrink:0}.chatbot__product-input{display:block;width:100%;height:24px;padding-left:var(--spacing-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-body-color);font-size:var(--font-size-md);outline:none}";var Ls=Object.defineProperty,Ts=Object.getOwnPropertyDescriptor,I=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ts(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Ls(e,t,o),o};n.LogosphereChatBot=class extends T{constructor(){super(...arguments),this.returnUri="",this.questionPrompt="",this.minimizedIconOnly=!1,this.draggable=!1,this.resizable=!1,this.products=[],this.openInitially=!1,this.showFeedbackButtons=!1,this.open=!1,this.fullscreen=!1,this.messages=[],this.isLoading=!1,this.inputText="",this.selectedProductId="",this.windowWidth=440,this.windowHeight=Math.min(700,window.innerHeight-40),this.position={right:20,bottom:20},this.isDragging=!1,this.screenWidth=window.innerWidth,this.dragStartPos={x:0,y:0},this.initialPosition={right:0,bottom:0},this.isResizing=!1,this.resizeDirection="horizontal",this.resizeStartWidth=0,this.resizeStartHeight=0,this.onWindowResize=()=>{this.screenWidth=window.innerWidth;const e=window.innerHeight-40;this.windowHeight>e&&(this.windowHeight=e)},this.onToggle=()=>{this.open=!this.open,this.scrollToBottom()},this.onClose=()=>{this.open=!1,this.fullscreen=!1},this.onToggleFullscreen=()=>{this.fullscreen=!this.fullscreen},this.onMouseMove=e=>{var t;if(this.isDragging){const r=this.dragStartPos.x-e.clientX,o=this.dragStartPos.y-e.clientY,s=(t=this.shadowRoot)==null?void 0:t.querySelector(".chatbot__launcher"),a=s==null?void 0:s.getBoundingClientRect(),l=(a==null?void 0:a.width)||72,d=(a==null?void 0:a.height)||66;this.position={right:Math.max(0,Math.min(window.innerWidth-l,this.initialPosition.right+r)),bottom:Math.max(0,Math.min(window.innerHeight-d,this.initialPosition.bottom+o))}}else if(this.isResizing){const r=this.dragStartPos.x-e.clientX,o=this.dragStartPos.y-e.clientY;if(this.resizeDirection==="horizontal"||this.resizeDirection==="both"){const s=this.position.right<this.screenWidth/2;this.windowWidth=Math.max(300,this.resizeStartWidth+(s?r:-r))}(this.resizeDirection==="vertical"||this.resizeDirection==="both")&&(this.windowHeight=Math.max(400,this.resizeStartHeight+o))}},this.onMouseUp=e=>{this.isDragging?(this.isDragging=!1,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),Math.hypot(e.clientX-this.dragStartPos.x,e.clientY-this.dragStartPos.y)<5&&this.onToggle()):this.isResizing&&(this.isResizing=!1,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp))},this.handleKeyDown=e=>{e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),this.sendMessage())},this.onInput=e=>{const t=e.target;this.inputText=t?t.value:e.detail},this.onCopyMessage=e=>{navigator.clipboard.writeText(e)}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.onWindowResize),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp)}async firstUpdated(){this.selectedProductId=this._resolveInitialProduct(),this.open=this.openInitially,this.open&&await this.initConversation()}updated(e){e.has("products")&&this.handleProductUpdate(),e.has("messages")&&this.scrollToBottom(),e.has("open")&&this.open&&!this.conversationId&&this.initConversation()}_resolveInitialProduct(){if(!this.products.length)return"";const e=this.products.find(t=>t.selected);return e?e.id:this.products.length===1?this.products[0].id:""}handleProductUpdate(){if(!this.products.length)return;const e=this._resolveInitialProduct();this.products.some(r=>r.id===this.selectedProductId)||(this.selectedProductId=e,this.messages=[],this.conversationId=void 0,this.open&&this.initConversation()),requestAnimationFrame(()=>this.updateComboboxItems())}updateComboboxItems(){var o,s,a;const e=this.productEl;if(!e||((o=this.products)==null?void 0:o.length)<=1)return;const t=this.products.map(l=>({value:l.id,label:l.name}));e.items=t;const r=((s=e.selectedItems)==null?void 0:s.call(e))||[];if(r.length===0&&this.selectedProductId){const l=t.find(d=>d.value===this.selectedProductId);l&&e.setSelected&&e.setSelected([l])}else if(r.length>0){const l=(a=r[0])==null?void 0:a.value;!this.products.some(p=>p.id===l)&&e.setSelected&&e.setSelected([])}}async onProductChange(e){var r,o,s;const t=(s=(o=(r=e.detail)==null?void 0:r.selected)==null?void 0:o[0])==null?void 0:s.value;t&&t!==this.selectedProductId&&(this.selectedProductId=t)}onMouseDown(e){this.draggable&&(e.preventDefault(),this.isDragging=!0,this.dragStartPos={x:e.clientX,y:e.clientY},this.initialPosition=$t({},this.position),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp))}startResize(e,t){this.resizable&&(e.preventDefault(),e.stopPropagation(),this.isResizing=!0,this.resizeDirection=t,this.dragStartPos={x:e.clientX,y:e.clientY},this.resizeStartWidth=this.windowWidth,this.resizeStartHeight=this.windowHeight,window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp))}async ensureToken(e=!1){var s;const t="logosphere_chatbot_token";if(e&&(this.assertionToken=void 0,localStorage.removeItem(t)),!e){const a=localStorage.getItem(t);if(a){this.assertionToken=a;return}}const o=await(await fetch(`${this.returnUri}/api/chat/start`)).json();if(!o.Success||!((s=o.Data)!=null&&s.Token))throw new Error("Token alınamadı");this.assertionToken=o.Data.Token,localStorage.setItem(t,this.assertionToken)}async postChat(e){await this.ensureToken();const t=`${this.returnUri}/api/chat/completions`,r=()=>fetch(t,{method:"POST",headers:{"Content-Type":"application/json",client_assertion:this.assertionToken,client_assertion_type:"urn:ietf:params:oauth:client-assertion-type:jwt-bearer"},body:JSON.stringify(e)});let o=await r();if(o.status===401&&(await this.ensureToken(!0),o=await r()),!o.ok)throw new Error(`HTTP ${o.status}`);return o.json()}async initConversation(){var e,t,r;if(!this.isLoading){this.isLoading=!0;try{await this.ensureToken();const o=await this.postChat({ChatCompletionType:"NewConversation",Context:this.selectedProductId,QuestionPrompt:this.questionPrompt});this.conversationId=o.Data.ConversationId;const s=(r=(t=(e=o.Data.Choices)==null?void 0:e[0])==null?void 0:t.Message)==null?void 0:r.Content;s&&this.addMessage(s,"assistant")}catch(o){this.addMessage("Bir hata oluştu, lütfen tekrar deneyiniz.","system")}finally{this.isLoading=!1}}}async sendMessage(){var t,r,o,s;const e=this.inputText.trim();if(!(!e||!this.conversationId||this.isLoading)){if(!this.selectedProductId){this.addMessage("Lütfen önce bir ürün seçiniz.","system");return}this.addMessage(e,"user"),this.inputText="",this.isLoading=!0;try{const l=(s=(o=(r=(t=(await this.postChat({ChatCompletionType:"ConversationUpdate",Content:e,Context:this.selectedProductId,ConversationId:this.conversationId,QuestionPrompt:this.questionPrompt})).Data)==null?void 0:t.Choices)==null?void 0:r[0])==null?void 0:o.Message)==null?void 0:s.Content;this.addMessage(l||"Cevap alınamadı.","assistant")}catch(a){this.addMessage("Bağlantı hatası.","system")}finally{this.isLoading=!1}}}addMessage(e,t){this.messages=[...this.messages,{content:e,role:t,timestamp:Date.now()}]}scrollToBottom(){setTimeout(()=>{this.chatContainer&&(this.chatContainer.scrollTop=this.chatContainer.scrollHeight)},0)}formatContent(e){if(!e)return"";const r=e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").split(`
|
|
427
|
+
`);let o="";const s=[];let a=!1;const l=()=>{a&&(o+="</li>",a=!1)},d=h=>{for(;s.length>0&&s[s.length-1].indent>=h;)l(),o+=`</${s.pop().type}>`,s.length>0&&(a=!0)},p=()=>d(-1);for(const h of r){const f=h.match(/^(\s*)\d+\.\s+(.*)/),b=h.match(/^(\s*)[-*]\s+(.*)/);if(f||b){const v=(f?f[1]:b[1]).length,C=f?"ol":"ul",k=f?f[2]:b[2];if(s.length===0)o+=`<${C}>`,s.push({type:C,indent:v});else{const g=s[s.length-1];v>g.indent?(o+=`<${C}>`,s.push({type:C,indent:v})):v===g.indent?l():(d(v+1),s.length>0&&s[s.length-1].indent===v?l():(p(),o+=`<${C}>`,s.push({type:C,indent:v})))}o+=`<li>${k}`,a=!0}else h.trim()===""?s.length===0&&(o+="<br>"):(p(),o+=`<p>${h}</p>`)}return p(),o.replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>").replace(/\*(.*?)\*/g,"<em>$1</em>").replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>')}render(){const e=this.position.right<this.screenWidth/2;return u`
|
|
431
428
|
<div class="chatbot">
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
429
|
+
${this.renderOverlay()}
|
|
430
|
+
${this.renderLauncher()}
|
|
431
|
+
${this.renderWindow(e)}
|
|
435
432
|
</div>
|
|
436
|
-
`
|
|
433
|
+
`}renderOverlay(){return this.open||this.fullscreen?u`<div class="chatbot__overlay" @click=${this.onToggle}></div>`:""}renderLauncher(){const e=["chatbot__launcher",this.draggable?"chatbot__launcher--draggable":"",this.open?"chatbot__launcher--hidden":""].filter(Boolean).join(" ");return u`
|
|
437
434
|
<div
|
|
438
|
-
class="
|
|
439
|
-
style="right:
|
|
440
|
-
@mousedown
|
|
441
|
-
@click
|
|
442
|
-
aria-expanded
|
|
435
|
+
class="${e}"
|
|
436
|
+
style="right: ${this.position.right}px; bottom: ${this.position.bottom}px;"
|
|
437
|
+
@mousedown=${this.onMouseDown}
|
|
438
|
+
@click=${this.draggable?null:this.onToggle}
|
|
439
|
+
aria-expanded=${this.open?"true":"false"}
|
|
443
440
|
>
|
|
444
|
-
<img class="chatbot__launcher-icon" src="
|
|
445
|
-
|
|
446
|
-
</div>
|
|
447
|
-
`])),t,this.position.right,this.position.bottom,this.onMouseDown,this.draggable?null:this.onToggle,this.open?"true":"false",c.LogosphereChatBot.ICONS.launcher,!this.open&&!this.minimizedIconOnly?m(Bo||(Bo=v([`
|
|
441
|
+
<img class="chatbot__launcher-icon" src="${n.LogosphereChatBot.ICONS.launcher}" alt="chatbot" />
|
|
442
|
+
${!this.open&&!this.minimizedIconOnly?u`
|
|
448
443
|
<div class="chatbot__launcher-text">
|
|
449
444
|
<p class="chatbot__launcher-title">Logo</p>
|
|
450
445
|
<p class="chatbot__launcher-subtitle">Dijital Danışman</p>
|
|
451
446
|
</div>
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
447
|
+
`:""}
|
|
448
|
+
</div>
|
|
449
|
+
`}renderWindow(e){const t=["chatbot__window",this.open?"":"chatbot__window--hidden",this.fullscreen?"chatbot__window--fullscreen":""].filter(Boolean).join(" "),r=this.fullscreen?"":`bottom: 20px; height: ${this.windowHeight}px; width: ${this.windowWidth}px; ${e?"right: 20px;":"left: 20px;"}`;return u`
|
|
450
|
+
<div class="${t}" style="${r}">
|
|
451
|
+
${this.renderResizeHandles(e)}
|
|
452
|
+
${this.renderHeader()}
|
|
456
453
|
<div class="chatbot__body">
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
454
|
+
${this.renderProductSelector()}
|
|
455
|
+
${this.renderChatArea()}
|
|
456
|
+
${this.renderInputArea()}
|
|
460
457
|
</div>
|
|
461
458
|
</div>
|
|
462
|
-
`
|
|
459
|
+
`}renderResizeHandles(e){return this.fullscreen||!this.resizable?"":u`
|
|
463
460
|
<div class="chatbot__resize-top"
|
|
464
|
-
@mousedown
|
|
465
|
-
<div class="chatbot__resize-side
|
|
466
|
-
@mousedown
|
|
467
|
-
<div class="chatbot__resize-corner
|
|
468
|
-
@mousedown
|
|
469
|
-
`
|
|
461
|
+
@mousedown=${t=>this.startResize(t,"vertical")}></div>
|
|
462
|
+
<div class="chatbot__resize-side ${e?"chatbot__resize-side--left":"chatbot__resize-side--right"}"
|
|
463
|
+
@mousedown=${t=>this.startResize(t,"horizontal")}></div>
|
|
464
|
+
<div class="chatbot__resize-corner ${e?"chatbot__resize-corner--nwse":"chatbot__resize-corner--nesw"}"
|
|
465
|
+
@mousedown=${t=>this.startResize(t,"both")}></div>
|
|
466
|
+
`}renderHeader(){return u`
|
|
470
467
|
<div class="chatbot__header">
|
|
471
468
|
<div class="chatbot__header-info">
|
|
472
|
-
<img class="chatbot__header-logo" alt="logo" src="
|
|
469
|
+
<img class="chatbot__header-logo" alt="logo" src="${n.LogosphereChatBot.ICONS.launcher}" />
|
|
473
470
|
<div>
|
|
474
471
|
<p class="chatbot__header-title">Logo</p>
|
|
475
472
|
<p class="chatbot__header-subtitle">Dijital Danışman</p>
|
|
@@ -481,10 +478,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
481
478
|
size="sm"
|
|
482
479
|
variant="text"
|
|
483
480
|
theme="--color-light-rgb"
|
|
484
|
-
title
|
|
485
|
-
@click
|
|
481
|
+
title=${this.fullscreen?"Küçült":"Tam Ekran"}
|
|
482
|
+
@click=${this.onToggleFullscreen}
|
|
486
483
|
>
|
|
487
|
-
<ui-icon name="
|
|
484
|
+
<ui-icon name="${this.fullscreen?"uil-compress-alt":"uil-expand-alt"}" size="16"></ui-icon>
|
|
488
485
|
</logosphere-button>
|
|
489
486
|
<logosphere-button
|
|
490
487
|
iconOnly="true"
|
|
@@ -492,51 +489,51 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
492
489
|
variant="text"
|
|
493
490
|
theme="--color-light"
|
|
494
491
|
title="Kapat"
|
|
495
|
-
@click
|
|
492
|
+
@click=${this.onClose}
|
|
496
493
|
>
|
|
497
494
|
<ui-icon name="uil-times" size="16"></ui-icon>
|
|
498
495
|
</logosphere-button>
|
|
499
496
|
</div>
|
|
500
497
|
</div>
|
|
501
|
-
`
|
|
498
|
+
`}renderProductSelector(){return u`
|
|
502
499
|
<div class="chatbot__product-selector">
|
|
503
|
-
|
|
504
|
-
</div>
|
|
505
|
-
`])),this.products.length>1?m(Uo||(Uo=v([`
|
|
500
|
+
${this.products.length>1?u`
|
|
506
501
|
<logosphere-combobox
|
|
507
502
|
id="product"
|
|
508
|
-
.items
|
|
503
|
+
.items=${this.products.map(e=>({value:e.id,label:e.name}))}
|
|
509
504
|
optionValue="value"
|
|
510
505
|
optionLabel="label"
|
|
511
506
|
placeholder="Ürün seçiniz"
|
|
512
|
-
@selected
|
|
507
|
+
@selected=${this.onProductChange}
|
|
513
508
|
></logosphere-combobox>
|
|
514
|
-
`
|
|
509
|
+
`:u`
|
|
515
510
|
<input
|
|
516
511
|
id="product"
|
|
517
512
|
class="chatbot__product-input"
|
|
518
513
|
placeholder="Ürün seçiniz"
|
|
519
|
-
.value
|
|
514
|
+
.value=${this.products.length===1?this.products[0].name:""}
|
|
520
515
|
readOnly="true"
|
|
521
516
|
>
|
|
522
|
-
`
|
|
517
|
+
`}
|
|
518
|
+
</div>
|
|
519
|
+
`}renderChatArea(){return u`
|
|
523
520
|
<div id="chat-container" class="chatbot__messages">
|
|
524
|
-
|
|
525
|
-
|
|
521
|
+
${this.messages.map(e=>this.renderMessage(e))}
|
|
522
|
+
${this.isLoading?this.renderTypingIndicator():""}
|
|
526
523
|
</div>
|
|
527
|
-
`
|
|
528
|
-
<div class="chatbot__message chatbot__message
|
|
529
|
-
<div class="
|
|
524
|
+
`}renderMessage(e){const t=["chatbot__bubble",`chatbot__bubble--${e.role}`].join(" ");return u`
|
|
525
|
+
<div class="chatbot__message chatbot__message--${e.role}">
|
|
526
|
+
<div class="${t}">
|
|
530
527
|
<div class="chatbot__message-content">
|
|
531
|
-
|
|
528
|
+
${Qt(this.formatContent(e.content))}
|
|
532
529
|
</div>
|
|
533
|
-
|
|
530
|
+
${this.showFeedbackButtons&&e.role==="assistant"?this.renderFeedbackButtons(e):""}
|
|
534
531
|
</div>
|
|
535
532
|
</div>
|
|
536
|
-
`
|
|
533
|
+
`}renderFeedbackButtons(e){return u`
|
|
537
534
|
<div class="chatbot__feedback">
|
|
538
535
|
<logosphere-button
|
|
539
|
-
@click
|
|
536
|
+
@click=${()=>this.onCopyMessage(e.content)}
|
|
540
537
|
title="Kopyala"
|
|
541
538
|
iconOnly="true"
|
|
542
539
|
size="sm"
|
|
@@ -551,7 +548,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
551
548
|
<ui-icon name="uil-thumbs-down" size="14"></ui-icon>
|
|
552
549
|
</logosphere-button>
|
|
553
550
|
</div>
|
|
554
|
-
`
|
|
551
|
+
`}renderTypingIndicator(){return u`
|
|
555
552
|
<div class="chatbot__typing-wrapper">
|
|
556
553
|
<div class="chatbot__typing">
|
|
557
554
|
<span class="chatbot__typing-dot"></span>
|
|
@@ -559,16 +556,16 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
559
556
|
<span class="chatbot__typing-dot"></span>
|
|
560
557
|
</div>
|
|
561
558
|
</div>
|
|
562
|
-
`
|
|
559
|
+
`}renderInputArea(){return u`
|
|
563
560
|
<div class="chatbot__input-area">
|
|
564
561
|
<div class="chatbot__input-wrapper">
|
|
565
562
|
<input
|
|
566
563
|
class="chatbot__input"
|
|
567
|
-
placeholder
|
|
568
|
-
.value
|
|
569
|
-
@input
|
|
570
|
-
@keydown
|
|
571
|
-
?disabled
|
|
564
|
+
placeholder=${this.selectedProductId?"Bir şeyler yazın...":"Lütfen ürün seçiniz..."}
|
|
565
|
+
.value=${this.inputText}
|
|
566
|
+
@input=${this.onInput}
|
|
567
|
+
@keydown=${this.handleKeyDown}
|
|
568
|
+
?disabled=${!this.selectedProductId}
|
|
572
569
|
/>
|
|
573
570
|
<logosphere-button
|
|
574
571
|
iconOnly="true"
|
|
@@ -576,8 +573,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
576
573
|
variant="text"
|
|
577
574
|
theme="--color-light"
|
|
578
575
|
title="Gönder"
|
|
579
|
-
@click
|
|
580
|
-
?disabled
|
|
576
|
+
@click=${this.sendMessage}
|
|
577
|
+
?disabled=${!this.selectedProductId||!this.inputText.trim()}
|
|
581
578
|
>
|
|
582
579
|
<ui-icon name="uil-arrow-circle-right" size="20"></ui-icon>
|
|
583
580
|
</logosphere-button>
|
|
@@ -586,9 +583,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
586
583
|
<div class="chatbot__footer">
|
|
587
584
|
<p class="chatbot__footer-text">İçerik Yapay Zeka ile Üretilmiştir</p>
|
|
588
585
|
</div>
|
|
589
|
-
`])),this.selectedProductId?"Bir şeyler yazın...":"Lütfen ürün seçiniz...",this.inputText,this.onInput,this.handleKeyDown,!this.selectedProductId,this.sendMessage,!this.selectedProductId||!this.inputText.trim())}}])})(V),c.LogosphereChatBot.styles=[ee(Go||(Go=v(["",""])),Q(Vl))],c.LogosphereChatBot.ICONS={launcher:"data:image/svg+xml,%3Csvg%20width%3D%2251%22%20height%3D%2242%22%20viewBox%3D%220%200%2051%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.457%200C40.0338%200%2041.542%200.293293%2042.9302%200.8283L49.15%206.07675C50.2611%207.93912%2050.8994%2010.1162%2050.8994%2012.4424V23.084C50.8994%2024.4858%2050.6676%2025.8334%2050.2402%2027.0907L43.1534%2034.6096C41.7043%2035.2006%2040.1187%2035.5264%2038.457%2035.5264H30.7605L38.5805%2027.2296C40.814%2027.1643%2042.6045%2025.3332%2042.6045%2023.084V12.4424C42.6045%2010.1518%2040.7476%208.29492%2038.457%208.29492H12.4424C10.1518%208.29492%208.29492%2010.1518%208.29492%2012.4424V23.084C8.29492%2025.3746%2010.1518%2027.2314%2012.4424%2027.2314H33.5078L20.4487%2041.0866C17.7992%2042.5379%2014.3381%2040.2741%2014.7842%2036.7803C14.8402%2036.3421%2014.9629%2035.9194%2015.1416%2035.5264H12.4424C10.9217%2035.5264%209.46472%2035.2536%208.11774%2034.7542L0.610679%2026.945C0.214298%2025.7295%200%2024.4318%200%2023.084V12.4424C0%2010.8011%200.317794%209.23402%200.895207%207.79935L7.12424%201.19058C8.73679%200.427072%2010.5397%200%2012.4424%200H38.457ZM23.1357%2017.7881C23.1357%2015.4815%2021.2656%2013.6113%2018.959%2013.6113C16.6525%2013.6114%2014.7822%2015.4815%2014.7822%2017.7881C14.7824%2020.0945%2016.6526%2021.9638%2018.959%2021.9639C21.2655%2021.9639%2023.1356%2020.0945%2023.1357%2017.7881ZM36.2344%2017.7881C36.2344%2015.4815%2034.3642%2013.6113%2032.0576%2013.6113C29.7511%2013.6114%2027.8809%2015.4815%2027.8809%2017.7881C27.881%2020.0945%2029.7512%2021.9638%2032.0576%2021.9639C34.3641%2021.9639%2036.2342%2020.0945%2036.2344%2017.7881Z%22%20fill%3D%22url(%23paint0_linear_97_4585)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_97_4585%22%20x1%3D%2231.662%22%20y1%3D%224.88016%22%20x2%3D%2214.4119%22%20y2%3D%2237.9167%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F22727%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CA0D0D%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"},Z([h({type:String,attribute:"return-uri"})],c.LogosphereChatBot.prototype,"returnUri",2),Z([h({type:String,attribute:"question-prompt"})],c.LogosphereChatBot.prototype,"questionPrompt",2),Z([h({type:Boolean,attribute:"minimized-icon-only"})],c.LogosphereChatBot.prototype,"minimizedIconOnly",2),Z([h({type:Boolean,attribute:"draggable"})],c.LogosphereChatBot.prototype,"draggable",2),Z([h({type:Boolean,attribute:"resizable"})],c.LogosphereChatBot.prototype,"resizable",2),Z([h({type:Array,hasChanged:function(r,e){return r===e?!1:!e||!r||r.length!==e.length?!0:JSON.stringify(r)!==JSON.stringify(e)}}),h({type:Array})],c.LogosphereChatBot.prototype,"products",2),Z([h({type:Boolean,attribute:"open-initially"})],c.LogosphereChatBot.prototype,"openInitially",2),Z([h({type:Boolean,attribute:"show-feedback-buttons"})],c.LogosphereChatBot.prototype,"showFeedbackButtons",2),Z([M()],c.LogosphereChatBot.prototype,"open",2),Z([M()],c.LogosphereChatBot.prototype,"fullscreen",2),Z([M()],c.LogosphereChatBot.prototype,"messages",2),Z([M()],c.LogosphereChatBot.prototype,"conversationId",2),Z([M()],c.LogosphereChatBot.prototype,"assertionToken",2),Z([M()],c.LogosphereChatBot.prototype,"isLoading",2),Z([M()],c.LogosphereChatBot.prototype,"inputText",2),Z([M()],c.LogosphereChatBot.prototype,"selectedProductId",2),Z([M()],c.LogosphereChatBot.prototype,"windowWidth",2),Z([M()],c.LogosphereChatBot.prototype,"windowHeight",2),Z([M()],c.LogosphereChatBot.prototype,"position",2),Z([M()],c.LogosphereChatBot.prototype,"isDragging",2),Z([M()],c.LogosphereChatBot.prototype,"screenWidth",2),Z([ie("#chat-container")],c.LogosphereChatBot.prototype,"chatContainer",2),Z([ie("#product")],c.LogosphereChatBot.prototype,"productEl",2),c.LogosphereChatBot=Z([te("logosphere-chatbot")],c.LogosphereChatBot);const Zl=':host{display:block;font-family:var(--font-family-base)}.dp__calendar{display:block}.dp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dp__nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;background:none;border-radius:var(--radius-base);cursor:pointer;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing)}.dp__nav-btn:hover{background-color:var(--color-tertiary-bg)}.dp__header-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;user-select:none;cursor:pointer;color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__header-label:hover{color:var(--color-primary)}.dp__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:var(--font-size-sm);color:var(--color-tertiary);margin-bottom:var(--spacing-1);user-select:none}.dp__weekday{padding:var(--spacing-1) 0}.dp__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;outline:none}.dp__day{position:relative;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;min-width:0;border-radius:0;color:var(--color-body-text);font-family:var(--font-family-base)}.dp__day-num{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-sm);flex-shrink:0;transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__day--range-start:before,.dp__day--range-end:before,.dp__day--range-between:before{content:"";position:absolute;top:2px;bottom:2px;background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);z-index:0;pointer-events:none}.dp__day--range-start:before{left:50%;right:0}.dp__day--range-end:before{left:0;right:50%}.dp__day--range-between:before{left:0;right:0}.dp__day--out-of-month{opacity:.4}.dp__day--focused .dp__day-num{background-color:var(--color-tertiary-bg)}.dp__day--disabled{cursor:not-allowed;pointer-events:none}.dp__day--disabled .dp__day-num{color:var(--color-gray-300);background-color:var(--color-gray-50)}.dp__day--disabled-weekday{cursor:not-allowed;pointer-events:none}.dp__day--disabled-weekday .dp__day-num{color:var(--color-gray-300)}.dp__day--today .dp__day-num{background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__day--selected .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--default:hover .dp__day-num{background-color:var(--color-tertiary-bg)}.dp__day--range-pending .dp__day-num,.dp__day--range-start .dp__day-num,.dp__day--range-end .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--range-between .dp__day-num{color:var(--color-primary);background:transparent}.dp__month-grid,.dp__year-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px;margin-top:var(--spacing-3)}.dp__month-btn,.dp__year-btn{height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;background:none;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__month-btn:hover:not(.dp__month-btn--selected),.dp__year-btn:hover:not(.dp__year-btn--selected){background-color:var(--color-tertiary-bg)}.dp__month-btn--selected,.dp__year-btn--selected{background-color:var(--color-primary);color:#fff}.dp__month-btn--current:not(.dp__month-btn--selected),.dp__year-btn--current:not(.dp__year-btn--selected){background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__footer{display:flex;align-items:center;justify-content:space-evenly;margin-top:var(--spacing-4);padding-bottom:var(--spacing-3)}.dp__footer-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-tertiary);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__footer-btn:hover{background-color:var(--color-tertiary-bg);color:var(--color-body-text)}';function At(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Vt={exports:{}},Kl=Vt.exports,Xo;function Gl(){return Xo||(Xo=1,(function(i,r){(function(e,t){i.exports=t()})(Kl,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(t,n,o){var a=n.prototype,s=a.format;o.en.formats=e,a.format=function(l){l===void 0&&(l="YYYY-MM-DDTHH:mm:ssZ");var u=this.$locale().formats,d=(function(f,p){return f.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(b,y,w){var g=w&&w.toUpperCase();return y||p[w]||e[w]||p[g].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(_,k,E){return k||E.slice(1)}))}))})(l,u===void 0?{}:u);return s.call(this,d)}}}))})(Vt)),Vt.exports}var Xl=Gl();const Jl=At(Xl);var qt={exports:{}},Ql=qt.exports,Jo;function ec(){return Jo||(Jo=1,(function(i,r){(function(e,t){i.exports=t()})(Ql,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,o=/\d\d/,a=/\d\d?/,s=/\d*[^-_:/,()\s\d]+/,l={},u=function(g){return(g=+g)+(g>68?1900:2e3)},d=function(g){return function(_){this[g]=+_}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(g){(this.zone||(this.zone={})).offset=(function(_){if(!_||_==="Z")return 0;var k=_.match(/([+-]|\d\d)/g),E=60*k[1]+(+k[2]||0);return E===0?0:k[0]==="+"?-E:E})(g)}],p=function(g){var _=l[g];return _&&(_.indexOf?_:_.s.concat(_.f))},b=function(g,_){var k,E=l.meridiem;if(E){for(var C=1;C<=24;C+=1)if(g.indexOf(E(C,0,_))>-1){k=C>12;break}}else k=g===(_?"pm":"PM");return k},y={A:[s,function(g){this.afternoon=b(g,!1)}],a:[s,function(g){this.afternoon=b(g,!0)}],Q:[n,function(g){this.month=3*(g-1)+1}],S:[n,function(g){this.milliseconds=100*+g}],SS:[o,function(g){this.milliseconds=10*+g}],SSS:[/\d{3}/,function(g){this.milliseconds=+g}],s:[a,d("seconds")],ss:[a,d("seconds")],m:[a,d("minutes")],mm:[a,d("minutes")],H:[a,d("hours")],h:[a,d("hours")],HH:[a,d("hours")],hh:[a,d("hours")],D:[a,d("day")],DD:[o,d("day")],Do:[s,function(g){var _=l.ordinal,k=g.match(/\d+/);if(this.day=k[0],_)for(var E=1;E<=31;E+=1)_(E).replace(/\[|\]/g,"")===g&&(this.day=E)}],w:[a,d("week")],ww:[o,d("week")],M:[a,d("month")],MM:[o,d("month")],MMM:[s,function(g){var _=p("months"),k=(p("monthsShort")||_.map((function(E){return E.slice(0,3)}))).indexOf(g)+1;if(k<1)throw new Error;this.month=k%12||k}],MMMM:[s,function(g){var _=p("months").indexOf(g)+1;if(_<1)throw new Error;this.month=_%12||_}],Y:[/[+-]?\d+/,d("year")],YY:[o,function(g){this.year=u(g)}],YYYY:[/\d{4}/,d("year")],Z:f,ZZ:f};function w(g){var _,k;_=g,k=l&&l.formats;for(var E=(g=_.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(R,T,L){var j=L&&L.toUpperCase();return T||k[L]||e[L]||k[j].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(N,Y,H){return Y||H.slice(1)}))}))).match(t),C=E.length,O=0;O<C;O+=1){var $=E[O],S=y[$],D=S&&S[0],z=S&&S[1];E[O]=z?{regex:D,parser:z}:$.replace(/^\[|\]$/g,"")}return function(R){for(var T={},L=0,j=0;L<C;L+=1){var N=E[L];if(typeof N=="string")j+=N.length;else{var Y=N.regex,H=N.parser,F=R.slice(j),le=Y.exec(F)[0];H.call(T,le),R=R.replace(le,"")}}return(function(ne){var Oe=ne.afternoon;if(Oe!==void 0){var ae=ne.hours;Oe?ae<12&&(ne.hours+=12):ae===12&&(ne.hours=0),delete ne.afternoon}})(T),T}}return function(g,_,k){k.p.customParseFormat=!0,g&&g.parseTwoDigitYear&&(u=g.parseTwoDigitYear);var E=_.prototype,C=E.parse;E.parse=function(O){var $=O.date,S=O.utc,D=O.args;this.$u=S;var z=D[1];if(typeof z=="string"){var R=D[2]===!0,T=D[3]===!0,L=R||T,j=D[2];T&&(j=D[2]),l=this.$locale(),!R&&j&&(l=k.Ls[j]),this.$d=(function(F,le,ne,Oe){try{if(["x","X"].indexOf(le)>-1)return new Date((le==="X"?1e3:1)*F);var ae=w(le)(F),Se=ae.year,Me=ae.month,Be=ae.day,xe=ae.hours,Xe=ae.minutes,ct=ae.seconds,De=ae.milliseconds,dt=ae.zone,Xt=ae.week,Je=new Date,Pt=Be||(Se||Me?1:Je.getDate()),ut=Se||Je.getFullYear(),pt=0;Se&&!Me||(pt=Me>0?Me-1:Je.getMonth());var ht,ft=xe||0,vt=Xe||0,zt=ct||0,Lt=De||0;return dt?new Date(Date.UTC(ut,pt,Pt,ft,vt,zt,Lt+60*dt.offset*1e3)):ne?new Date(Date.UTC(ut,pt,Pt,ft,vt,zt,Lt)):(ht=new Date(ut,pt,Pt,ft,vt,zt,Lt),Xt&&(ht=Oe(ht).week(Xt).toDate()),ht)}catch(Re){return new Date("")}})($,z,S,k),this.init(),j&&j!==!0&&(this.$L=this.locale(j).$L),L&&$!=this.format(z)&&(this.$d=new Date("")),l={}}else if(z instanceof Array)for(var N=z.length,Y=1;Y<=N;Y+=1){D[1]=z[Y-1];var H=k.apply(this,D);if(H.isValid()){this.$d=H.$d,this.$L=H.$L,this.init();break}Y===N&&(this.$d=new Date(""))}else C.call(this,O)}}}))})(qt)),qt.exports}var tc=ec();const nc=At(tc);var Wt={exports:{}},rc=Wt.exports,Qo;function oc(){return Qo||(Qo=1,(function(i,r){(function(e,t){i.exports=t()})(rc,(function(){return function(e,t,n){t.prototype.isBetween=function(o,a,s,l){var u=n(o),d=n(a),f=(l=l||"()")[0]==="(",p=l[1]===")";return(f?this.isAfter(u,s):!this.isBefore(u,s))&&(p?this.isBefore(d,s):!this.isAfter(d,s))||(f?this.isBefore(u,s):!this.isAfter(u,s))&&(p?this.isAfter(d,s):!this.isBefore(d,s))}}}))})(Wt)),Wt.exports}var ac=oc();const ic=At(ac);var Zt={exports:{}},sc=Zt.exports,ea;function lc(){return ea||(ea=1,(function(i,r){(function(e,t){i.exports=t()})(sc,(function(){var e="week",t="year";return function(n,o,a){var s=o.prototype;s.week=function(l){if(l===void 0&&(l=null),l!==null)return this.add(7*(l-this.week()),"day");var u=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var d=a(this).startOf(t).add(1,t).date(u),f=a(this).endOf(e);if(d.isBefore(f))return 1}var p=a(this).startOf(t).date(u).startOf(e).subtract(1,"millisecond"),b=this.diff(p,e,!0);return b<0?a(this).startOf("week").week():Math.ceil(b)},s.weeks=function(l){return l===void 0&&(l=null),this.week(l)}}}))})(Zt)),Zt.exports}var cc=lc();const dc=At(cc);var Kt={exports:{}},uc=Kt.exports,ta;function pc(){return ta||(ta=1,(function(i,r){(function(e,t){i.exports=t()})(uc,(function(){return function(e,t,n){var o=t.prototype,a=function(f){return f&&(f.indexOf?f:f.s)},s=function(f,p,b,y,w){var g=f.name?f:f.$locale(),_=a(g[p]),k=a(g[b]),E=_||k.map((function(O){return O.slice(0,y)}));if(!w)return E;var C=g.weekStart;return E.map((function(O,$){return E[($+(C||0))%7]}))},l=function(){return n.Ls[n.locale()]},u=function(f,p){return f.formats[p]||(function(b){return b.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(y,w,g){return w||g.slice(1)}))})(f.formats[p.toUpperCase()])},d=function(){var f=this;return{months:function(p){return p?p.format("MMMM"):s(f,"months")},monthsShort:function(p){return p?p.format("MMM"):s(f,"monthsShort","months",3)},firstDayOfWeek:function(){return f.$locale().weekStart||0},weekdays:function(p){return p?p.format("dddd"):s(f,"weekdays")},weekdaysMin:function(p){return p?p.format("dd"):s(f,"weekdaysMin","weekdays",2)},weekdaysShort:function(p){return p?p.format("ddd"):s(f,"weekdaysShort","weekdays",3)},longDateFormat:function(p){return u(f.$locale(),p)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};o.localeData=function(){return d.bind(this)()},n.localeData=function(){var f=l();return{firstDayOfWeek:function(){return f.weekStart||0},weekdays:function(){return n.weekdays()},weekdaysShort:function(){return n.weekdaysShort()},weekdaysMin:function(){return n.weekdaysMin()},months:function(){return n.months()},monthsShort:function(){return n.monthsShort()},longDateFormat:function(p){return u(f,p)},meridiem:f.meridiem,ordinal:f.ordinal}},n.months=function(){return s(l(),"months")},n.monthsShort=function(){return s(l(),"monthsShort","months",3)},n.weekdays=function(f){return s(l(),"weekdays",null,null,f)},n.weekdaysShort=function(f){return s(l(),"weekdaysShort","weekdays",3,f)},n.weekdaysMin=function(f){return s(l(),"weekdaysMin","weekdays",2,f)}}}))})(Kt)),Kt.exports}var hc=pc();const fc=At(hc);var Gt={exports:{}},vc=Gt.exports,na;function gc(){return na||(na=1,(function(i,r){(function(e,t){i.exports=t(X)})(vc,(function(e){function t(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}var n=t(e),o={name:"tr",weekdays:"Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi".split("_"),weekdaysShort:"Paz_Pts_Sal_Çar_Per_Cum_Cts".split("_"),weekdaysMin:"Pz_Pt_Sa_Ça_Pe_Cu_Ct".split("_"),months:"Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık".split("_"),monthsShort:"Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara".split("_"),weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},relativeTime:{future:"%s sonra",past:"%s önce",s:"birkaç saniye",m:"bir dakika",mm:"%d dakika",h:"bir saat",hh:"%d saat",d:"bir gün",dd:"%d gün",M:"bir ay",MM:"%d ay",y:"bir yıl",yy:"%d yıl"},ordinal:function(a){return a+"."}};return n.default.locale(o,null,!0),o}))})(Gt)),Gt.exports}gc(),X.extend(Jl),X.extend(nc),X.extend(ic),X.extend(dc),X.extend(fc),X.locale("tr");var ra=["DD/MM/YYYY","DD.MM.YYYY","DD MM YYYY","DD-MM-YYYY","DD/MM/YY","DD.MM.YY","DD MM YY","DD-MM-YY","YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYY MM DD"],oa=X.weekdaysShort(),mc=X.months(),bc=[].concat(_e(oa.slice(1)),[oa[0]]);function he(i){if(!i)return null;var r=oe(ra),e;try{for(r.s();!(e=r.n()).done;){var t=e.value,n=X(i,t,!0);if(n.isValid())return n}}catch(a){r.e(a)}finally{r.f()}var o=X(i);return o.isValid()?o:null}var aa,ia,sa,la,ca,da,ua,pa,ha,fa,_c=Object.defineProperty,yc=Object.getOwnPropertyDescriptor,re=function(r,e,t,n){for(var o=n>1?void 0:n?yc(e,t):e,a=r.length-1,s;a>=0;a--)(s=r[a])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&_c(e,t,o),o};c.LogosphereCalendar=(function(i){function r(){var e;return A(this,r),e=I(this,r,arguments),e.value=null,e.min=null,e.max=null,e.disabled=!1,e.rangeMode=!1,e.disabledDays=[],e.rangeStart=null,e.rangeEnd=null,e.closable=!1,e._cursor=X(),e._rangeStart=null,e._rangeEnd=null,e._hoverDate=null,e._viewMode="calendar",e._clear=function(){e._emitChange(null),e.rangeMode&&(e._rangeStart=null,e._rangeEnd=null,e._emitStateChange())},e._today=function(){var t=X();e._withinBounds(t)&&e._select(t)},e._navigatePrevious=function(){switch(e._viewMode){case"calendar":e._cursor=e._cursor.subtract(1,"month");break;case"month":e._cursor=e._cursor.subtract(1,"year");break;case"year":e._cursor=e._cursor.subtract(12,"year");break}},e._navigateNext=function(){switch(e._viewMode){case"calendar":e._cursor=e._cursor.add(1,"month");break;case"month":e._cursor=e._cursor.add(1,"year");break;case"year":e._cursor=e._cursor.add(12,"year");break}},e._handleHeaderClick=function(){e._viewMode==="calendar"?e._viewMode="month":e._viewMode==="month"&&(e._viewMode="year")},e}return B(r,i),P(r,[{key:"willUpdate",value:function(t){if(t.has("value")&&!this.rangeMode){var n=he(this.value);n&&(this._cursor=n)}if(t.has("rangeStart")&&(this._rangeStart=this.rangeStart),t.has("rangeEnd")&&(this._rangeEnd=this.rangeEnd),(t.has("rangeStart")||t.has("rangeEnd"))&&this.rangeMode){var o,a,s,l;this._cursor=(o=(a=(s=he(this.rangeEnd))===null||s===void 0?void 0:s.clone())!==null&&a!==void 0?a:(l=he(this.rangeStart))===null||l===void 0?void 0:l.clone())!==null&&o!==void 0?o:this._cursor}}},{key:"focusGrid",value:function(){var t;(t=this.renderRoot.querySelector("#grid"))===null||t===void 0||t.focus()}},{key:"_emitStateChange",value:function(){this.dispatchEvent(new CustomEvent("calendar-state-change",{detail:{rangeStart:this._rangeStart,rangeEnd:this._rangeEnd}}))}},{key:"_emitChange",value:function(t){var n;this.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t}})),(n=this.onChange)===null||n===void 0||n.call(this,t)}},{key:"_emitRangeChange",value:function(){var t;if(!(!this._rangeStart||!this._rangeEnd)){var n={start:this._rangeStart,end:this._rangeEnd};this.dispatchEvent(new CustomEvent("rangeChange",{detail:n})),(t=this.onRangeChange)===null||t===void 0||t.call(this,n)}}},{key:"_withinBounds",value:function(t){var n=he(this.min),o=he(this.max);return!(n&&t.isBefore(n,"day")||o&&t.isAfter(o,"day")||this.disabledDays.includes(t.day()))}},{key:"_getYears",value:function(){var t=this._cursor.year()-6;return Array.from({length:12},function(n,o){return t+o})}},{key:"_getHeaderLabel",value:function(){switch(this._viewMode){case"calendar":return this._cursor.format("MMMM YYYY");case"month":return this._cursor.format("YYYY");case"year":{var t=this._getYears();return"".concat(t[0],"-").concat(t[t.length-1])}}}},{key:"_daysInGrid",value:function(){var t=this._cursor.startOf("month"),n=t.subtract((t.day()+6)%7,"day");return Array.from({length:42},function(o,a){return n.add(a,"day")})}},{key:"_isInRange",value:function(t){if(!this.rangeMode||!this._rangeStart||!this._rangeEnd)return null;var n=he(this._rangeStart),o=he(this._rangeEnd);return!n||!o?null:t.isSame(n,"day")?"start":t.isSame(o,"day")?"end":t.isBetween(n,o,"day","[]")?"between":null}},{key:"_getHoverPreview",value:function(t){if(!this.rangeMode||!this._rangeStart||this._rangeEnd||!this._hoverDate)return null;var n=he(this._rangeStart);if(!n)return null;var o=this._hoverDate,a=o.isAfter(n,"day"),s=a?n:o,l=a?o:n;return t.isSame(n,"day")?"preview-start":t.isSame(o,"day")?"preview-end":t.isAfter(s,"day")&&t.isBefore(l,"day")?"preview-between":null}},{key:"_getDayClasses",value:function(t){var n=["dp__day"];if(!this._withinBounds(t))return n.push(this.disabledDays.includes(t.day())?"dp__day--disabled-weekday":"dp__day--disabled"),n.join(" ");var o=this._isInRange(t);if(o==="start")return n.push("dp__day--range-start"),n.join(" ");if(o==="end")return n.push("dp__day--range-end"),n.join(" ");if(o==="between")return n.push("dp__day--range-between"),n.join(" ");var a=this._getHoverPreview(t);return a==="preview-start"?(n.push("dp__day--range-start"),n.join(" ")):a==="preview-end"?(n.push("dp__day--range-end"),n.join(" ")):a==="preview-between"?(n.push("dp__day--range-between"),n.join(" ")):this.rangeMode&&this._rangeStart&&!this._rangeEnd&&t.isSame(he(this._rangeStart),"day")?(n.push("dp__day--range-pending"),n.join(" ")):(t.isSame(he(this.value),"day")?n.push("dp__day--selected"):t.isSame(X(),"day")?n.push("dp__day--today"):n.push("dp__day--default"),n.join(" "))}},{key:"_select",value:function(t){if(!(this.disabled||!this._withinBounds(t))){if(this.rangeMode){if(!this._rangeStart){this._rangeStart=t.format("YYYY-MM-DD"),this._cursor=t,this._emitStateChange();return}if(!this._rangeEnd){var n=he(this._rangeStart);n&&t.isBefore(n,"day")?(this._rangeEnd=this._rangeStart,this._rangeStart=t.format("YYYY-MM-DD")):this._rangeEnd=t.format("YYYY-MM-DD"),this._cursor=t,this._viewMode="calendar",this._emitStateChange(),this._emitRangeChange();return}this._rangeStart=t.format("YYYY-MM-DD"),this._rangeEnd=null,this._cursor=t,this._emitStateChange();return}this._emitChange(t.format("YYYY-MM-DD")),this._cursor=t,this._viewMode="calendar"}}},{key:"_selectMonth",value:function(t){this._cursor=this._cursor.month(t),this._viewMode="calendar"}},{key:"_selectYear",value:function(t){this._cursor=this._cursor.year(t),this._viewMode="month"}},{key:"_keydownGrid",value:function(t){var n={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};t.key in n?(t.preventDefault(),this._cursor=this._cursor.add(n[t.key],"day")):t.key==="Enter"||t.key===" "?(t.preventDefault(),this._select(this._cursor)):t.key==="Escape"&&this.closable?(t.preventDefault(),this.dispatchEvent(new CustomEvent("close-request"))):t.key==="PageUp"?(t.preventDefault(),this._cursor=t.shiftKey?this._cursor.subtract(1,"year"):this._cursor.subtract(1,"month")):t.key==="PageDown"?(t.preventDefault(),this._cursor=t.shiftKey?this._cursor.add(1,"year"):this._cursor.add(1,"month")):t.key==="Home"?(t.preventDefault(),this._cursor=this._cursor.startOf("month")):t.key==="End"&&(t.preventDefault(),this._cursor=this._cursor.endOf("month"))}},{key:"_renderCalendar",value:function(t){var n=this,o=this._daysInGrid();return m(aa||(aa=v([`
|
|
586
|
+
`}},n.LogosphereChatBot.styles=[N`${F(Ps)}`],n.LogosphereChatBot.ICONS={launcher:"data:image/svg+xml,%3Csvg%20width%3D%2251%22%20height%3D%2242%22%20viewBox%3D%220%200%2051%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.457%200C40.0338%200%2041.542%200.293293%2042.9302%200.8283L49.15%206.07675C50.2611%207.93912%2050.8994%2010.1162%2050.8994%2012.4424V23.084C50.8994%2024.4858%2050.6676%2025.8334%2050.2402%2027.0907L43.1534%2034.6096C41.7043%2035.2006%2040.1187%2035.5264%2038.457%2035.5264H30.7605L38.5805%2027.2296C40.814%2027.1643%2042.6045%2025.3332%2042.6045%2023.084V12.4424C42.6045%2010.1518%2040.7476%208.29492%2038.457%208.29492H12.4424C10.1518%208.29492%208.29492%2010.1518%208.29492%2012.4424V23.084C8.29492%2025.3746%2010.1518%2027.2314%2012.4424%2027.2314H33.5078L20.4487%2041.0866C17.7992%2042.5379%2014.3381%2040.2741%2014.7842%2036.7803C14.8402%2036.3421%2014.9629%2035.9194%2015.1416%2035.5264H12.4424C10.9217%2035.5264%209.46472%2035.2536%208.11774%2034.7542L0.610679%2026.945C0.214298%2025.7295%200%2024.4318%200%2023.084V12.4424C0%2010.8011%200.317794%209.23402%200.895207%207.79935L7.12424%201.19058C8.73679%200.427072%2010.5397%200%2012.4424%200H38.457ZM23.1357%2017.7881C23.1357%2015.4815%2021.2656%2013.6113%2018.959%2013.6113C16.6525%2013.6114%2014.7822%2015.4815%2014.7822%2017.7881C14.7824%2020.0945%2016.6526%2021.9638%2018.959%2021.9639C21.2655%2021.9639%2023.1356%2020.0945%2023.1357%2017.7881ZM36.2344%2017.7881C36.2344%2015.4815%2034.3642%2013.6113%2032.0576%2013.6113C29.7511%2013.6114%2027.8809%2015.4815%2027.8809%2017.7881C27.881%2020.0945%2029.7512%2021.9638%2032.0576%2021.9639C34.3641%2021.9639%2036.2342%2020.0945%2036.2344%2017.7881Z%22%20fill%3D%22url(%23paint0_linear_97_4585)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_97_4585%22%20x1%3D%2231.662%22%20y1%3D%224.88016%22%20x2%3D%2214.4119%22%20y2%3D%2237.9167%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F22727%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CA0D0D%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"},I([c({type:String,attribute:"return-uri"})],n.LogosphereChatBot.prototype,"returnUri",2),I([c({type:String,attribute:"question-prompt"})],n.LogosphereChatBot.prototype,"questionPrompt",2),I([c({type:Boolean,attribute:"minimized-icon-only"})],n.LogosphereChatBot.prototype,"minimizedIconOnly",2),I([c({type:Boolean,attribute:"draggable"})],n.LogosphereChatBot.prototype,"draggable",2),I([c({type:Boolean,attribute:"resizable"})],n.LogosphereChatBot.prototype,"resizable",2),I([c({type:Array,hasChanged:(i,e)=>i===e?!1:!e||!i||i.length!==e.length?!0:JSON.stringify(i)!==JSON.stringify(e)}),c({type:Array})],n.LogosphereChatBot.prototype,"products",2),I([c({type:Boolean,attribute:"open-initially"})],n.LogosphereChatBot.prototype,"openInitially",2),I([c({type:Boolean,attribute:"show-feedback-buttons"})],n.LogosphereChatBot.prototype,"showFeedbackButtons",2),I([$()],n.LogosphereChatBot.prototype,"open",2),I([$()],n.LogosphereChatBot.prototype,"fullscreen",2),I([$()],n.LogosphereChatBot.prototype,"messages",2),I([$()],n.LogosphereChatBot.prototype,"conversationId",2),I([$()],n.LogosphereChatBot.prototype,"assertionToken",2),I([$()],n.LogosphereChatBot.prototype,"isLoading",2),I([$()],n.LogosphereChatBot.prototype,"inputText",2),I([$()],n.LogosphereChatBot.prototype,"selectedProductId",2),I([$()],n.LogosphereChatBot.prototype,"windowWidth",2),I([$()],n.LogosphereChatBot.prototype,"windowHeight",2),I([$()],n.LogosphereChatBot.prototype,"position",2),I([$()],n.LogosphereChatBot.prototype,"isDragging",2),I([$()],n.LogosphereChatBot.prototype,"screenWidth",2),I([J("#chat-container")],n.LogosphereChatBot.prototype,"chatContainer",2),I([J("#product")],n.LogosphereChatBot.prototype,"productEl",2),n.LogosphereChatBot=I([U("logosphere-chatbot")],n.LogosphereChatBot);const Bs=':host{display:block;font-family:var(--font-family-base)}.dp__calendar{display:block}.dp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dp__nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;background:none;border-radius:var(--radius-base);cursor:pointer;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing)}.dp__nav-btn:hover{background-color:var(--color-tertiary-bg)}.dp__header-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__header-label:hover{color:var(--color-primary)}.dp__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:var(--font-size-sm);color:var(--color-tertiary);margin-bottom:var(--spacing-1);-webkit-user-select:none;user-select:none}.dp__weekday{padding:var(--spacing-1) 0}.dp__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;outline:none}.dp__day{position:relative;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;min-width:0;border-radius:0;color:var(--color-body-text);font-family:var(--font-family-base)}.dp__day-num{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-sm);flex-shrink:0;transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__day--range-start:before,.dp__day--range-end:before,.dp__day--range-between:before{content:"";position:absolute;top:2px;bottom:2px;background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);z-index:0;pointer-events:none}.dp__day--range-start:before{left:50%;right:0}.dp__day--range-end:before{left:0;right:50%}.dp__day--range-between:before{left:0;right:0}.dp__day--out-of-month{opacity:.4}.dp__day--focused .dp__day-num{background-color:var(--color-tertiary-bg)}.dp__day--disabled{cursor:not-allowed;pointer-events:none}.dp__day--disabled .dp__day-num{color:var(--color-gray-300);background-color:var(--color-gray-50)}.dp__day--disabled-weekday{cursor:not-allowed;pointer-events:none}.dp__day--disabled-weekday .dp__day-num{color:var(--color-gray-300)}.dp__day--today .dp__day-num{background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__day--selected .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--default:hover .dp__day-num{background-color:var(--color-tertiary-bg)}.dp__day--range-pending .dp__day-num,.dp__day--range-start .dp__day-num,.dp__day--range-end .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--range-between .dp__day-num{color:var(--color-primary);background:transparent}.dp__month-grid,.dp__year-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px;margin-top:var(--spacing-3)}.dp__month-btn,.dp__year-btn{height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;background:none;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__month-btn:hover:not(.dp__month-btn--selected),.dp__year-btn:hover:not(.dp__year-btn--selected){background-color:var(--color-tertiary-bg)}.dp__month-btn--selected,.dp__year-btn--selected{background-color:var(--color-primary);color:#fff}.dp__month-btn--current:not(.dp__month-btn--selected),.dp__year-btn--current:not(.dp__year-btn--selected){background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__footer{display:flex;align-items:center;justify-content:space-evenly;margin-top:var(--spacing-4);padding-bottom:var(--spacing-3)}.dp__footer-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-tertiary);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__footer-btn:hover{background-color:var(--color-tertiary-bg);color:var(--color-body-text)}';function _t(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Ot={exports:{}},Is=Ot.exports,Jr;function Ys(){return Jr||(Jr=1,(function(i,e){(function(t,r){i.exports=r()})(Is,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(r,o,s){var a=o.prototype,l=a.format;s.en.formats=t,a.format=function(d){d===void 0&&(d="YYYY-MM-DDTHH:mm:ssZ");var p=this.$locale().formats,h=(function(f,b){return f.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(v,C,k){var g=k&&k.toUpperCase();return C||b[k]||t[k]||b[g].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(_,w,y){return w||y.slice(1)}))}))})(d,p===void 0?{}:p);return l.call(this,h)}}}))})(Ot)),Ot.exports}var Rs=Ys();const Hs=_t(Rs);var Pt={exports:{}},js=Pt.exports,Qr;function Fs(){return Qr||(Qr=1,(function(i,e){(function(t,r){i.exports=r()})(js,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},r=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,o=/\d/,s=/\d\d/,a=/\d\d?/,l=/\d*[^-_:/,()\s\d]+/,d={},p=function(g){return(g=+g)+(g>68?1900:2e3)},h=function(g){return function(_){this[g]=+_}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(g){(this.zone||(this.zone={})).offset=(function(_){if(!_||_==="Z")return 0;var w=_.match(/([+-]|\d\d)/g),y=60*w[1]+(+w[2]||0);return y===0?0:w[0]==="+"?-y:y})(g)}],b=function(g){var _=d[g];return _&&(_.indexOf?_:_.s.concat(_.f))},v=function(g,_){var w,y=d.meridiem;if(y){for(var x=1;x<=24;x+=1)if(g.indexOf(y(x,0,_))>-1){w=x>12;break}}else w=g===(_?"pm":"PM");return w},C={A:[l,function(g){this.afternoon=v(g,!1)}],a:[l,function(g){this.afternoon=v(g,!0)}],Q:[o,function(g){this.month=3*(g-1)+1}],S:[o,function(g){this.milliseconds=100*+g}],SS:[s,function(g){this.milliseconds=10*+g}],SSS:[/\d{3}/,function(g){this.milliseconds=+g}],s:[a,h("seconds")],ss:[a,h("seconds")],m:[a,h("minutes")],mm:[a,h("minutes")],H:[a,h("hours")],h:[a,h("hours")],HH:[a,h("hours")],hh:[a,h("hours")],D:[a,h("day")],DD:[s,h("day")],Do:[l,function(g){var _=d.ordinal,w=g.match(/\d+/);if(this.day=w[0],_)for(var y=1;y<=31;y+=1)_(y).replace(/\[|\]/g,"")===g&&(this.day=y)}],w:[a,h("week")],ww:[s,h("week")],M:[a,h("month")],MM:[s,h("month")],MMM:[l,function(g){var _=b("months"),w=(b("monthsShort")||_.map((function(y){return y.slice(0,3)}))).indexOf(g)+1;if(w<1)throw new Error;this.month=w%12||w}],MMMM:[l,function(g){var _=b("months").indexOf(g)+1;if(_<1)throw new Error;this.month=_%12||_}],Y:[/[+-]?\d+/,h("year")],YY:[s,function(g){this.year=p(g)}],YYYY:[/\d{4}/,h("year")],Z:f,ZZ:f};function k(g){var _,w;_=g,w=d&&d.formats;for(var y=(g=_.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(P,B,j){var L=j&&j.toUpperCase();return B||w[j]||t[j]||w[L].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(W,Z,V){return Z||V.slice(1)}))}))).match(r),x=y.length,E=0;E<x;E+=1){var S=y[E],D=C[S],O=D&&D[0],z=D&&D[1];y[E]=z?{regex:O,parser:z}:S.replace(/^\[|\]$/g,"")}return function(P){for(var B={},j=0,L=0;j<x;j+=1){var W=y[j];if(typeof W=="string")L+=W.length;else{var Z=W.regex,V=W.parser,K=P.slice(L),ce=Z.exec(K)[0];V.call(B,ce),P=P.replace(ce,"")}}return(function(ee){var me=ee.afternoon;if(me!==void 0){var G=ee.hours;me?G<12&&(ee.hours+=12):G===12&&(ee.hours=0),delete ee.afternoon}})(B),B}}return function(g,_,w){w.p.customParseFormat=!0,g&&g.parseTwoDigitYear&&(p=g.parseTwoDigitYear);var y=_.prototype,x=y.parse;y.parse=function(E){var S=E.date,D=E.utc,O=E.args;this.$u=D;var z=O[1];if(typeof z=="string"){var P=O[2]===!0,B=O[3]===!0,j=P||B,L=O[2];B&&(L=O[2]),d=this.$locale(),!P&&L&&(d=w.Ls[L]),this.$d=(function(K,ce,ee,me){try{if(["x","X"].indexOf(ce)>-1)return new Date((ce==="X"?1e3:1)*K);var G=k(ce)(K),ve=G.year,_e=G.month,De=G.day,fe=G.hours,Re=G.minutes,Ge=G.seconds,ye=G.milliseconds,Xe=G.zone,Rt=G.week,He=new Date,yt=De||(ve||_e?1:He.getDate()),Je=ve||He.getFullYear(),Qe=0;ve&&!_e||(Qe=_e>0?_e-1:He.getMonth());var et,tt=fe||0,rt=Re||0,wt=Ge||0,xt=ye||0;return Xe?new Date(Date.UTC(Je,Qe,yt,tt,rt,wt,xt+60*Xe.offset*1e3)):ee?new Date(Date.UTC(Je,Qe,yt,tt,rt,wt,xt)):(et=new Date(Je,Qe,yt,tt,rt,wt,xt),Rt&&(et=me(et).week(Rt).toDate()),et)}catch(Ae){return new Date("")}})(S,z,D,w),this.init(),L&&L!==!0&&(this.$L=this.locale(L).$L),j&&S!=this.format(z)&&(this.$d=new Date("")),d={}}else if(z instanceof Array)for(var W=z.length,Z=1;Z<=W;Z+=1){O[1]=z[Z-1];var V=w.apply(this,O);if(V.isValid()){this.$d=V.$d,this.$L=V.$L,this.init();break}Z===W&&(this.$d=new Date(""))}else x.call(this,E)}}}))})(Pt)),Pt.exports}var Ns=Fs();const Us=_t(Ns);var Lt={exports:{}},Vs=Lt.exports,eo;function qs(){return eo||(eo=1,(function(i,e){(function(t,r){i.exports=r()})(Vs,(function(){return function(t,r,o){r.prototype.isBetween=function(s,a,l,d){var p=o(s),h=o(a),f=(d=d||"()")[0]==="(",b=d[1]===")";return(f?this.isAfter(p,l):!this.isBefore(p,l))&&(b?this.isBefore(h,l):!this.isAfter(h,l))||(f?this.isBefore(p,l):!this.isAfter(p,l))&&(b?this.isAfter(h,l):!this.isBefore(h,l))}}}))})(Lt)),Lt.exports}var Ws=qs();const Zs=_t(Ws);var Tt={exports:{}},Ks=Tt.exports,to;function Gs(){return to||(to=1,(function(i,e){(function(t,r){i.exports=r()})(Ks,(function(){var t="week",r="year";return function(o,s,a){var l=s.prototype;l.week=function(d){if(d===void 0&&(d=null),d!==null)return this.add(7*(d-this.week()),"day");var p=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var h=a(this).startOf(r).add(1,r).date(p),f=a(this).endOf(t);if(h.isBefore(f))return 1}var b=a(this).startOf(r).date(p).startOf(t).subtract(1,"millisecond"),v=this.diff(b,t,!0);return v<0?a(this).startOf("week").week():Math.ceil(v)},l.weeks=function(d){return d===void 0&&(d=null),this.week(d)}}}))})(Tt)),Tt.exports}var Xs=Gs();const Js=_t(Xs);var Bt={exports:{}},Qs=Bt.exports,ro;function ea(){return ro||(ro=1,(function(i,e){(function(t,r){i.exports=r()})(Qs,(function(){return function(t,r,o){var s=r.prototype,a=function(f){return f&&(f.indexOf?f:f.s)},l=function(f,b,v,C,k){var g=f.name?f:f.$locale(),_=a(g[b]),w=a(g[v]),y=_||w.map((function(E){return E.slice(0,C)}));if(!k)return y;var x=g.weekStart;return y.map((function(E,S){return y[(S+(x||0))%7]}))},d=function(){return o.Ls[o.locale()]},p=function(f,b){return f.formats[b]||(function(v){return v.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(C,k,g){return k||g.slice(1)}))})(f.formats[b.toUpperCase()])},h=function(){var f=this;return{months:function(b){return b?b.format("MMMM"):l(f,"months")},monthsShort:function(b){return b?b.format("MMM"):l(f,"monthsShort","months",3)},firstDayOfWeek:function(){return f.$locale().weekStart||0},weekdays:function(b){return b?b.format("dddd"):l(f,"weekdays")},weekdaysMin:function(b){return b?b.format("dd"):l(f,"weekdaysMin","weekdays",2)},weekdaysShort:function(b){return b?b.format("ddd"):l(f,"weekdaysShort","weekdays",3)},longDateFormat:function(b){return p(f.$locale(),b)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};s.localeData=function(){return h.bind(this)()},o.localeData=function(){var f=d();return{firstDayOfWeek:function(){return f.weekStart||0},weekdays:function(){return o.weekdays()},weekdaysShort:function(){return o.weekdaysShort()},weekdaysMin:function(){return o.weekdaysMin()},months:function(){return o.months()},monthsShort:function(){return o.monthsShort()},longDateFormat:function(b){return p(f,b)},meridiem:f.meridiem,ordinal:f.ordinal}},o.months=function(){return l(d(),"months")},o.monthsShort=function(){return l(d(),"monthsShort","months",3)},o.weekdays=function(f){return l(d(),"weekdays",null,null,f)},o.weekdaysShort=function(f){return l(d(),"weekdaysShort","weekdays",3,f)},o.weekdaysMin=function(f){return l(d(),"weekdaysMin","weekdays",2,f)}}}))})(Bt)),Bt.exports}var ta=ea();const ra=_t(ta);var It={exports:{}},oa=It.exports,oo;function ia(){return oo||(oo=1,(function(i,e){(function(t,r){i.exports=r(M)})(oa,(function(t){function r(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}var o=r(t),s={name:"tr",weekdays:"Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi".split("_"),weekdaysShort:"Paz_Pts_Sal_Çar_Per_Cum_Cts".split("_"),weekdaysMin:"Pz_Pt_Sa_Ça_Pe_Cu_Ct".split("_"),months:"Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık".split("_"),monthsShort:"Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara".split("_"),weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},relativeTime:{future:"%s sonra",past:"%s önce",s:"birkaç saniye",m:"bir dakika",mm:"%d dakika",h:"bir saat",hh:"%d saat",d:"bir gün",dd:"%d gün",M:"bir ay",MM:"%d ay",y:"bir yıl",yy:"%d yıl"},ordinal:function(a){return a+"."}};return o.default.locale(s,null,!0),s}))})(It)),It.exports}ia(),M.extend(Hs),M.extend(Us),M.extend(Zs),M.extend(Js),M.extend(ra),M.locale("tr");const io=["DD/MM/YYYY","DD.MM.YYYY","DD MM YYYY","DD-MM-YYYY","DD/MM/YY","DD.MM.YY","DD MM YY","DD-MM-YY","YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYY MM DD"],so=M.weekdaysShort(),sa=M.months(),aa=[...so.slice(1),so[0]];function ie(i){if(!i)return null;for(const t of io){const r=M(i,t,!0);if(r.isValid())return r}const e=M(i);return e.isValid()?e:null}var na=Object.defineProperty,la=Object.getOwnPropertyDescriptor,q=(i,e,t,r)=>{for(var o=r>1?void 0:r?la(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&na(e,t,o),o};n.LogosphereCalendar=class extends T{constructor(){super(...arguments),this.value=null,this.min=null,this.max=null,this.disabled=!1,this.rangeMode=!1,this.disabledDays=[],this.rangeStart=null,this.rangeEnd=null,this.closable=!1,this._cursor=M(),this._rangeStart=null,this._rangeEnd=null,this._hoverDate=null,this._viewMode="calendar",this._clear=()=>{this._emitChange(null),this.rangeMode&&(this._rangeStart=null,this._rangeEnd=null,this._emitStateChange())},this._today=()=>{const e=M();this._withinBounds(e)&&this._select(e)},this._navigatePrevious=()=>{switch(this._viewMode){case"calendar":this._cursor=this._cursor.subtract(1,"month");break;case"month":this._cursor=this._cursor.subtract(1,"year");break;case"year":this._cursor=this._cursor.subtract(12,"year");break}},this._navigateNext=()=>{switch(this._viewMode){case"calendar":this._cursor=this._cursor.add(1,"month");break;case"month":this._cursor=this._cursor.add(1,"year");break;case"year":this._cursor=this._cursor.add(12,"year");break}},this._handleHeaderClick=()=>{this._viewMode==="calendar"?this._viewMode="month":this._viewMode==="month"&&(this._viewMode="year")}}willUpdate(e){var t,r,o,s;if(e.has("value")&&!this.rangeMode){const a=ie(this.value);a&&(this._cursor=a)}e.has("rangeStart")&&(this._rangeStart=this.rangeStart),e.has("rangeEnd")&&(this._rangeEnd=this.rangeEnd),(e.has("rangeStart")||e.has("rangeEnd"))&&this.rangeMode&&(this._cursor=(s=(o=(t=ie(this.rangeEnd))==null?void 0:t.clone())!=null?o:(r=ie(this.rangeStart))==null?void 0:r.clone())!=null?s:this._cursor)}focusGrid(){var e;(e=this.renderRoot.querySelector("#grid"))==null||e.focus()}_emitStateChange(){this.dispatchEvent(new CustomEvent("calendar-state-change",{detail:{rangeStart:this._rangeStart,rangeEnd:this._rangeEnd}}))}_emitChange(e){var t;this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e}})),(t=this.onChange)==null||t.call(this,e)}_emitRangeChange(){var t;if(!this._rangeStart||!this._rangeEnd)return;const e={start:this._rangeStart,end:this._rangeEnd};this.dispatchEvent(new CustomEvent("rangeChange",{detail:e})),(t=this.onRangeChange)==null||t.call(this,e)}_withinBounds(e){const t=ie(this.min),r=ie(this.max);return!(t&&e.isBefore(t,"day")||r&&e.isAfter(r,"day")||this.disabledDays.includes(e.day()))}_getYears(){const e=this._cursor.year()-6;return Array.from({length:12},(t,r)=>e+r)}_getHeaderLabel(){switch(this._viewMode){case"calendar":return this._cursor.format("MMMM YYYY");case"month":return this._cursor.format("YYYY");case"year":{const e=this._getYears();return`${e[0]}-${e[e.length-1]}`}}}_daysInGrid(){const e=this._cursor.startOf("month"),t=e.subtract((e.day()+6)%7,"day");return Array.from({length:42},(r,o)=>t.add(o,"day"))}_isInRange(e){if(!this.rangeMode||!this._rangeStart||!this._rangeEnd)return null;const t=ie(this._rangeStart),r=ie(this._rangeEnd);return!t||!r?null:e.isSame(t,"day")?"start":e.isSame(r,"day")?"end":e.isBetween(t,r,"day","[]")?"between":null}_getHoverPreview(e){if(!this.rangeMode||!this._rangeStart||this._rangeEnd||!this._hoverDate)return null;const t=ie(this._rangeStart);if(!t)return null;const r=this._hoverDate,o=r.isAfter(t,"day"),s=o?t:r,a=o?r:t;return e.isSame(t,"day")?"preview-start":e.isSame(r,"day")?"preview-end":e.isAfter(s,"day")&&e.isBefore(a,"day")?"preview-between":null}_getDayClasses(e){const t=["dp__day"];if(!this._withinBounds(e))return t.push(this.disabledDays.includes(e.day())?"dp__day--disabled-weekday":"dp__day--disabled"),t.join(" ");const r=this._isInRange(e);if(r==="start")return t.push("dp__day--range-start"),t.join(" ");if(r==="end")return t.push("dp__day--range-end"),t.join(" ");if(r==="between")return t.push("dp__day--range-between"),t.join(" ");const o=this._getHoverPreview(e);return o==="preview-start"?(t.push("dp__day--range-start"),t.join(" ")):o==="preview-end"?(t.push("dp__day--range-end"),t.join(" ")):o==="preview-between"?(t.push("dp__day--range-between"),t.join(" ")):this.rangeMode&&this._rangeStart&&!this._rangeEnd&&e.isSame(ie(this._rangeStart),"day")?(t.push("dp__day--range-pending"),t.join(" ")):(e.isSame(ie(this.value),"day")?t.push("dp__day--selected"):e.isSame(M(),"day")?t.push("dp__day--today"):t.push("dp__day--default"),t.join(" "))}_select(e){if(!(this.disabled||!this._withinBounds(e))){if(this.rangeMode){if(!this._rangeStart){this._rangeStart=e.format("YYYY-MM-DD"),this._cursor=e,this._emitStateChange();return}if(!this._rangeEnd){const t=ie(this._rangeStart);t&&e.isBefore(t,"day")?(this._rangeEnd=this._rangeStart,this._rangeStart=e.format("YYYY-MM-DD")):this._rangeEnd=e.format("YYYY-MM-DD"),this._cursor=e,this._viewMode="calendar",this._emitStateChange(),this._emitRangeChange();return}this._rangeStart=e.format("YYYY-MM-DD"),this._rangeEnd=null,this._cursor=e,this._emitStateChange();return}this._emitChange(e.format("YYYY-MM-DD")),this._cursor=e,this._viewMode="calendar"}}_selectMonth(e){this._cursor=this._cursor.month(e),this._viewMode="calendar"}_selectYear(e){this._cursor=this._cursor.year(e),this._viewMode="month"}_keydownGrid(e){const t={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};e.key in t?(e.preventDefault(),this._cursor=this._cursor.add(t[e.key],"day")):e.key==="Enter"||e.key===" "?(e.preventDefault(),this._select(this._cursor)):e.key==="Escape"&&this.closable?(e.preventDefault(),this.dispatchEvent(new CustomEvent("close-request"))):e.key==="PageUp"?(e.preventDefault(),this._cursor=e.shiftKey?this._cursor.subtract(1,"year"):this._cursor.subtract(1,"month")):e.key==="PageDown"?(e.preventDefault(),this._cursor=e.shiftKey?this._cursor.add(1,"year"):this._cursor.add(1,"month")):e.key==="Home"?(e.preventDefault(),this._cursor=this._cursor.startOf("month")):e.key==="End"&&(e.preventDefault(),this._cursor=this._cursor.endOf("month"))}_renderCalendar(e){const t=this._daysInGrid();return u`
|
|
590
587
|
<div class="dp__weekdays" role="row">
|
|
591
|
-
|
|
588
|
+
${aa.map(r=>u`<div class="dp__weekday" role="columnheader" aria-label=${r}>${r}</div>`)}
|
|
592
589
|
</div>
|
|
593
590
|
<div
|
|
594
591
|
id="grid"
|
|
@@ -596,142 +593,140 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
596
593
|
class="dp__grid"
|
|
597
594
|
role="grid"
|
|
598
595
|
aria-label="Takvim"
|
|
599
|
-
@keydown
|
|
600
|
-
@mouseleave
|
|
596
|
+
@keydown=${this._keydownGrid}
|
|
597
|
+
@mouseleave=${()=>{this._hoverDate=null}}
|
|
601
598
|
>
|
|
602
|
-
|
|
603
|
-
</div>
|
|
604
|
-
`])),bc.map(function(a){return m(ia||(ia=v(['<div class="dp__weekday" role="columnheader" aria-label=',">","</div>"])),a,a)}),this._keydownGrid,function(){n._hoverDate=null},o.map(function(a){var s=a.month()===n._cursor.month(),l=t?a.isSame(t,"day"):!1,u=a.isSame(n._cursor,"day"),d=!n._withinBounds(a),f=[n._getDayClasses(a),s?"":"dp__day--out-of-month",u?"dp__day--focused":""].filter(Boolean).join(" ");return m(sa||(sa=v([`
|
|
599
|
+
${t.map(r=>{const o=r.month()===this._cursor.month(),s=e?r.isSame(e,"day"):!1,a=r.isSame(this._cursor,"day"),l=!this._withinBounds(r),d=[this._getDayClasses(r),o?"":"dp__day--out-of-month",a?"dp__day--focused":""].filter(Boolean).join(" ");return u`
|
|
605
600
|
<button
|
|
606
|
-
class
|
|
601
|
+
class=${d}
|
|
607
602
|
role="gridcell"
|
|
608
|
-
aria-selected
|
|
609
|
-
aria-disabled
|
|
610
|
-
tabindex
|
|
611
|
-
@click
|
|
612
|
-
@mouseenter
|
|
603
|
+
aria-selected=${s?"true":"false"}
|
|
604
|
+
aria-disabled=${l?"true":"false"}
|
|
605
|
+
tabindex=${a?"0":"-1"}
|
|
606
|
+
@click=${()=>!l&&this._select(r)}
|
|
607
|
+
@mouseenter=${()=>{this.rangeMode&&this._rangeStart&&!this._rangeEnd&&(this._hoverDate=r)}}
|
|
613
608
|
>
|
|
614
|
-
<span class="dp__day-num"
|
|
609
|
+
<span class="dp__day-num">${r.date()}</span>
|
|
615
610
|
</button>
|
|
616
|
-
`
|
|
617
|
-
<div class="dp__month-grid" role="grid" aria-label="Ay seçimi">
|
|
618
|
-
`,`
|
|
611
|
+
`})}
|
|
619
612
|
</div>
|
|
620
|
-
`
|
|
613
|
+
`}_renderMonthGrid(){return u`
|
|
614
|
+
<div class="dp__month-grid" role="grid" aria-label="Ay seçimi">
|
|
615
|
+
${sa.map((e,t)=>{const r=t===this._cursor.month(),o=t===M().month()&&this._cursor.year()===M().year();return u`
|
|
621
616
|
<button
|
|
622
|
-
class="dp__month-btn
|
|
617
|
+
class="dp__month-btn ${r?"dp__month-btn--selected":""} ${o&&!r?"dp__month-btn--current":""}"
|
|
623
618
|
role="gridcell"
|
|
624
|
-
aria-selected
|
|
625
|
-
@click
|
|
619
|
+
aria-selected=${r?"true":"false"}
|
|
620
|
+
@click=${()=>this._selectMonth(t)}
|
|
626
621
|
>
|
|
627
|
-
|
|
622
|
+
${e}
|
|
628
623
|
</button>
|
|
629
|
-
`
|
|
630
|
-
<div class="dp__year-grid" role="grid" aria-label="Yıl seçimi">
|
|
631
|
-
`,`
|
|
624
|
+
`})}
|
|
632
625
|
</div>
|
|
633
|
-
`
|
|
626
|
+
`}_renderYearGrid(){return u`
|
|
627
|
+
<div class="dp__year-grid" role="grid" aria-label="Yıl seçimi">
|
|
628
|
+
${this._getYears().map(e=>{const t=e===this._cursor.year(),r=e===M().year();return u`
|
|
634
629
|
<button
|
|
635
|
-
class="dp__year-btn
|
|
630
|
+
class="dp__year-btn ${t?"dp__year-btn--selected":""} ${r&&!t?"dp__year-btn--current":""}"
|
|
636
631
|
role="gridcell"
|
|
637
|
-
aria-selected
|
|
638
|
-
@click
|
|
632
|
+
aria-selected=${t?"true":"false"}
|
|
633
|
+
@click=${()=>this._selectYear(e)}
|
|
639
634
|
>
|
|
640
|
-
|
|
635
|
+
${e}
|
|
641
636
|
</button>
|
|
642
|
-
`
|
|
637
|
+
`})}
|
|
638
|
+
</div>
|
|
639
|
+
`}render(){const e=ie(this.value);return u`
|
|
643
640
|
<div class="dp__calendar">
|
|
644
641
|
<div class="dp__header">
|
|
645
|
-
<button class="dp__nav-btn" @click
|
|
642
|
+
<button class="dp__nav-btn" @click=${this._navigatePrevious} aria-label="Önceki">
|
|
646
643
|
<ui-icon name="uil-arrow-left" size="16"></ui-icon>
|
|
647
644
|
</button>
|
|
648
|
-
<span class="dp__header-label" @click
|
|
649
|
-
|
|
645
|
+
<span class="dp__header-label" @click=${this._handleHeaderClick} role="button" tabindex="0">
|
|
646
|
+
${this._getHeaderLabel()}
|
|
650
647
|
</span>
|
|
651
|
-
<button class="dp__nav-btn" @click
|
|
648
|
+
<button class="dp__nav-btn" @click=${this._navigateNext} aria-label="Sonraki">
|
|
652
649
|
<ui-icon name="uil-arrow-right" size="16"></ui-icon>
|
|
653
650
|
</button>
|
|
654
651
|
</div>
|
|
655
652
|
|
|
656
|
-
|
|
653
|
+
${this._viewMode==="calendar"?this._renderCalendar(e):this._viewMode==="month"?this._renderMonthGrid():this._renderYearGrid()}
|
|
657
654
|
|
|
658
655
|
<div class="dp__footer">
|
|
659
|
-
<button class="dp__footer-btn" @click
|
|
656
|
+
<button class="dp__footer-btn" @click=${this._today} aria-label="Bugün">
|
|
660
657
|
<ui-icon name="uil-calendar" size="14"></ui-icon>
|
|
661
658
|
</button>
|
|
662
|
-
<button class="dp__footer-btn" @click
|
|
659
|
+
<button class="dp__footer-btn" @click=${this._clear} aria-label="Temizle">
|
|
663
660
|
<ui-icon name="uil-trash" size="14"></ui-icon>
|
|
664
661
|
</button>
|
|
665
|
-
|
|
666
|
-
</div>
|
|
667
|
-
</div>
|
|
668
|
-
`])),this._navigatePrevious,this._handleHeaderClick,this._getHeaderLabel(),this._navigateNext,this._viewMode==="calendar"?this._renderCalendar(n):this._viewMode==="month"?this._renderMonthGrid():this._renderYearGrid(),this._today,this._clear,this.closable?m(ha||(ha=v([`
|
|
662
|
+
${this.closable?u`
|
|
669
663
|
<button
|
|
670
664
|
class="dp__footer-btn"
|
|
671
|
-
@click
|
|
665
|
+
@click=${()=>this.dispatchEvent(new CustomEvent("close-request"))}
|
|
672
666
|
aria-label="Kapat"
|
|
673
667
|
>
|
|
674
668
|
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
675
669
|
</button>
|
|
676
|
-
|
|
670
|
+
`:null}
|
|
671
|
+
</div>
|
|
672
|
+
</div>
|
|
673
|
+
`}},n.LogosphereCalendar.styles=[N`${F(Bs)}`],q([c({type:String})],n.LogosphereCalendar.prototype,"value",2),q([c({type:String})],n.LogosphereCalendar.prototype,"min",2),q([c({type:String})],n.LogosphereCalendar.prototype,"max",2),q([c({type:Boolean})],n.LogosphereCalendar.prototype,"disabled",2),q([c({type:Boolean})],n.LogosphereCalendar.prototype,"rangeMode",2),q([c({type:Array})],n.LogosphereCalendar.prototype,"disabledDays",2),q([c({type:String})],n.LogosphereCalendar.prototype,"rangeStart",2),q([c({type:String})],n.LogosphereCalendar.prototype,"rangeEnd",2),q([c({type:Boolean})],n.LogosphereCalendar.prototype,"closable",2),q([c({attribute:!1})],n.LogosphereCalendar.prototype,"onChange",2),q([c({attribute:!1})],n.LogosphereCalendar.prototype,"onRangeChange",2),q([$()],n.LogosphereCalendar.prototype,"_cursor",2),q([$()],n.LogosphereCalendar.prototype,"_rangeStart",2),q([$()],n.LogosphereCalendar.prototype,"_rangeEnd",2),q([$()],n.LogosphereCalendar.prototype,"_hoverDate",2),q([$()],n.LogosphereCalendar.prototype,"_viewMode",2),n.LogosphereCalendar=q([U("logosphere-calendar")],n.LogosphereCalendar);const da=".dp{display:block;position:relative;width:100%;font-family:var(--font-family-base)}.dp__field,.dp__reference{width:100%}.dp__input{width:100%;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);line-height:1.5}.dp__input::placeholder{color:var(--color-tertiary)}.dp__input:disabled{cursor:not-allowed}.dp__icon-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__icon-btn_suffix{padding-right:var(--spacing-1)}.dp__icon-btn:hover{color:var(--color-gray-600)}.dp__icon-btn:disabled{cursor:not-allowed;opacity:.5}.dp__popup{background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown);padding:var(--spacing-4);box-sizing:border-box;overflow:hidden;max-height:calc(100vh - 16px)}";var ca=Object.defineProperty,ha=Object.getOwnPropertyDescriptor,A=(i,e,t,r)=>{for(var o=r>1?void 0:r?ha(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ca(e,t,o),o};let pa=0;const ua=()=>`dp-${++pa}`;n.LogosphereDatePicker=class extends T{constructor(){super(...arguments),this.value=null,this.min=null,this.max=null,this.required=!1,this.disabled=!1,this.readonly=!1,this.expandFactor=1.05,this.placeholder="GG/AA/YYYY veya GG.AA.YYYY",this.label="",this.helper="",this.error="",this.size="default",this.variant="default",this.rangeMode=!1,this.disabledDays=[],this.rangeStart=null,this.rangeEnd=null,this._open=!1,this._rangeStart=null,this._rangeEnd=null,this._hasError=!1,this._errorMsg="",this._inputDraft=null,this._errorTimer=null,this.inputId=ua(),this._outsideClick=e=>{this._open&&(e.composedPath().includes(this)||(this._parseAndSetDate(),this._toggleOpen(!1)))},this._openDropdown=()=>{this._toggleOpen(!0)},this._onBlur=()=>{this._parseAndSetDate()}}willUpdate(e){e.has("rangeStart")&&(this._rangeStart=this.rangeStart),e.has("rangeEnd")&&(this._rangeEnd=this.rangeEnd),e.has("value")&&!this._isInputFocused()&&(this._inputDraft=null)}connectedCallback(){super.connectedCallback(),window.addEventListener("click",this._outsideClick,!0)}disconnectedCallback(){window.removeEventListener("click",this._outsideClick,!0),this._destroyPopper(),this._errorTimer&&clearTimeout(this._errorTimer),super.disconnectedCallback()}updated(e){if(super.updated(e),e.has("_open")){this._open?this._updatePopper():this._destroyPopper();return}this._open&&this._updatePopper()}_safeDay(e){return ie(e)}_isInputFocused(){var e;return((e=this.shadowRoot)==null?void 0:e.activeElement)===this._inputElement}_withinBounds(e){const t=this._safeDay(this.min),r=this._safeDay(this.max);return!(t&&e.isBefore(t,"day")||r&&e.isAfter(r,"day")||this.disabledDays.includes(e.day()))}_displayValue(){if(this.rangeMode&&this._rangeStart&&this._rangeEnd){const t=this._safeDay(this._rangeStart),r=this._safeDay(this._rangeEnd);if(t&&r)return`${t.format("DD/MM/YYYY")} - ${r.format("DD/MM/YYYY")}`}const e=this._safeDay(this.value);return e?e.format("DD/MM/YYYY"):""}_inputValue(){var e;return(e=this._inputDraft)!=null?e:this._displayValue()}_emitChange(e){var t;this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e}})),(t=this.onChange)==null||t.call(this,e)}_emitRangeChange(){var t;if(!this._rangeStart||!this._rangeEnd)return;const e={start:this._rangeStart,end:this._rangeEnd};this.dispatchEvent(new CustomEvent("rangeChange",{detail:e})),(t=this.onRangeChange)==null||t.call(this,e)}_showInputError(e){this._errorTimer&&clearTimeout(this._errorTimer),this._hasError=!0,this._errorMsg=e,this._errorTimer=setTimeout(()=>this._clearInputError(),3e3)}_clearInputError(){this._hasError=!1,this._errorMsg="",this._errorTimer&&(clearTimeout(this._errorTimer),this._errorTimer=null)}_toggleOpen(e){if(this.disabled)return;const t=e!=null?e:!this._open;this._open=t,t&&this.updateComplete.then(()=>this._updatePopper())}_onInput(e){const t=e.target.value;this._inputDraft=t,t.trim()||(this._emitChange(null),this.rangeMode&&(this._rangeStart=null,this._rangeEnd=null)),this._clearInputError()}_parseSingleDate(e){for(const t of io){const r=M(e,t,!0);if(r.isValid())return r}return this._safeDay(e)}_parseRangeInput(e){const t=e.split(/\s+-\s+/);if(t.length!==2)return null;const r=this._parseSingleDate(t[0].trim()),o=this._parseSingleDate(t[1].trim());return!r||!o?null:r.isAfter(o,"day")?{start:o,end:r}:{start:r,end:o}}_onKeydown(e){(e.key==="Tab"||e.key==="Enter")&&this._parseAndSetDate()}_parseAndSetDate(){const e=this._inputElement;if(!e)return;const t=e.value.trim();if(!t){if(this.rangeMode&&this._rangeStart&&!this._rangeEnd)return;this._emitChange(null),this.rangeMode&&(this._rangeStart=null,this._rangeEnd=null),this._inputDraft=null;return}if(this.rangeMode){const o=this._parseRangeInput(t);if(o){if(this._withinBounds(o.start)&&this._withinBounds(o.end)){this._rangeStart=o.start.format("YYYY-MM-DD"),this._rangeEnd=o.end.format("YYYY-MM-DD"),this._inputDraft=null,this._clearInputError(),this._emitRangeChange();return}this._showInputError("Seçilen aralık sınırlar dışında.");return}const s=this._parseSingleDate(t);if(s&&this._withinBounds(s)){this._rangeStart=s.format("YYYY-MM-DD"),this._rangeEnd=null,this._inputDraft=null,this._clearInputError();return}this._showInputError("Geçersiz aralık formatı. Örnek: 19/09/2025 - 25/09/2025");return}const r=this._parseSingleDate(t);r&&this._withinBounds(r)?(this._emitChange(r.format("YYYY-MM-DD")),this._inputDraft=null,this._clearInputError()):this._showInputError("Geçersiz tarih formatı. Örnek: 19/09/2025")}_updatePopper(){if(!this._open||!this.isConnected)return;const e=this._referenceElement,t=this._popupElement;if(!e||!t)return;const r=Math.max(270,Math.round(e.getBoundingClientRect().width*(this.expandFactor||1)));if(t.style.width=`${r}px`,this._popperInstance){this._popperInstance.setOptions({placement:"bottom",strategy:"fixed",modifiers:this._getPopperModifiers()}),this._popperInstance.update();return}this._popperInstance=pr(e,t,{placement:"bottom",strategy:"fixed",modifiers:this._getPopperModifiers()})}_getPopperModifiers(){return[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8,fallbackPlacements:["top-start","right-start","left-start","bottom-end","top-end","right-end","left-end"]}}]}_destroyPopper(){this._popperInstance&&(this._popperInstance.destroy(),this._popperInstance=void 0)}_handleCalendarChange(e){this._emitChange(e.detail.value),this._inputDraft=null,this._toggleOpen(!1)}_handleCalendarRangeChange(e){this._rangeStart=e.detail.start,this._rangeEnd=e.detail.end,this._inputDraft=null,this._emitRangeChange(),this._toggleOpen(!1)}_handleCalendarStateChange(e){this._rangeStart=e.detail.rangeStart,this._rangeEnd=e.detail.rangeEnd}_handleSuffixClick(e){var t;e.stopPropagation(),this._openDropdown(),(t=this._inputElement)==null||t.focus()}_handleClearClick(e){var t;e.stopPropagation(),this._emitChange(null),this._rangeStart=null,this._rangeEnd=null,this._inputDraft=null,this._clearInputError(),(t=this._inputElement)==null||t.focus()}render(){const e=this.error||(this._hasError?this._errorMsg:""),t=!!this._displayValue();return u`
|
|
677
674
|
<div class="dp">
|
|
678
675
|
<div class="dp__reference">
|
|
679
676
|
<logosphere-formfield
|
|
680
677
|
class="dp__field"
|
|
681
|
-
.label
|
|
682
|
-
.helper
|
|
683
|
-
.error
|
|
684
|
-
.required
|
|
685
|
-
.disabled
|
|
686
|
-
.readonly
|
|
687
|
-
.placeholder
|
|
688
|
-
.size
|
|
689
|
-
.variant
|
|
690
|
-
@click
|
|
678
|
+
.label=${this.label}
|
|
679
|
+
.helper=${this.helper}
|
|
680
|
+
.error=${e}
|
|
681
|
+
.required=${this.required}
|
|
682
|
+
.disabled=${this.disabled}
|
|
683
|
+
.readonly=${this.readonly}
|
|
684
|
+
.placeholder=${this.placeholder}
|
|
685
|
+
.size=${this.size}
|
|
686
|
+
.variant=${this.variant}
|
|
687
|
+
@click=${this._openDropdown}
|
|
691
688
|
>
|
|
692
689
|
<input
|
|
693
|
-
id
|
|
690
|
+
id=${this.inputId}
|
|
694
691
|
class="dp__input"
|
|
695
|
-
.value
|
|
696
|
-
?disabled
|
|
697
|
-
?readonly
|
|
698
|
-
placeholder
|
|
692
|
+
.value=${rr(this._inputValue())}
|
|
693
|
+
?disabled=${this.disabled}
|
|
694
|
+
?readonly=${this.readonly}
|
|
695
|
+
placeholder=${this.placeholder}
|
|
699
696
|
aria-label="Tarih girin"
|
|
700
|
-
aria-invalid
|
|
701
|
-
@focus
|
|
702
|
-
@input
|
|
703
|
-
@keydown
|
|
704
|
-
@blur
|
|
697
|
+
aria-invalid=${e?"true":"false"}
|
|
698
|
+
@focus=${this._openDropdown}
|
|
699
|
+
@input=${this._onInput}
|
|
700
|
+
@keydown=${this._onKeydown}
|
|
701
|
+
@blur=${this._onBlur}
|
|
705
702
|
/>
|
|
706
|
-
|
|
703
|
+
${t?u`
|
|
704
|
+
<button
|
|
705
|
+
slot="clear"
|
|
706
|
+
class="dp__icon-btn dp__icon-btn_suffix"
|
|
707
|
+
type="button"
|
|
708
|
+
aria-label="Temizle"
|
|
709
|
+
@click=${this._handleClearClick}
|
|
710
|
+
>
|
|
711
|
+
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
712
|
+
</button>
|
|
713
|
+
`:m}
|
|
707
714
|
<button
|
|
708
|
-
id
|
|
715
|
+
id=${this.inputId+"-ico"}
|
|
709
716
|
slot="suffix"
|
|
710
717
|
class="dp__icon-btn"
|
|
711
718
|
type="button"
|
|
712
|
-
aria-label
|
|
713
|
-
aria-expanded
|
|
719
|
+
aria-label=${this._open?"Takvimi kapat":"Takvimi aç"}
|
|
720
|
+
aria-expanded=${this._open?"true":"false"}
|
|
714
721
|
aria-haspopup="dialog"
|
|
715
|
-
@click
|
|
722
|
+
@click=${this._handleSuffixClick}
|
|
716
723
|
>
|
|
717
724
|
<ui-icon name="uil-calendar" size="16"></ui-icon>
|
|
718
725
|
</button>
|
|
719
726
|
</logosphere-formfield>
|
|
720
727
|
</div>
|
|
721
728
|
|
|
722
|
-
|
|
723
|
-
</div>
|
|
724
|
-
`])),this.label,this.helper,n,this.required,this.disabled,this.readonly,this.placeholder,this.size,this.variant,this._openDropdown,this.inputId,$n(this._inputValue()),this.disabled,this.readonly,this.placeholder,n?"true":"false",this._openDropdown,this._onInput,this._onKeydown,this._onBlur,o?m(ga||(ga=v([`
|
|
725
|
-
<button
|
|
726
|
-
slot="clear"
|
|
727
|
-
class="dp__icon-btn dp__icon-btn_suffix"
|
|
728
|
-
type="button"
|
|
729
|
-
aria-label="Temizle"
|
|
730
|
-
@click=`,`
|
|
731
|
-
>
|
|
732
|
-
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
733
|
-
</button>
|
|
734
|
-
`])),this._handleClearClick):x,this.inputId+"-ico",this._open?"Takvimi kapat":"Takvimi aç",this._open?"true":"false",this._handleSuffixClick,this._open?m(ma||(ma=v([`
|
|
729
|
+
${this._open?u`
|
|
735
730
|
<div
|
|
736
731
|
data-datepicker-popper
|
|
737
732
|
class="dp__popup"
|
|
@@ -740,39 +735,41 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
740
735
|
aria-label="Tarih seçici"
|
|
741
736
|
>
|
|
742
737
|
<logosphere-calendar
|
|
743
|
-
.value
|
|
744
|
-
.min
|
|
745
|
-
.max
|
|
746
|
-
.disabled
|
|
747
|
-
.rangeMode
|
|
748
|
-
.disabledDays
|
|
749
|
-
.rangeStart
|
|
750
|
-
.rangeEnd
|
|
751
|
-
.closable
|
|
752
|
-
@change
|
|
753
|
-
@rangeChange
|
|
754
|
-
@calendar-state-change
|
|
755
|
-
@close-request
|
|
738
|
+
.value=${this.value}
|
|
739
|
+
.min=${this.min}
|
|
740
|
+
.max=${this.max}
|
|
741
|
+
.disabled=${this.disabled}
|
|
742
|
+
.rangeMode=${this.rangeMode}
|
|
743
|
+
.disabledDays=${this.disabledDays}
|
|
744
|
+
.rangeStart=${this._rangeStart}
|
|
745
|
+
.rangeEnd=${this._rangeEnd}
|
|
746
|
+
.closable=${!0}
|
|
747
|
+
@change=${this._handleCalendarChange}
|
|
748
|
+
@rangeChange=${this._handleCalendarRangeChange}
|
|
749
|
+
@calendar-state-change=${this._handleCalendarStateChange}
|
|
750
|
+
@close-request=${()=>this._toggleOpen(!1)}
|
|
756
751
|
></logosphere-calendar>
|
|
757
752
|
</div>
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
`
|
|
753
|
+
`:m}
|
|
754
|
+
</div>
|
|
755
|
+
`}},n.LogosphereDatePicker.styles=[N`
|
|
756
|
+
${F(da)}
|
|
757
|
+
`],A([c({type:String})],n.LogosphereDatePicker.prototype,"value",2),A([c({type:String})],n.LogosphereDatePicker.prototype,"min",2),A([c({type:String})],n.LogosphereDatePicker.prototype,"max",2),A([c({type:Boolean})],n.LogosphereDatePicker.prototype,"required",2),A([c({type:Boolean})],n.LogosphereDatePicker.prototype,"disabled",2),A([c({type:Boolean})],n.LogosphereDatePicker.prototype,"readonly",2),A([c({type:Number})],n.LogosphereDatePicker.prototype,"expandFactor",2),A([c({type:String})],n.LogosphereDatePicker.prototype,"placeholder",2),A([c({type:String})],n.LogosphereDatePicker.prototype,"label",2),A([c({type:String})],n.LogosphereDatePicker.prototype,"helper",2),A([c({type:String})],n.LogosphereDatePicker.prototype,"error",2),A([c({type:String})],n.LogosphereDatePicker.prototype,"size",2),A([c({type:String})],n.LogosphereDatePicker.prototype,"variant",2),A([c({type:Boolean})],n.LogosphereDatePicker.prototype,"rangeMode",2),A([c({type:Array})],n.LogosphereDatePicker.prototype,"disabledDays",2),A([c({type:String})],n.LogosphereDatePicker.prototype,"rangeStart",2),A([c({type:String})],n.LogosphereDatePicker.prototype,"rangeEnd",2),A([c({attribute:!1})],n.LogosphereDatePicker.prototype,"onChange",2),A([c({attribute:!1})],n.LogosphereDatePicker.prototype,"onRangeChange",2),A([$()],n.LogosphereDatePicker.prototype,"_open",2),A([$()],n.LogosphereDatePicker.prototype,"_rangeStart",2),A([$()],n.LogosphereDatePicker.prototype,"_rangeEnd",2),A([$()],n.LogosphereDatePicker.prototype,"_hasError",2),A([$()],n.LogosphereDatePicker.prototype,"_errorMsg",2),A([$()],n.LogosphereDatePicker.prototype,"_inputDraft",2),A([J(".dp__reference")],n.LogosphereDatePicker.prototype,"_referenceElement",2),A([J("[data-datepicker-popper]")],n.LogosphereDatePicker.prototype,"_popupElement",2),A([J("input")],n.LogosphereDatePicker.prototype,"_inputElement",2),n.LogosphereDatePicker=A([U("logosphere-datepicker")],n.LogosphereDatePicker);const fa=":host{display:block}.drawer{position:relative;font-family:var(--font-family-base)}.drawer__trigger{display:inline-flex}.drawer__panel{position:fixed;top:0;bottom:0;width:var(--drawer-width, 360px);max-width:min(100vw,var(--drawer-width, 360px));background:var(--color-body-bg);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:var(--z-index-modal);display:flex;flex-direction:column;pointer-events:none;opacity:0;transition:transform var(--transition-speed-slow) var(--transition-timing),opacity var(--transition-speed-slow) linear}.drawer__panel--right{right:0;transform:translate(100%)}.drawer__panel--left{left:0;transform:translate(-100%);border-left:none;border-right:1px solid var(--color-border)}.drawer__panel--open{transform:translate(0);pointer-events:auto;opacity:1}.drawer__header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.drawer__title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-body-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer__close{width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-body-bg);display:inline-flex;align-items:center;justify-content:center;color:var(--color-body-text);cursor:pointer}.drawer__close:hover{background:var(--color-tertiary-bg)}.drawer__body{flex:1;overflow:auto;padding:var(--spacing-4)}";var ga=Object.defineProperty,ba=Object.getOwnPropertyDescriptor,Ye=(i,e,t,r)=>{for(var o=r>1?void 0:r?ba(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ga(e,t,o),o};n.Drawer=class extends T{constructor(){super(...arguments),this.open=!1,this.title="",this.position="right",this.width=360,this.closeOnEsc=!0,this.containerSelector="",this._frameStyle="",this._onKeyDown=e=>{!this.open||!this.closeOnEsc||(e.key==="Escape"||e.key==="Esc")&&this._setOpen(!1)},this._onTriggerClick=()=>this._setOpen(!0),this._onCloseClick=()=>this._setOpen(!1),this._syncFrame=()=>{const e=this._resolveContainer().getBoundingClientRect(),t=Math.max(0,e.top),r=Math.max(0,window.innerHeight-e.bottom),o=Math.max(0,e.left),s=Math.max(0,window.innerWidth-e.right),a=Math.max(0,e.width);this._frameStyle=this.position==="right"?`top:${t}px;bottom:${r}px;right:${s}px;max-width:${a}px;`:`top:${t}px;bottom:${r}px;left:${o}px;max-width:${a}px;`}}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._onKeyDown,!0),window.addEventListener("resize",this._syncFrame),window.addEventListener("scroll",this._syncFrame,!0),this.updateComplete.then(()=>this._syncFrame())}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKeyDown,!0),window.removeEventListener("resize",this._syncFrame),window.removeEventListener("scroll",this._syncFrame,!0)}updated(e){(e.has("open")||e.has("position")||e.has("width")||e.has("containerSelector"))&&this._syncFrame()}openDrawer(){this._setOpen(!0)}closeDrawer(){this._setOpen(!1)}_setOpen(e){this.open!==e&&(this.open=e,this.dispatchEvent(new CustomEvent(e?"drawer-open":"drawer-close",{bubbles:!0,composed:!0})))}_resolveContainer(){var e;if(this.containerSelector){const t=this.getRootNode();if("querySelector"in t){const o=t.querySelector(this.containerSelector);if(o)return o}const r=document.querySelector(this.containerSelector);if(r)return r}return(e=this.parentElement)!=null?e:this}render(){return u`
|
|
761
758
|
<div class="drawer">
|
|
762
|
-
<div class="drawer__trigger" @click
|
|
759
|
+
<div class="drawer__trigger" @click=${this._onTriggerClick}>
|
|
763
760
|
<slot name="trigger"></slot>
|
|
764
761
|
</div>
|
|
765
762
|
|
|
766
763
|
<aside
|
|
767
|
-
class="drawer__panel drawer__panel
|
|
768
|
-
style
|
|
764
|
+
class="drawer__panel drawer__panel--${this.position} ${this.open?"drawer__panel--open":""}"
|
|
765
|
+
style=${`--drawer-width:${this.width}px;${this._frameStyle}`}
|
|
769
766
|
role="dialog"
|
|
770
767
|
aria-modal="false"
|
|
771
|
-
aria-hidden
|
|
768
|
+
aria-hidden=${this.open?"false":"true"}
|
|
772
769
|
>
|
|
773
770
|
<div class="drawer__header">
|
|
774
|
-
<h3 class="drawer__title"
|
|
775
|
-
<button class="drawer__close" type="button" aria-label="Close drawer" @click
|
|
771
|
+
<h3 class="drawer__title">${this.title}</h3>
|
|
772
|
+
<button class="drawer__close" type="button" aria-label="Close drawer" @click=${this._onCloseClick}>
|
|
776
773
|
<ui-icon name="uil-times" size="16"></ui-icon>
|
|
777
774
|
</button>
|
|
778
775
|
</div>
|
|
@@ -781,20 +778,20 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
781
778
|
</div>
|
|
782
779
|
</aside>
|
|
783
780
|
</div>
|
|
784
|
-
`])),this._onTriggerClick,this.position,this.open?"drawer__panel--open":"","--drawer-width:".concat(this.width,"px;").concat(this._frameStyle),this.open?"false":"true",this.title,this._onCloseClick)}}])})(V),c.Drawer.styles=[ee(ya||(ya=v(["",""])),Q(Ec))],Ge([h({type:Boolean,reflect:!0})],c.Drawer.prototype,"open",2),Ge([h({type:String})],c.Drawer.prototype,"title",2),Ge([h({type:String})],c.Drawer.prototype,"position",2),Ge([h({type:Number})],c.Drawer.prototype,"width",2),Ge([h({type:Boolean})],c.Drawer.prototype,"closeOnEsc",2),Ge([h({type:String})],c.Drawer.prototype,"containerSelector",2),c.Drawer=Ge([te("logosphere-drawer")],c.Drawer);const Mc=":host{display:block}.dm{font-family:var(--font-family-base)}.dm__container{width:100%;max-width:896px;margin:0 auto;padding:var(--spacing-6);background-color:var(--color-body-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-md)}.dm__header{margin-bottom:var(--spacing-6)}.dm__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-body-text);margin:0 0 var(--spacing-2) 0}.dm__stats{display:flex;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary)}.dm__form{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-tertiary-bg);border-radius:var(--radius-base)}.dm__form-row{display:flex;gap:var(--spacing-4)}.dm__form-field{flex:1}.dm__form-field--filename{width:192px;flex:none}.dm__input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);background-color:var(--color-body-bg);color:var(--color-body-text);box-sizing:border-box;transition:border-color var(--transition-speed-fast) var(--transition-timing)}.dm__input:focus{border-color:var(--color-primary)}.dm__submit-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-speed-fast) var(--transition-timing);white-space:nowrap}.dm__submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.dm__submit-btn:disabled{opacity:.5;cursor:not-allowed}.dm__form-note{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__form-note p{margin:0}.dm__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-bottom-color:#fff;border-radius:var(--radius-full);animation:dm-spin .8s linear infinite}.dm__spinner--sm{width:12px;height:12px;border-color:#3b82f64d;border-bottom-color:#3b82f6}@keyframes dm-spin{to{transform:rotate(360deg)}}@keyframes dm-pulse{0%,to{opacity:1}50%{opacity:.5}}.dm__list{display:flex;flex-direction:column;gap:var(--spacing-4)}.dm__empty{text-align:center;padding:var(--spacing-8) 0;color:var(--color-tertiary);font-size:var(--font-size-sm)}.dm__item{border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--spacing-4)}.dm__item--error{border-color:var(--color-primary-border-subtle);background-color:var(--color-danger-bg-subtle)}.dm__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dm__item-info{flex:1;min-width:0}.dm__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-url{font-size:var(--font-size-xs);color:var(--color-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-controls{display:flex;align-items:center;gap:var(--spacing-2)}.dm__status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.dm__status--downloading{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__status--paused{background-color:var(--color-warning-bg-subtle);color:var(--color-warning-text-emphasis)}.dm__status--completed{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status--error{background-color:var(--color-danger-bg-subtle);color:var(--color-danger-text-emphasis)}.dm__status--pending{background-color:var(--color-gray-100);color:var(--color-gray-800)}.dm__remove-btn{background:none;border:none;cursor:pointer;color:var(--color-tertiary);padding:var(--spacing-1);line-height:1;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__remove-btn:hover{color:var(--color-danger)}.dm__progress{margin-bottom:var(--spacing-3)}.dm__progress-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary);margin-bottom:var(--spacing-1)}.dm__progress-track{width:100%;background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.dm__progress-bar{height:8px;border-radius:var(--radius-full);transition:width .3s ease}.dm__progress-bar--downloading{background-color:var(--color-info-active)}.dm__progress-bar--paused{background-color:var(--color-warning-active)}.dm__progress-bar--completed{background-color:var(--color-success)}.dm__progress-bar--error{background-color:var(--color-danger)}.dm__progress-bar--pending{background-color:var(--color-gray-400)}.dm__progress-bar--indeterminate{width:100%;animation:dm-pulse 1.5s ease-in-out infinite}.dm__item-footer{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__item-speeds{display:flex;gap:var(--spacing-4)}.dm__item-actions{display:flex;gap:var(--spacing-2)}.dm__action-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dm__action-btn--pause{color:var(--color-info-active)}.dm__action-btn--pause:hover{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__action-btn--resume{color:var(--color-success)}.dm__action-btn--resume:hover{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status-completed{color:var(--color-success)}.dm__error-info{color:var(--color-danger)}.dm__error-label{font-weight:var(--font-weight-medium)}.dm__error-detail{font-size:var(--font-size-xs)}.dm__chunks{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary);display:flex;flex-direction:column;gap:2px}.dm__actions{margin-top:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.dm__clear-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__clear-btn:hover{color:var(--color-body-text)}.dm__persist-note{font-size:var(--font-size-sm);color:var(--color-tertiary)}";var wa,ka,Ca,xa,$a,Ea,Oa,Sa,Ma,Da,Aa,Pa,za,Dc=Object.defineProperty,Ac=Object.getOwnPropertyDescriptor,st=function(r,e,t,n){for(var o=n>1?void 0:n?Ac(e,t):e,a=r.length-1,s;a>=0;a--)(s=r[a])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&Dc(e,t,o),o};c.DownloadManager=(function(i){function r(){var e;return A(this,r),e=I(this,r,arguments),e.chunkSize=2*1024*1024,e.maxConcurrentDownloads=3,e.maxConcurrentChunks=4,e.downloads=[],e.isAddingFiles=!1,e.activeDownloads=new Map,e.storageKey="download-manager-state",e.clearCompleted=function(){e.downloads=e.downloads.filter(function(t){return t.status!=="completed"}),e.requestUpdate(),e.saveState()},e.handleAddDownload=function(t){t.preventDefault();var n=t.target,o=new globalThis.FormData(n),a=o.get("url"),s=o.get("filename");if(a!=null&&a.trim()){var l=e.downloads.find(function(u){return u.url===a.trim()});l&&l.status!=="error"||(e.addDownload(a.trim(),(s==null?void 0:s.trim())||void 0),n.reset())}},e}return B(r,i),P(r,[{key:"connectedCallback",value:function(){W(r,"connectedCallback",this)([]),this.loadState(),this.setupVisibilityChangeHandler()}},{key:"disconnectedCallback",value:function(){W(r,"disconnectedCallback",this)([]),this.saveState()}},{key:"setupVisibilityChangeHandler",value:function(){var t=this;document.addEventListener("visibilitychange",function(){document.hidden&&t.saveState()})}},{key:"loadState",value:function(){try{var t=globalThis.localStorage.getItem(this.storageKey);if(t){var n=JSON.parse(t);this.downloads=n.downloads||[],this.downloads.forEach(function(o){var a;o.status==="downloading"&&(o.status="paused"),o.status==="error"&&(a=o.error)!==null&&a!==void 0&&a.includes("Failed to fetch")&&(o.status="paused",o.error=void 0)})}}catch(o){console.error("Failed to load download state:",o)}}},{key:"saveState",value:function(){try{var t={downloads:this.downloads.map(function(n){return He(He({},n),{},{status:n.status==="downloading"?"paused":n.status})})};globalThis.localStorage.setItem(this.storageKey,JSON.stringify(t))}catch(n){console.error("Failed to save download state:",n)}}},{key:"getFileSize",value:(function(){var e=fe(q().m(function n(o){var a,s,l,u,d,f,p,b,y,w;return q().w(function(g){for(;;)switch(g.p=g.n){case 0:return g.p=0,g.n=1,globalThis.fetch(o,{method:"HEAD",mode:"cors",credentials:"omit",signal:globalThis.AbortSignal.timeout(1e4)});case 1:if(a=g.v,!a.ok){g.n=2;break}if(s=a.headers.get("content-length"),!s){g.n=2;break}if(l=parseInt(s),!(!isNaN(l)&&l>0)){g.n=2;break}return g.a(2,l);case 2:return g.p=2,g.n=3,globalThis.fetch(o,{method:"GET",headers:{Range:"bytes=0-0"},mode:"cors",credentials:"omit",signal:globalThis.AbortSignal.timeout(1e4)});case 3:if(u=g.v,!u.ok){g.n=5;break}if(d=u.headers.get("content-range"),!d){g.n=4;break}if(f=d.match(/\/(\d+)/),!f){g.n=4;break}if(p=parseInt(f[1]),!(!isNaN(p)&&p>0)){g.n=4;break}return g.a(2,p);case 4:if(b=u.headers.get("content-length"),!b){g.n=5;break}if(y=parseInt(b),!(!isNaN(y)&&y>0)){g.n=5;break}return g.a(2,y);case 5:g.n=7;break;case 6:g.p=6,g.v;case 7:return g.a(2,0);case 8:return g.p=8,w=g.v,(!(w instanceof Error)||!["AbortError","ERR_EMPTY_RESPONSE","Failed to fetch"].some(function(_){return w.message.includes(_)}))&&console.warn("Failed to get file size:",w),g.a(2,0)}},n,null,[[2,6],[0,8]])}));function t(n){return e.apply(this,arguments)}return t})()},{key:"createChunks",value:function(t){if(t===0)return[{start:0,end:this.chunkSize-1,downloaded:0,status:"pending"}];for(var n=[],o=0;o<t;o+=this.chunkSize)n.push({start:o,end:Math.min(o+this.chunkSize-1,t-1),downloaded:0,status:"pending"});return n}},{key:"downloadChunk",value:(function(){var e=fe(q().m(function n(o,a){var s,l,u,d,f,p,b,y,w,g;return q().w(function(_){for(;;)switch(_.n){case 0:return s=a.end>a.start?"bytes=".concat(a.start+a.downloaded,"-").concat(a.end):"bytes=".concat(a.start+a.downloaded,"-"),_.n=1,globalThis.fetch(o,{headers:{Range:s},signal:globalThis.AbortSignal.any([new globalThis.AbortController().signal,globalThis.AbortSignal.timeout(6e4)]),mode:"cors",credentials:"omit"});case 1:if(l=_.v,l.ok){_.n=3;break}if(l.status!==416){_.n=2;break}return _.a(2,{data:new Uint8Array(0),isComplete:!0});case 2:throw new Error("HTTP ".concat(l.status,": ").concat(l.statusText));case 3:return w=Uint8Array,_.n=4,l.arrayBuffer();case 4:return g=_.v,u=new w(g),d=l.headers.get("content-range"),f=!1,d?(b=d.match(/\/(\d+)/),b&&(p=parseInt(b[1]),y=d.match(/(\d+)-(\d+)/),y&&(f=parseInt(y[2])>=p-1))):u.length===0&&(f=!0),_.a(2,{data:u,isComplete:f,actualSize:p})}},n)}));function t(n,o){return e.apply(this,arguments)}return t})()},{key:"downloadFile",value:(function(){var e=fe(q().m(function n(o){var a=this,s,l,u,d,f,p,b;return q().w(function(y){for(;;)switch(y.p=y.n){case 0:s=new globalThis.AbortController,this.activeDownloads.set(o.id,s),y.p=1,o.status="downloading",o.startTime=Date.now(),this.requestUpdate(),l=o.chunks.filter(function(w){return w.status==="pending"}),u=new Set,d=(function(){var w=fe(q().m(function g(_){var k,E,C,O;return q().w(function($){for(;;)switch($.p=$.n){case 0:if(k=o.chunks[_],!(!k||k.status!=="pending")){$.n=1;break}return $.a(2);case 1:if(k.status="downloading",u.add(_),a.requestUpdate(),$.p=2,o.status==="downloading"){$.n=3;break}return $.a(2);case 3:return $.n=4,a.downloadChunk(o.url,k);case 4:if(E=$.v,o.status==="downloading"){$.n=5;break}return $.a(2);case 5:k.downloaded=E.data.length,k.status="completed",o.downloaded+=k.downloaded,E.actualSize&&o.size===0&&(o.size=E.actualSize,o.size>a.chunkSize&&(C=o.chunks).push.apply(C,_e(a.createChunks(o.size).slice(1)))),u.delete(_),a.requestUpdate(),a.saveState(),(E.isComplete||o.chunks.every(function(S){return S.status==="completed"}))&&(o.status="completed",o.endTime=Date.now(),a.requestUpdate(),a.saveState()),$.n=7;break;case 6:$.p=6,O=$.v,k.status="error",u.delete(_),o.chunks.filter(function(S){return S.status==="error"}).length===o.chunks.length&&(o.status="error",o.error=O instanceof Error?O.message:"All chunks failed"),a.requestUpdate(),a.saveState();case 7:return $.n=8,new Promise(function(S){return setTimeout(S,1)});case 8:return $.a(2)}},g,null,[[2,6]])}));return function(_){return w.apply(this,arguments)}})(),f=[],p=0;case 2:if(!(p<l.length||u.size>0)){y.n=9;break}if(o.status==="downloading"){y.n=3;break}return y.a(3,9);case 3:for(;u.size<this.maxConcurrentChunks&&p<l.length&&o.status==="downloading";)f.push(d(p)),p++;if(!(u.size>0)){y.n=7;break}return y.p=4,y.n=5,Promise.race([Promise.race(f),new Promise(function(w){return setTimeout(w,100)})]);case 5:y.n=7;break;case 6:y.p=6,y.v;case 7:return y.n=8,new Promise(function(w){return setTimeout(w,10)});case 8:y.n=2;break;case 9:y.n=11;break;case 10:y.p=10,b=y.v,(!(b instanceof Error)||b.name!=="AbortError")&&(o.status="error",o.error=b instanceof Error?b.message:"Unknown error",this.requestUpdate());case 11:return y.p=11,this.activeDownloads.delete(o.id),this.saveState(),y.f(11);case 12:return y.a(2)}},n,this,[[4,6],[1,10,11,12]])}));function t(n){return e.apply(this,arguments)}return t})()},{key:"pauseDownload",value:function(t){var n=this.activeDownloads.get(t);n&&(n.abort(),this.activeDownloads.delete(t));var o=this.downloads.find(function(a){return a.id===t});(o==null?void 0:o.status)==="downloading"&&(o.status="paused",this.requestUpdate(),this.saveState())}},{key:"resumeDownload",value:function(t){var n=this.downloads.find(function(o){return o.id===t});(n==null?void 0:n.status)==="paused"&&this.downloadFile(n)}},{key:"removeDownload",value:function(t){this.pauseDownload(t),this.downloads=this.downloads.filter(function(n){return n.id!==t}),this.requestUpdate(),this.saveState()}},{key:"formatBytes",value:function(t){if(t===0)return"0 Bytes";var n=1024,o=["Bytes","KB","MB","GB"],a=Math.floor(Math.log(t)/Math.log(n));return parseFloat((t/Math.pow(n,a)).toFixed(2))+" "+o[a]}},{key:"formatDuration",value:function(t){var n=Math.floor(t/1e3),o=Math.floor(n/60),a=Math.floor(o/60);return a>0?"".concat(a,"h ").concat(o%60,"m ").concat(n%60,"s"):o>0?"".concat(o,"m ").concat(n%60,"s"):"".concat(n,"s")}},{key:"getProgressPercentage",value:function(t){return t.size===0?t.status==="completed"?100:0:Math.round(t.downloaded/t.size*100)}},{key:"getDownloadSpeed",value:function(t){if(!t.startTime)return"0 KB/s";var n=(Date.now()-t.startTime)/1e3;return n===0?"0 KB/s":this.formatBytes(t.downloaded/n)+"/s"}},{key:"getETA",value:function(t){if(!t.startTime||t.downloaded===0||t.size===0)return"Unknown";var n=(Date.now()-t.startTime)/1e3;return this.formatDuration((t.size-t.downloaded)/(t.downloaded/n)*1e3)}},{key:"addDownload",value:(function(){var e=fe(q().m(function n(o,a){var s,l,u,d,f;return q().w(function(p){for(;;)switch(p.p=p.n){case 0:p.p=0,this.isAddingFiles=!0,this.requestUpdate(),p.p=1,new globalThis.URL(o),p.n=3;break;case 2:throw p.p=2,p.v,new Error("Invalid URL format");case 3:return p.n=4,this.getFileSize(o);case 4:s=p.v,l="download_".concat(Date.now(),"_").concat(Math.random().toString(36).substr(2,9)),u={id:l,url:o,filename:a||o.split("/").pop()||"unknown",size:s,downloaded:0,status:"pending",chunks:this.createChunks(s)},this.downloads.push(u),this.requestUpdate(),this.saveState(),this.downloadFile(u),p.n=6;break;case 5:p.p=5,f=p.v,d=f instanceof Error?f.message:"Unknown error occurred",this.downloads.push({id:"error_".concat(Date.now()),url:o,filename:a||o.split("/").pop()||"unknown",size:0,downloaded:0,status:"error",chunks:[],error:d}),this.requestUpdate(),this.saveState();case 6:return p.p=6,this.isAddingFiles=!1,this.requestUpdate(),p.f(6);case 7:return p.a(2)}},n,this,[[1,2],[0,5,6,7]])}));function t(n,o){return e.apply(this,arguments)}return t})()},{key:"getStatusClass",value:function(t){var n,o={downloading:"dm__status--downloading",paused:"dm__status--paused",completed:"dm__status--completed",error:"dm__status--error"};return(n=o[t])!==null&&n!==void 0?n:"dm__status--pending"}},{key:"getProgressBarClass",value:function(t){var n,o={downloading:"dm__progress-bar--downloading",paused:"dm__progress-bar--paused",completed:"dm__progress-bar--completed",error:"dm__progress-bar--error"};return(n=o[t])!==null&&n!==void 0?n:"dm__progress-bar--pending"}},{key:"render",value:function(){var t=this,n=this.downloads.filter(function(s){return s.status==="downloading"}).length,o=this.downloads.filter(function(s){return s.status==="completed"}).length,a=this.downloads.filter(function(s){return s.status==="paused"}).length;return m(wa||(wa=v([`
|
|
781
|
+
`}},n.Drawer.styles=[N`${F(fa)}`],Ye([c({type:Boolean,reflect:!0})],n.Drawer.prototype,"open",2),Ye([c({type:String})],n.Drawer.prototype,"title",2),Ye([c({type:String})],n.Drawer.prototype,"position",2),Ye([c({type:Number})],n.Drawer.prototype,"width",2),Ye([c({type:Boolean})],n.Drawer.prototype,"closeOnEsc",2),Ye([c({type:String})],n.Drawer.prototype,"containerSelector",2),n.Drawer=Ye([U("logosphere-drawer")],n.Drawer);const ma=":host{display:block}.dm{font-family:var(--font-family-base)}.dm__container{width:100%;max-width:896px;margin:0 auto;padding:var(--spacing-6);background-color:var(--color-body-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-md)}.dm__header{margin-bottom:var(--spacing-6)}.dm__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-body-text);margin:0 0 var(--spacing-2) 0}.dm__stats{display:flex;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary)}.dm__form{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-tertiary-bg);border-radius:var(--radius-base)}.dm__form-row{display:flex;gap:var(--spacing-4)}.dm__form-field{flex:1}.dm__form-field--filename{width:192px;flex:none}.dm__input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);background-color:var(--color-body-bg);color:var(--color-body-text);box-sizing:border-box;transition:border-color var(--transition-speed-fast) var(--transition-timing)}.dm__input:focus{border-color:var(--color-primary)}.dm__submit-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-speed-fast) var(--transition-timing);white-space:nowrap}.dm__submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.dm__submit-btn:disabled{opacity:.5;cursor:not-allowed}.dm__form-note{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__form-note p{margin:0}.dm__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-bottom-color:#fff;border-radius:var(--radius-full);animation:dm-spin .8s linear infinite}.dm__spinner--sm{width:12px;height:12px;border-color:#3b82f64d;border-bottom-color:#3b82f6}@keyframes dm-spin{to{transform:rotate(360deg)}}@keyframes dm-pulse{0%,to{opacity:1}50%{opacity:.5}}.dm__list{display:flex;flex-direction:column;gap:var(--spacing-4)}.dm__empty{text-align:center;padding:var(--spacing-8) 0;color:var(--color-tertiary);font-size:var(--font-size-sm)}.dm__item{border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--spacing-4)}.dm__item--error{border-color:var(--color-primary-border-subtle);background-color:var(--color-danger-bg-subtle)}.dm__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dm__item-info{flex:1;min-width:0}.dm__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-url{font-size:var(--font-size-xs);color:var(--color-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-controls{display:flex;align-items:center;gap:var(--spacing-2)}.dm__status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.dm__status--downloading{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__status--paused{background-color:var(--color-warning-bg-subtle);color:var(--color-warning-text-emphasis)}.dm__status--completed{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status--error{background-color:var(--color-danger-bg-subtle);color:var(--color-danger-text-emphasis)}.dm__status--pending{background-color:var(--color-gray-100);color:var(--color-gray-800)}.dm__remove-btn{background:none;border:none;cursor:pointer;color:var(--color-tertiary);padding:var(--spacing-1);line-height:1;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__remove-btn:hover{color:var(--color-danger)}.dm__progress{margin-bottom:var(--spacing-3)}.dm__progress-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary);margin-bottom:var(--spacing-1)}.dm__progress-track{width:100%;background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.dm__progress-bar{height:8px;border-radius:var(--radius-full);transition:width .3s ease}.dm__progress-bar--downloading{background-color:var(--color-info-active)}.dm__progress-bar--paused{background-color:var(--color-warning-active)}.dm__progress-bar--completed{background-color:var(--color-success)}.dm__progress-bar--error{background-color:var(--color-danger)}.dm__progress-bar--pending{background-color:var(--color-gray-400)}.dm__progress-bar--indeterminate{width:100%;animation:dm-pulse 1.5s ease-in-out infinite}.dm__item-footer{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__item-speeds{display:flex;gap:var(--spacing-4)}.dm__item-actions{display:flex;gap:var(--spacing-2)}.dm__action-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dm__action-btn--pause{color:var(--color-info-active)}.dm__action-btn--pause:hover{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__action-btn--resume{color:var(--color-success)}.dm__action-btn--resume:hover{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status-completed{color:var(--color-success)}.dm__error-info{color:var(--color-danger)}.dm__error-label{font-weight:var(--font-weight-medium)}.dm__error-detail{font-size:var(--font-size-xs)}.dm__chunks{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary);display:flex;flex-direction:column;gap:2px}.dm__actions{margin-top:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.dm__clear-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__clear-btn:hover{color:var(--color-body-text)}.dm__persist-note{font-size:var(--font-size-sm);color:var(--color-tertiary)}";var va=Object.defineProperty,_a=Object.getOwnPropertyDescriptor,Ze=(i,e,t,r)=>{for(var o=r>1?void 0:r?_a(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&va(e,t,o),o};n.DownloadManager=class extends T{constructor(){super(...arguments),this.chunkSize=2*1024*1024,this.maxConcurrentDownloads=3,this.maxConcurrentChunks=4,this.downloads=[],this.isAddingFiles=!1,this.activeDownloads=new Map,this.storageKey="download-manager-state",this.clearCompleted=()=>{this.downloads=this.downloads.filter(e=>e.status!=="completed"),this.requestUpdate(),this.saveState()},this.handleAddDownload=e=>{e.preventDefault();const t=e.target,r=new globalThis.FormData(t),o=r.get("url"),s=r.get("filename");if(!(o!=null&&o.trim()))return;const a=this.downloads.find(l=>l.url===o.trim());a&&a.status!=="error"||(this.addDownload(o.trim(),(s==null?void 0:s.trim())||void 0),t.reset())}}connectedCallback(){super.connectedCallback(),this.loadState(),this.setupVisibilityChangeHandler()}disconnectedCallback(){super.disconnectedCallback(),this.saveState()}setupVisibilityChangeHandler(){document.addEventListener("visibilitychange",()=>{document.hidden&&this.saveState()})}loadState(){try{const e=globalThis.localStorage.getItem(this.storageKey);if(e){const t=JSON.parse(e);this.downloads=t.downloads||[],this.downloads.forEach(r=>{var o;r.status==="downloading"&&(r.status="paused"),r.status==="error"&&((o=r.error)!=null&&o.includes("Failed to fetch"))&&(r.status="paused",r.error=void 0)})}}catch(e){console.error("Failed to load download state:",e)}}saveState(){try{const e={downloads:this.downloads.map(t=>jt($t({},t),{status:t.status==="downloading"?"paused":t.status}))};globalThis.localStorage.setItem(this.storageKey,JSON.stringify(e))}catch(e){console.error("Failed to save download state:",e)}}async getFileSize(e){try{const t=await globalThis.fetch(e,{method:"HEAD",mode:"cors",credentials:"omit",signal:globalThis.AbortSignal.timeout(1e4)});if(t.ok){const r=t.headers.get("content-length");if(r){const o=parseInt(r);if(!isNaN(o)&&o>0)return o}}try{const r=await globalThis.fetch(e,{method:"GET",headers:{Range:"bytes=0-0"},mode:"cors",credentials:"omit",signal:globalThis.AbortSignal.timeout(1e4)});if(r.ok){const o=r.headers.get("content-range");if(o){const a=o.match(/\/(\d+)/);if(a){const l=parseInt(a[1]);if(!isNaN(l)&&l>0)return l}}const s=r.headers.get("content-length");if(s){const a=parseInt(s);if(!isNaN(a)&&a>0)return a}}}catch(r){}return 0}catch(t){return(!(t instanceof Error)||!["AbortError","ERR_EMPTY_RESPONSE","Failed to fetch"].some(r=>t.message.includes(r)))&&console.warn("Failed to get file size:",t),0}}createChunks(e){if(e===0)return[{start:0,end:this.chunkSize-1,downloaded:0,status:"pending"}];const t=[];for(let r=0;r<e;r+=this.chunkSize)t.push({start:r,end:Math.min(r+this.chunkSize-1,e-1),downloaded:0,status:"pending"});return t}async downloadChunk(e,t){const r=t.end>t.start?`bytes=${t.start+t.downloaded}-${t.end}`:`bytes=${t.start+t.downloaded}-`,o=await globalThis.fetch(e,{headers:{Range:r},signal:globalThis.AbortSignal.any([new globalThis.AbortController().signal,globalThis.AbortSignal.timeout(6e4)]),mode:"cors",credentials:"omit"});if(!o.ok){if(o.status===416)return{data:new Uint8Array(0),isComplete:!0};throw new Error(`HTTP ${o.status}: ${o.statusText}`)}const s=new Uint8Array(await o.arrayBuffer()),a=o.headers.get("content-range");let l=!1,d;if(a){const p=a.match(/\/(\d+)/);if(p){d=parseInt(p[1]);const h=a.match(/(\d+)-(\d+)/);h&&(l=parseInt(h[2])>=d-1)}}else s.length===0&&(l=!0);return{data:s,isComplete:l,actualSize:d}}async downloadFile(e){const t=new globalThis.AbortController;this.activeDownloads.set(e.id,t);try{e.status="downloading",e.startTime=Date.now(),this.requestUpdate();const r=e.chunks.filter(d=>d.status==="pending"),o=new Set,s=async d=>{const p=e.chunks[d];if(!(!p||p.status!=="pending")){p.status="downloading",o.add(d),this.requestUpdate();try{if(e.status!=="downloading")return;const h=await this.downloadChunk(e.url,p);if(e.status!=="downloading")return;p.downloaded=h.data.length,p.status="completed",e.downloaded+=p.downloaded,h.actualSize&&e.size===0&&(e.size=h.actualSize,e.size>this.chunkSize&&e.chunks.push(...this.createChunks(e.size).slice(1))),o.delete(d),this.requestUpdate(),this.saveState(),(h.isComplete||e.chunks.every(f=>f.status==="completed"))&&(e.status="completed",e.endTime=Date.now(),this.requestUpdate(),this.saveState())}catch(h){p.status="error",o.delete(d),e.chunks.filter(f=>f.status==="error").length===e.chunks.length&&(e.status="error",e.error=h instanceof Error?h.message:"All chunks failed"),this.requestUpdate(),this.saveState()}await new Promise(h=>setTimeout(h,1))}},a=[];let l=0;for(;(l<r.length||o.size>0)&&e.status==="downloading";){for(;o.size<this.maxConcurrentChunks&&l<r.length&&e.status==="downloading";)a.push(s(l)),l++;if(o.size>0)try{await Promise.race([Promise.race(a),new Promise(d=>setTimeout(d,100))])}catch(d){}await new Promise(d=>setTimeout(d,10))}}catch(r){(!(r instanceof Error)||r.name!=="AbortError")&&(e.status="error",e.error=r instanceof Error?r.message:"Unknown error",this.requestUpdate())}finally{this.activeDownloads.delete(e.id),this.saveState()}}pauseDownload(e){const t=this.activeDownloads.get(e);t&&(t.abort(),this.activeDownloads.delete(e));const r=this.downloads.find(o=>o.id===e);(r==null?void 0:r.status)==="downloading"&&(r.status="paused",this.requestUpdate(),this.saveState())}resumeDownload(e){const t=this.downloads.find(r=>r.id===e);(t==null?void 0:t.status)==="paused"&&this.downloadFile(t)}removeDownload(e){this.pauseDownload(e),this.downloads=this.downloads.filter(t=>t.id!==e),this.requestUpdate(),this.saveState()}formatBytes(e){if(e===0)return"0 Bytes";const t=1024,r=["Bytes","KB","MB","GB"],o=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/Math.pow(t,o)).toFixed(2))+" "+r[o]}formatDuration(e){const t=Math.floor(e/1e3),r=Math.floor(t/60),o=Math.floor(r/60);return o>0?`${o}h ${r%60}m ${t%60}s`:r>0?`${r}m ${t%60}s`:`${t}s`}getProgressPercentage(e){return e.size===0?e.status==="completed"?100:0:Math.round(e.downloaded/e.size*100)}getDownloadSpeed(e){if(!e.startTime)return"0 KB/s";const t=(Date.now()-e.startTime)/1e3;return t===0?"0 KB/s":this.formatBytes(e.downloaded/t)+"/s"}getETA(e){if(!e.startTime||e.downloaded===0||e.size===0)return"Unknown";const t=(Date.now()-e.startTime)/1e3;return this.formatDuration((e.size-e.downloaded)/(e.downloaded/t)*1e3)}async addDownload(e,t){try{this.isAddingFiles=!0,this.requestUpdate();try{new globalThis.URL(e)}catch(a){throw new Error("Invalid URL format")}const r=await this.getFileSize(e),s={id:`download_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,url:e,filename:t||e.split("/").pop()||"unknown",size:r,downloaded:0,status:"pending",chunks:this.createChunks(r)};this.downloads.push(s),this.requestUpdate(),this.saveState(),this.downloadFile(s)}catch(r){const o=r instanceof Error?r.message:"Unknown error occurred";this.downloads.push({id:`error_${Date.now()}`,url:e,filename:t||e.split("/").pop()||"unknown",size:0,downloaded:0,status:"error",chunks:[],error:o}),this.requestUpdate(),this.saveState()}finally{this.isAddingFiles=!1,this.requestUpdate()}}getStatusClass(e){var r;return(r={downloading:"dm__status--downloading",paused:"dm__status--paused",completed:"dm__status--completed",error:"dm__status--error"}[e])!=null?r:"dm__status--pending"}getProgressBarClass(e){var r;return(r={downloading:"dm__progress-bar--downloading",paused:"dm__progress-bar--paused",completed:"dm__progress-bar--completed",error:"dm__progress-bar--error"}[e])!=null?r:"dm__progress-bar--pending"}render(){const e=this.downloads.filter(o=>o.status==="downloading").length,t=this.downloads.filter(o=>o.status==="completed").length,r=this.downloads.filter(o=>o.status==="paused").length;return u`
|
|
785
782
|
<div class="dm">
|
|
786
783
|
<div class="dm__container">
|
|
787
784
|
<div class="dm__header">
|
|
788
785
|
<h2 class="dm__title">Download Manager</h2>
|
|
789
786
|
<div class="dm__stats">
|
|
790
|
-
<span>Active:
|
|
791
|
-
<span>Paused:
|
|
792
|
-
<span>Completed:
|
|
793
|
-
<span>Total:
|
|
787
|
+
<span>Active: ${e}</span>
|
|
788
|
+
<span>Paused: ${r}</span>
|
|
789
|
+
<span>Completed: ${t}</span>
|
|
790
|
+
<span>Total: ${this.downloads.length}</span>
|
|
794
791
|
</div>
|
|
795
792
|
</div>
|
|
796
793
|
|
|
797
|
-
<form @submit
|
|
794
|
+
<form @submit=${this.handleAddDownload} class="dm__form">
|
|
798
795
|
<div class="dm__form-row">
|
|
799
796
|
<div class="dm__form-field">
|
|
800
797
|
<input type="url" name="url" placeholder="Enter download URL" required class="dm__input" />
|
|
@@ -802,8 +799,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
802
799
|
<div class="dm__form-field--filename">
|
|
803
800
|
<input type="text" name="filename" placeholder="Custom filename (optional)" class="dm__input" />
|
|
804
801
|
</div>
|
|
805
|
-
<button type="submit" ?disabled
|
|
806
|
-
|
|
802
|
+
<button type="submit" ?disabled=${this.isAddingFiles} class="dm__submit-btn">
|
|
803
|
+
${this.isAddingFiles?u`<span class="dm__spinner"></span> Adding...`:"Add Download"}
|
|
807
804
|
</button>
|
|
808
805
|
</div>
|
|
809
806
|
<div class="dm__form-note">
|
|
@@ -812,163 +809,181 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
812
809
|
</form>
|
|
813
810
|
|
|
814
811
|
<div class="dm__list">
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
`,`
|
|
819
|
-
</div>
|
|
820
|
-
</div>
|
|
821
|
-
`])),n,a,o,this.downloads.length,this.handleAddDownload,this.isAddingFiles,this.isAddingFiles?m(ka||(ka=v(['<span class="dm__spinner"></span> Adding...']))):"Add Download",this.downloads.length===0?m(Ca||(Ca=v(['<div class="dm__empty">No downloads yet. Add a URL to get started.</div>']))):this.downloads.map(function(s){return m(xa||(xa=v([`
|
|
822
|
-
<div class="dm__item `,`">
|
|
812
|
+
${this.downloads.length===0?u`<div class="dm__empty">No downloads yet. Add a URL to get started.</div>`:this.downloads.map(o=>u`
|
|
813
|
+
<div class="dm__item ${o.status==="error"?"dm__item--error":""}">
|
|
823
814
|
<div class="dm__item-header">
|
|
824
815
|
<div class="dm__item-info">
|
|
825
|
-
<p class="dm__item-name"
|
|
826
|
-
<p class="dm__item-url"
|
|
816
|
+
<p class="dm__item-name">${o.filename}</p>
|
|
817
|
+
<p class="dm__item-url">${o.url}</p>
|
|
827
818
|
</div>
|
|
828
819
|
<div class="dm__item-controls">
|
|
829
|
-
<span class="dm__status
|
|
830
|
-
<button class="dm__remove-btn" @click
|
|
820
|
+
<span class="dm__status ${this.getStatusClass(o.status)}">${o.status}</span>
|
|
821
|
+
<button class="dm__remove-btn" @click=${()=>this.removeDownload(o.id)} title="Remove download">✕</button>
|
|
831
822
|
</div>
|
|
832
823
|
</div>
|
|
833
824
|
|
|
834
825
|
<div class="dm__progress">
|
|
835
826
|
<div class="dm__progress-labels">
|
|
836
|
-
<span
|
|
837
|
-
<span
|
|
827
|
+
<span>${this.formatBytes(o.downloaded)}${o.size>0?` / ${this.formatBytes(o.size)}`:" (unknown size)"}</span>
|
|
828
|
+
<span>${o.size>0?`${this.getProgressPercentage(o)}%`:"Downloading..."}</span>
|
|
838
829
|
</div>
|
|
839
830
|
<div class="dm__progress-track">
|
|
840
|
-
|
|
831
|
+
${o.size>0?u`<div class="dm__progress-bar ${this.getProgressBarClass(o.status)}" style="width: ${this.getProgressPercentage(o)}%"></div>`:u`<div class="dm__progress-bar ${this.getProgressBarClass(o.status)} dm__progress-bar--indeterminate"></div>`}
|
|
841
832
|
</div>
|
|
842
833
|
</div>
|
|
843
834
|
|
|
844
835
|
<div class="dm__item-footer">
|
|
845
836
|
<div class="dm__item-speeds">
|
|
846
|
-
<span>Speed:
|
|
847
|
-
<span>ETA:
|
|
837
|
+
<span>Speed: ${o.status==="downloading"?this.getDownloadSpeed(o):"0 KB/s"}</span>
|
|
838
|
+
<span>ETA: ${o.status==="downloading"?this.getETA(o):"Unknown"}</span>
|
|
848
839
|
</div>
|
|
849
840
|
<div class="dm__item-actions">
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
</div>
|
|
853
|
-
|
|
854
|
-
`,`
|
|
855
|
-
</div>
|
|
856
|
-
`])),s.status==="error"?"dm__item--error":"",s.filename,s.url,t.getStatusClass(s.status),s.status,function(){return t.removeDownload(s.id)},t.formatBytes(s.downloaded),s.size>0?" / ".concat(t.formatBytes(s.size)):" (unknown size)",s.size>0?"".concat(t.getProgressPercentage(s),"%"):"Downloading...",s.size>0?m($a||($a=v(['<div class="dm__progress-bar ','" style="width: ','%"></div>'])),t.getProgressBarClass(s.status),t.getProgressPercentage(s)):m(Ea||(Ea=v(['<div class="dm__progress-bar ',' dm__progress-bar--indeterminate"></div>'])),t.getProgressBarClass(s.status)),s.status==="downloading"?t.getDownloadSpeed(s):"0 KB/s",s.status==="downloading"?t.getETA(s):"Unknown",s.status==="downloading"?m(Oa||(Oa=v([`
|
|
857
|
-
<button class="dm__action-btn dm__action-btn--pause" @click=`,`>
|
|
841
|
+
${o.status==="downloading"?u`
|
|
842
|
+
<button class="dm__action-btn dm__action-btn--pause" @click=${()=>this.pauseDownload(o.id)}>
|
|
858
843
|
<span class="dm__spinner dm__spinner--sm"></span> Pause
|
|
859
844
|
</button>
|
|
860
|
-
|
|
861
|
-
<button class="dm__action-btn dm__action-btn--resume" @click
|
|
862
|
-
|
|
845
|
+
`:o.status==="paused"?u`
|
|
846
|
+
<button class="dm__action-btn dm__action-btn--resume" @click=${()=>this.resumeDownload(o.id)}>Resume</button>
|
|
847
|
+
`:o.status==="completed"?u`
|
|
863
848
|
<span class="dm__status-completed">Completed</span>
|
|
864
|
-
|
|
849
|
+
`:o.status==="error"?u`
|
|
865
850
|
<div class="dm__error-info">
|
|
866
851
|
<div class="dm__error-label">Error</div>
|
|
867
|
-
<div class="dm__error-detail"
|
|
852
|
+
<div class="dm__error-detail">${o.error}</div>
|
|
868
853
|
</div>
|
|
869
|
-
|
|
854
|
+
`:""}
|
|
855
|
+
</div>
|
|
856
|
+
</div>
|
|
857
|
+
|
|
858
|
+
${o.status==="downloading"?u`
|
|
870
859
|
<div class="dm__chunks">
|
|
871
|
-
<div>Chunks:
|
|
872
|
-
<div>Chunk size:
|
|
873
|
-
<div>Downloaded:
|
|
860
|
+
<div>Chunks: ${o.chunks.filter(s=>s.status==="completed").length}/${o.chunks.length} completed</div>
|
|
861
|
+
<div>Chunk size: ${this.formatBytes(this.chunkSize)}</div>
|
|
862
|
+
<div>Downloaded: ${this.formatBytes(o.downloaded)}${o.size>0?` / ${this.formatBytes(o.size)}`:""}</div>
|
|
874
863
|
</div>
|
|
875
|
-
|
|
864
|
+
`:""}
|
|
865
|
+
</div>
|
|
866
|
+
`)}
|
|
867
|
+
</div>
|
|
868
|
+
|
|
869
|
+
${this.downloads.length>0?u`
|
|
876
870
|
<div class="dm__actions">
|
|
877
|
-
<button class="dm__clear-btn" @click
|
|
871
|
+
<button class="dm__clear-btn" @click=${this.clearCompleted}>Clear Completed</button>
|
|
878
872
|
<div class="dm__persist-note">State is automatically saved and will persist across browser sessions</div>
|
|
879
873
|
</div>
|
|
880
|
-
|
|
874
|
+
`:""}
|
|
875
|
+
</div>
|
|
876
|
+
</div>
|
|
877
|
+
`}},n.DownloadManager.styles=[N`${F(ma)}`],Ze([c({type:Number})],n.DownloadManager.prototype,"chunkSize",2),Ze([c({type:Number})],n.DownloadManager.prototype,"maxConcurrentDownloads",2),Ze([c({type:Number})],n.DownloadManager.prototype,"maxConcurrentChunks",2),Ze([$()],n.DownloadManager.prototype,"downloads",2),Ze([$()],n.DownloadManager.prototype,"isAddingFiles",2),n.DownloadManager=Ze([U("download-manager")],n.DownloadManager);const ya=".tree{width:100%;font-family:var(--font-family-base)}.tree__list,.tree__children{list-style:none;margin:0;padding:0}.tree__item{margin:0;padding:0}.tree__row{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);padding-left:calc(var(--spacing-3) + (var(--tree-level, 0) * 14px));border-radius:var(--radius-sm);color:var(--color-body-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.tree--icons .tree__row{justify-content:center;padding:0;width:44px;height:44px;min-height:44px;margin:0 auto}.tree__row:hover{background-color:var(--color-tertiary-bg)}.tree__row:focus-visible{outline:2px solid var(--color-secondary);outline-offset:1px}.tree__row--disabled{opacity:.5;cursor:not-allowed}.tree__row--active .tree__label,.tree__row--active .tree__icon{color:var(--color-primary)}.tree:not(.tree--icons) .tree__row--active{background-color:var(--color-tertiary-bg)}.tree__icon{width:20px;min-width:20px;display:inline-flex;align-items:center;justify-content:center;color:inherit}.tree--icons .tree__icon{width:20px;min-width:20px;height:20px}.tree--icons .tree__row--active{background-color:var(--color-primary)}.tree--icons .tree__row--active .tree__icon{color:#fff}.tree--icons .tree__row--active:hover{background-color:var(--color-primary-hover)}.tree__chevron-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--color-tertiary);cursor:pointer;padding:0;flex-shrink:0}.tree__chevron-btn--right{margin-left:auto}.tree__chevron{transform:rotate(-90deg);transition:transform var(--transition-speed-fast) var(--transition-timing)}.tree__chevron--open{transform:rotate(0)}.tree__chevron-spacer{width:20px;height:20px;flex-shrink:0}.tree__label{display:inline-flex;align-items:center;font-size:var(--font-size-sm);color:inherit}";var wa=Object.defineProperty,xa=Object.getOwnPropertyDescriptor,Ee=(i,e,t,r)=>{for(var o=r>1?void 0:r?xa(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&wa(e,t,o),o};n.TreeMenu=class extends T{constructor(){super(...arguments),this.items=[],this.expandedIds=[],this.expandOnLabelClick=!0,this.chevronPosition="left",this.showLabels=!0,this.iconSize=16,this._expandedSet=new Set}willUpdate(e){var t;e.has("expandedIds")&&(this._expandedSet=new Set((t=this.expandedIds)!=null?t:[]))}_isExpanded(e){return this._expandedSet.has(e)}_emitToggle(e,t){this.dispatchEvent(new CustomEvent("toggle",{detail:{item:e,expanded:t},bubbles:!0,composed:!0}))}_emitItemClick(e){this.dispatchEvent(new CustomEvent("item-click",{detail:{item:e},bubbles:!0,composed:!0}))}_emitNodeClick(e,t){this.dispatchEvent(new CustomEvent("node-click",{detail:{item:e,hasChildren:t},bubbles:!0,composed:!0}))}_setExpanded(e,t){t?this._expandedSet.add(e.id):this._expandedSet.delete(e.id),this.expandedIds=Array.from(this._expandedSet),this._emitToggle(e,t)}_toggle(e,t){var r;t.stopPropagation(),!(e.disabled||!((r=e.children)!=null&&r.length))&&this._setExpanded(e,!this._isExpanded(e.id))}_handleItemClick(e,t){var o,s;if(t.stopPropagation(),e.disabled)return;const r=!!((o=e.children)!=null&&o.length);if(this._emitNodeClick(e,r),r&&this.expandOnLabelClick){this._setExpanded(e,!this._isExpanded(e.id));return}r||((s=e.onClick)==null||s.call(e,e),this._emitItemClick(e))}_handleRowKeydown(e,t){t.key!=="Enter"&&t.key!==" "||(t.preventDefault(),this._handleItemClick(e,t))}_renderIcon(e){return e.iconName?u`
|
|
881
878
|
<span class="tree__icon">
|
|
882
|
-
<ui-icon name
|
|
879
|
+
<ui-icon name=${e.iconName} .size=${this.iconSize}></ui-icon>
|
|
883
880
|
</span>
|
|
884
|
-
|
|
881
|
+
`:e.iconHtml?u`<span class="tree__icon">${Qt(e.iconHtml)}</span>`:m}_renderChevron(e,t){var o;const r=!!((o=e.children)!=null&&o.length);return this.showLabels?r?u`
|
|
885
882
|
<button
|
|
886
883
|
type="button"
|
|
887
|
-
class="tree__chevron-btn
|
|
888
|
-
aria-label
|
|
889
|
-
@click
|
|
884
|
+
class="tree__chevron-btn ${this.chevronPosition==="right"?"tree__chevron-btn--right":""}"
|
|
885
|
+
aria-label=${t?"Collapse":"Expand"}
|
|
886
|
+
@click=${s=>this._toggle(e,s)}
|
|
890
887
|
>
|
|
891
888
|
<ui-icon
|
|
892
|
-
class="tree__chevron
|
|
889
|
+
class="tree__chevron ${t?"tree__chevron--open":""}"
|
|
893
890
|
name="uil-angle-down"
|
|
894
891
|
size="20"
|
|
895
892
|
></ui-icon>
|
|
896
893
|
</button>
|
|
897
|
-
|
|
894
|
+
`:u`<span class="tree__chevron-spacer"></span>`:m}_renderNode(e,t){var a;const r=!!((a=e.children)!=null&&a.length),o=r?this._isExpanded(e.id):!1,s=this.showLabels?`--tree-level:${t};`:"--tree-level:0;";return u`
|
|
898
895
|
<li class="tree__item">
|
|
899
896
|
<div
|
|
900
|
-
class="tree__row
|
|
901
|
-
style
|
|
897
|
+
class="tree__row ${e.disabled?"tree__row--disabled":""} ${e.active?"tree__row--active":""}"
|
|
898
|
+
style=${s}
|
|
902
899
|
role="button"
|
|
903
|
-
tabindex
|
|
904
|
-
@click
|
|
905
|
-
@keydown
|
|
906
|
-
title
|
|
900
|
+
tabindex=${e.disabled?-1:0}
|
|
901
|
+
@click=${l=>this._handleItemClick(e,l)}
|
|
902
|
+
@keydown=${l=>this._handleRowKeydown(e,l)}
|
|
903
|
+
title=${this.showLabels?"":e.label}
|
|
907
904
|
>
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
905
|
+
${this.chevronPosition==="left"?this._renderChevron(e,o):m}
|
|
906
|
+
${this._renderIcon(e)}
|
|
907
|
+
${this.showLabels?u`<span class="tree__label">${e.label}</span>`:m}
|
|
908
|
+
${this.chevronPosition==="right"?this._renderChevron(e,o):m}
|
|
912
909
|
</div>
|
|
913
910
|
|
|
914
|
-
|
|
915
|
-
</li>
|
|
916
|
-
`])),t.disabled?"tree__row--disabled":"",t.active?"tree__row--active":"",u,t.disabled?-1:0,function(d){return a._handleItemClick(t,d)},function(d){return a._handleRowKeydown(t,d)},this.showLabels?"":t.label,this.chevronPosition==="left"?this._renderChevron(t,l):x,this._renderIcon(t),this.showLabels?m(Ra||(Ra=v(['<span class="tree__label">',"</span>"])),t.label):x,this.chevronPosition==="right"?this._renderChevron(t,l):x,this.showLabels&&s&&l?m(Ya||(Ya=v([`
|
|
911
|
+
${this.showLabels&&r&&o?u`
|
|
917
912
|
<ul class="tree__children">
|
|
918
|
-
|
|
913
|
+
${e.children.map(l=>this._renderNode(l,t+1))}
|
|
919
914
|
</ul>
|
|
920
|
-
|
|
921
|
-
|
|
915
|
+
`:m}
|
|
916
|
+
</li>
|
|
917
|
+
`}render(){return u`
|
|
918
|
+
<nav class="tree ${this.showLabels?"":"tree--icons"}" aria-label="Tree Menu">
|
|
922
919
|
<ul class="tree__list">
|
|
923
|
-
|
|
920
|
+
${this.items.map(e=>this._renderNode(e,0))}
|
|
924
921
|
</ul>
|
|
925
922
|
</nav>
|
|
926
|
-
`
|
|
923
|
+
`}},n.TreeMenu.styles=[N`${F(ya)}`],Ee([c({attribute:!1})],n.TreeMenu.prototype,"items",2),Ee([c({type:Array})],n.TreeMenu.prototype,"expandedIds",2),Ee([c({type:Boolean})],n.TreeMenu.prototype,"expandOnLabelClick",2),Ee([c({type:String})],n.TreeMenu.prototype,"chevronPosition",2),Ee([c({type:Boolean})],n.TreeMenu.prototype,"showLabels",2),Ee([c({type:Number})],n.TreeMenu.prototype,"iconSize",2),Ee([$()],n.TreeMenu.prototype,"_expandedSet",2),n.TreeMenu=Ee([U("logosphere-tree-menu")],n.TreeMenu);var $a=Object.defineProperty,ka=Object.getOwnPropertyDescriptor,Ke=(i,e,t,r)=>{for(var o=r>1?void 0:r?ka(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&$a(e,t,o),o};n.LeftMenuItemElement=class extends T{constructor(){super(...arguments),this.itemId="",this.label="",this.disabled=!1,this.active=!1}render(){return u`<slot></slot>`}},Ke([c({type:String})],n.LeftMenuItemElement.prototype,"itemId",2),Ke([c({type:String})],n.LeftMenuItemElement.prototype,"label",2),Ke([c({type:Boolean})],n.LeftMenuItemElement.prototype,"disabled",2),Ke([c({type:Boolean})],n.LeftMenuItemElement.prototype,"active",2),Ke([c({attribute:!1})],n.LeftMenuItemElement.prototype,"onClick",2),n.LeftMenuItemElement=Ke([U("leftmenu-item")],n.LeftMenuItemElement);const Ca=':host{display:block;position:relative;height:100%;font-family:var(--font-family-base)}.lm{position:relative;height:100%;transition:width var(--transition-speed-base) var(--transition-timing)}.lm__panel{width:var(--lm-closed-width);min-width:var(--lm-closed-width);height:100%;background:var(--color-body-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;box-sizing:border-box;transition:width var(--transition-speed-base) var(--transition-timing),min-width var(--transition-speed-base) var(--transition-timing),box-shadow var(--transition-speed-base) var(--transition-timing)}.lm--open .lm__panel{width:var(--lm-open-width);min-width:var(--lm-open-width)}.lm--overlay.lm--open .lm__panel{position:absolute;left:0;top:0;box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown)}.lm__brand{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.lm--closed .lm__brand{width:64px;height:64px;padding:0}.lm__search{padding:var(--spacing-4) var(--spacing-3)}.lm__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-3);scrollbar-width:thin}.lm__nav logosphere-tree-menu{width:100%}.lm__custom{border-top:1px solid var(--color-border);margin-top:var(--spacing-4);padding:var(--spacing-2)}.lm--closed .lm__custom{padding:var(--spacing-2) 0}.lm__custom--hidden{display:none}.lm--closed .lm__nav{padding-left:0;padding-right:0;scrollbar-gutter:auto;scrollbar-color:var(--color-border) transparent}.lm--closed .lm__nav::-webkit-scrollbar{width:4px;height:4px}.lm--closed .lm__nav::-webkit-scrollbar-track{background:transparent}.lm--closed .lm__nav::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:999px}.lm--closed .lm__nav:hover::-webkit-scrollbar-thumb{background-color:var(--color-tertiary)}.lm__footer{margin-top:auto;border-top:1px solid var(--color-border);padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.lm--closed .lm__footer{flex-direction:column;justify-content:center}.lm__ctrl{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-body-bg);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-body-text)}.lm__ctrl:hover{background:var(--color-tertiary-bg)}.lm__pin-icon--inactive{color:var(--color-tertiary)}.lm__pin-icon--active{color:var(--color-body-text)}.lm__toggle-icon{transform:rotate(180deg);transition:transform var(--transition-speed-base) var(--transition-timing)}.lm__toggle-icon--open{transform:rotate(0)}::slotted(leftmenu-item){display:none!important}::slotted([slot="logo-open"]),::slotted([slot="logo-closed"]){display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}::slotted([slot="custom-open"]),::slotted([slot="custom-closed"]){display:block;width:100%}';var Ea=Object.defineProperty,Sa=Object.getOwnPropertyDescriptor,le=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sa(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Ea(e,t,o),o};n.LeftMenu=class extends T{constructor(){super(...arguments),this.open=!1,this.pinned=!1,this.closedWidth=64,this.openWidth=248,this.storageKey="logosphere-leftmenu-state",this._nodes=[],this._expandedIds=new Set,this._search="",this._searchExpandedIds=new Set,this._hasCustomOpen=!1,this._hasCustomClosed=!1,this._isHydratingState=!1,this._onSlotChange=e=>{const r=e.target.assignedElements({flatten:!0}).filter(o=>o.tagName==="LEFTMENU-ITEM");this._nodes=r.map((o,s)=>this._mapItemElement(o,`root-${s}`))},this._onCustomOpenSlotChange=e=>{const t=e.target;this._hasCustomOpen=t.assignedElements({flatten:!0}).length>0},this._onCustomClosedSlotChange=e=>{const t=e.target;this._hasCustomClosed=t.assignedElements({flatten:!0}).length>0},this._handleSearchInput=e=>{var o;const r=(o=e.detail)==null?void 0:o.value;typeof r=="string"&&this._setSearch(r)},this._toggleOpen=()=>{this.open=!this.open},this._togglePin=()=>{this.pinned=!this.pinned,this.dispatchEvent(new CustomEvent("pin-change",{detail:{pinned:this.pinned},bubbles:!0,composed:!0}))},this._handleTreeToggle=e=>{e.stopPropagation();const{item:t,expanded:r}=e.detail;r?this._expandedIds.add(t.id):this._expandedIds.delete(t.id),this._expandedIds=new Set(this._expandedIds)},this._handleTreeNodeClick=e=>{this.open||!e.detail.hasChildren||(this.open=!0,this._expandedIds.add(e.detail.item.id),this._expandedIds=new Set(this._expandedIds))},this._handleTreeItemClick=e=>{e.stopPropagation();const t=e.detail.item.data;this.dispatchEvent(new CustomEvent("item-click",{detail:{item:t!=null?t:e.detail.item},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this._loadPersistedState()}updated(e){this._isHydratingState||(e.has("open")||e.has("pinned"))&&this._persistState()}_loadPersistedState(){if(typeof window!="undefined")try{const e=window.localStorage.getItem(this.storageKey);if(!e)return;const t=JSON.parse(e);this._isHydratingState=!0,typeof t.open=="boolean"&&(this.open=t.open),typeof t.pinned=="boolean"&&(this.pinned=t.pinned),this._isHydratingState=!1}catch(e){this._isHydratingState=!1}}_persistState(){if(typeof window!="undefined")try{window.localStorage.setItem(this.storageKey,JSON.stringify({open:this.open,pinned:this.pinned}))}catch(e){}}_mapItemElement(e,t){var d;const r=e.itemId||e.id||t,o=Array.from(e.children).find(p=>p.getAttribute("slot")==="icon"),s=o==null?void 0:o.querySelector("ui-icon"),a=Array.from(e.children).filter(p=>p.tagName==="LEFTMENU-ITEM"&&p.getAttribute("slot")==="children"),l=Array.from(e.childNodes).filter(p=>p.nodeType===Node.TEXT_NODE).map(p=>{var h;return(h=p.textContent)!=null?h:""}).join(" ").replace(/\s+/g," ").trim();return{id:r,label:(e.label||l||r).trim(),disabled:e.disabled,active:e.active,iconName:(d=s==null?void 0:s.getAttribute("name"))!=null?d:null,iconHtml:o?o.innerHTML:null,onClick:e.onClick?()=>{var p;return(p=e.onClick)==null?void 0:p.call(e,e)}:void 0,children:a.map((p,h)=>this._mapItemElement(p,`${r}-${h}`))}}_setSearch(e){if(this._search=e,!e){this._searchExpandedIds=new Set;return}const t=new Set,r=o=>{let s=!1;return o.forEach(a=>{const l=a.label.toLocaleLowerCase().includes(e.toLocaleLowerCase()),d=r(a.children);d&&t.add(a.id),l&&a.children.length&&t.add(a.id),s=s||l||d}),s};r(this._nodes),this._searchExpandedIds=t}_filterNodes(e,t){if(!t)return e;const r=t.toLocaleLowerCase(),o=s=>{const a=s.children.map(o).filter(Boolean);return!s.label.toLocaleLowerCase().includes(r)&&a.length===0?null:jt($t({},s),{children:a})};return e.map(o).filter(Boolean)}_toTreeItems(e){return e.map(t=>{var r;return{id:t.id,label:t.label,disabled:t.disabled,active:t.active,iconName:(r=t.iconName)!=null?r:void 0,iconHtml:t.iconHtml,onClick:t.onClick?()=>{var o;(o=t.onClick)==null||o.call(t,t)}:void 0,data:t,children:this._toTreeItems(t.children)}})}_effectiveExpandedIds(){const e=new Set(this._expandedIds);return this._search&&this._searchExpandedIds.forEach(t=>e.add(t)),Array.from(e)}render(){const e=this._filterNodes(this._nodes,this._search),t=this._toTreeItems(e),r=this.pinned?this.open?this.openWidth:this.closedWidth:this.closedWidth;return u`
|
|
927
924
|
<aside
|
|
928
|
-
class="lm
|
|
929
|
-
style
|
|
925
|
+
class="lm ${this.open?"lm--open":"lm--closed"} ${this.pinned?"lm--pinned":"lm--overlay"}"
|
|
926
|
+
style=${`--lm-open-width:${this.openWidth}px; --lm-closed-width:${this.closedWidth}px; width:${r}px;`}
|
|
930
927
|
>
|
|
931
|
-
<slot @slotchange
|
|
928
|
+
<slot @slotchange=${this._onSlotChange}></slot>
|
|
932
929
|
|
|
933
930
|
<div class="lm__panel">
|
|
934
931
|
<div class="lm__brand">
|
|
935
|
-
|
|
932
|
+
${this.open?u`<slot name="logo-open"></slot>`:u`<slot name="logo-closed"></slot>`}
|
|
936
933
|
</div>
|
|
937
934
|
|
|
938
|
-
|
|
935
|
+
${this.open?u`
|
|
936
|
+
<div class="lm__search">
|
|
937
|
+
<logosphere-input
|
|
938
|
+
placeholder="Arayın..."
|
|
939
|
+
.value=${this._search}
|
|
940
|
+
@input=${this._handleSearchInput}
|
|
941
|
+
>
|
|
942
|
+
<ui-icon slot="prefix" name="uil-search" size="16"></ui-icon>
|
|
943
|
+
</logosphere-input>
|
|
944
|
+
</div>
|
|
945
|
+
`:m}
|
|
939
946
|
|
|
940
947
|
<nav class="lm__nav">
|
|
941
948
|
<logosphere-tree-menu
|
|
942
|
-
.items
|
|
943
|
-
.expandedIds
|
|
944
|
-
.expandOnLabelClick
|
|
949
|
+
.items=${t}
|
|
950
|
+
.expandedIds=${this._effectiveExpandedIds()}
|
|
951
|
+
.expandOnLabelClick=${this.open}
|
|
945
952
|
chevronPosition="right"
|
|
946
|
-
.showLabels
|
|
947
|
-
.iconSize
|
|
948
|
-
@toggle
|
|
949
|
-
@node-click
|
|
950
|
-
@item-click
|
|
953
|
+
.showLabels=${this.open}
|
|
954
|
+
.iconSize=${this.open?16:20}
|
|
955
|
+
@toggle=${this._handleTreeToggle}
|
|
956
|
+
@node-click=${this._handleTreeNodeClick}
|
|
957
|
+
@item-click=${this._handleTreeItemClick}
|
|
951
958
|
></logosphere-tree-menu>
|
|
952
959
|
|
|
953
|
-
|
|
960
|
+
${this.open?u`
|
|
961
|
+
<div class="lm__custom ${this._hasCustomOpen?"":"lm__custom--hidden"}">
|
|
962
|
+
<slot name="custom-open" @slotchange=${this._onCustomOpenSlotChange}></slot>
|
|
963
|
+
</div>
|
|
964
|
+
`:u`
|
|
965
|
+
<div class="lm__custom ${this._hasCustomClosed?"":"lm__custom--hidden"}">
|
|
966
|
+
<slot name="custom-closed" @slotchange=${this._onCustomClosedSlotChange}></slot>
|
|
967
|
+
</div>
|
|
968
|
+
`}
|
|
954
969
|
</nav>
|
|
955
970
|
|
|
956
971
|
<div class="lm__footer">
|
|
957
972
|
<button
|
|
958
973
|
class="lm__ctrl"
|
|
959
974
|
type="button"
|
|
960
|
-
@click
|
|
975
|
+
@click=${this._toggleOpen}
|
|
961
976
|
aria-label="Toggle Menu"
|
|
962
977
|
>
|
|
963
978
|
<ui-icon
|
|
964
|
-
class="lm__toggle-icon
|
|
979
|
+
class="lm__toggle-icon ${this.open?"lm__toggle-icon--open":""}"
|
|
965
980
|
name="uil-left-arrow-to-left"
|
|
966
981
|
size="16"
|
|
967
982
|
></ui-icon>
|
|
968
983
|
</button>
|
|
969
|
-
<button class="lm__ctrl" type="button" @click
|
|
984
|
+
<button class="lm__ctrl" type="button" @click=${this._togglePin} aria-label="Pin Menu">
|
|
970
985
|
<ui-icon
|
|
971
|
-
class
|
|
986
|
+
class=${this.pinned?"lm__pin-icon--active":"lm__pin-icon--inactive"}
|
|
972
987
|
name="uil-pin"
|
|
973
988
|
size="16"
|
|
974
989
|
></ui-icon>
|
|
@@ -976,101 +991,83 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
976
991
|
</div>
|
|
977
992
|
</div>
|
|
978
993
|
</aside>
|
|
979
|
-
`
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
placeholder="Arayın..."
|
|
983
|
-
.value=`,`
|
|
984
|
-
@input=`,`
|
|
985
|
-
>
|
|
986
|
-
<ui-icon slot="prefix" name="uil-search" size="16"></ui-icon>
|
|
987
|
-
</logosphere-input>
|
|
988
|
-
</div>
|
|
989
|
-
`])),this._search,this._handleSearchInput):x,n,this._effectiveExpandedIds(),this.open,this.open,this.open?16:20,this._handleTreeToggle,this._handleTreeNodeClick,this._handleTreeItemClick,this.open?m(Za||(Za=v([`
|
|
990
|
-
<div class="lm__custom `,`">
|
|
991
|
-
<slot name="custom-open" @slotchange=`,`></slot>
|
|
992
|
-
</div>
|
|
993
|
-
`])),this._hasCustomOpen?"":"lm__custom--hidden",this._onCustomOpenSlotChange):m(Ka||(Ka=v([`
|
|
994
|
-
<div class="lm__custom `,`">
|
|
995
|
-
<slot name="custom-closed" @slotchange=`,`></slot>
|
|
996
|
-
</div>
|
|
997
|
-
`])),this._hasCustomClosed?"":"lm__custom--hidden",this._onCustomClosedSlotChange),this._toggleOpen,this.open?"lm__toggle-icon--open":"",this._togglePin,this.pinned?"lm__pin-icon--active":"lm__pin-icon--inactive")}}])})(V),c.LeftMenu.styles=[ee(Ga||(Ga=v([`
|
|
998
|
-
`,`
|
|
999
|
-
`])),Q(Ic))],be([h({type:Boolean,reflect:!0})],c.LeftMenu.prototype,"open",2),be([h({type:Boolean,reflect:!0})],c.LeftMenu.prototype,"pinned",2),be([h({type:Number})],c.LeftMenu.prototype,"closedWidth",2),be([h({type:Number})],c.LeftMenu.prototype,"openWidth",2),be([h({type:String})],c.LeftMenu.prototype,"storageKey",2),be([M()],c.LeftMenu.prototype,"_nodes",2),be([M()],c.LeftMenu.prototype,"_expandedIds",2),be([M()],c.LeftMenu.prototype,"_search",2),be([M()],c.LeftMenu.prototype,"_searchExpandedIds",2),be([M()],c.LeftMenu.prototype,"_hasCustomOpen",2),be([M()],c.LeftMenu.prototype,"_hasCustomClosed",2),c.LeftMenu=be([te("logosphere-leftmenu")],c.LeftMenu);const Yc=".modal__backdrop{position:fixed;inset:0;z-index:var(--z-index-modal-backdrop);display:flex;align-items:center;justify-content:center;background-color:#00000080;padding:var(--spacing-4);font-family:var(--font-family-base)}.modal__dialog{width:100%;max-width:720px;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-xl);background-color:var(--color-body-bg);display:grid;grid-template-rows:auto 1fr auto}.modal__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-2)}.modal__header-content{flex:1;min-width:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-body-text);margin:0}.modal__body{padding:var(--spacing-4)}.modal__footer{padding:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:flex-end;border-top:1px solid var(--color-border)}";var Xa,Ja,Qa,ei,ti,ni,ri,oi,Hc=Object.defineProperty,Fc=Object.getOwnPropertyDescriptor,je=function(r,e,t,n){for(var o=n>1?void 0:n?Fc(e,t):e,a=r.length-1,s;a>=0;a--)(s=r[a])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&Hc(e,t,o),o};c.Modal=(function(i){function r(){var e;return A(this,r),e=I(this,r,arguments),e.open=!1,e.title="",e.closeOnEsc=!0,e.closeOnBackdrop=!0,e.showBack=!1,e.showClose=!1,e.hasFooterContent=!1,e.onKeyDown=function(t){e.open&&e.closeOnEsc&&t.key==="Escape"&&e.setOpen(!1)},e.onBackdropClick=function(t){var n;if(e.closeOnBackdrop){var o=(n=e.shadowRoot)===null||n===void 0?void 0:n.querySelector(".__modal-content");o&&!o.contains(t.target)&&e.setOpen(!1)}},e}return B(r,i),P(r,[{key:"connectedCallback",value:function(){W(r,"connectedCallback",this)([]),document.addEventListener("keydown",this.onKeyDown)}},{key:"disconnectedCallback",value:function(){W(r,"disconnectedCallback",this)([]),document.removeEventListener("keydown",this.onKeyDown)}},{key:"openModal",value:function(){this.setOpen(!0)}},{key:"closeModal",value:function(){this.setOpen(!1)}},{key:"setOpen",value:function(t){this.open!==t&&(this.open=t,this.dispatchEvent(new CustomEvent(t?"modal-open":"modal-close",{bubbles:!0})))}},{key:"checkFooterContent",value:function(){this.hasFooterContent=this.querySelector('[slot="footer"]')!==null}},{key:"updated",value:function(t){W(r,"updated",this)([t]),this.checkFooterContent()}},{key:"render",value:function(){var t=this;return this.open?m(Ja||(Ja=v([`
|
|
994
|
+
`}},n.LeftMenu.styles=[N`
|
|
995
|
+
${F(Ca)}
|
|
996
|
+
`],le([c({type:Boolean,reflect:!0})],n.LeftMenu.prototype,"open",2),le([c({type:Boolean,reflect:!0})],n.LeftMenu.prototype,"pinned",2),le([c({type:Number})],n.LeftMenu.prototype,"closedWidth",2),le([c({type:Number})],n.LeftMenu.prototype,"openWidth",2),le([c({type:String})],n.LeftMenu.prototype,"storageKey",2),le([$()],n.LeftMenu.prototype,"_nodes",2),le([$()],n.LeftMenu.prototype,"_expandedIds",2),le([$()],n.LeftMenu.prototype,"_search",2),le([$()],n.LeftMenu.prototype,"_searchExpandedIds",2),le([$()],n.LeftMenu.prototype,"_hasCustomOpen",2),le([$()],n.LeftMenu.prototype,"_hasCustomClosed",2),n.LeftMenu=le([U("logosphere-leftmenu")],n.LeftMenu);const Ma=".modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-modal-backdrop);display:flex;align-items:center;justify-content:center;background-color:#00000080;padding:var(--spacing-4);font-family:var(--font-family-base)}.modal__dialog{width:100%;max-width:720px;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-xl);background-color:var(--color-body-bg);display:grid;grid-template-rows:auto 1fr auto}.modal__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-2)}.modal__header-content{flex:1;min-width:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-body-text);margin:0}.modal__body{padding:var(--spacing-4)}.modal__footer{padding:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:flex-end;border-top:1px solid var(--color-border)}";var Da=Object.defineProperty,Aa=Object.getOwnPropertyDescriptor,Se=(i,e,t,r)=>{for(var o=r>1?void 0:r?Aa(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Da(e,t,o),o};n.Modal=class extends T{constructor(){super(...arguments),this.open=!1,this.title="",this.closeOnEsc=!0,this.closeOnBackdrop=!0,this.showBack=!1,this.showClose=!1,this.hasFooterContent=!1,this.onKeyDown=e=>{this.open&&this.closeOnEsc&&e.key==="Escape"&&this.setOpen(!1)},this.onBackdropClick=e=>{var r;if(!this.closeOnBackdrop)return;const t=(r=this.shadowRoot)==null?void 0:r.querySelector(".__modal-content");t&&!t.contains(e.target)&&this.setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.onKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.onKeyDown)}openModal(){this.setOpen(!0)}closeModal(){this.setOpen(!1)}setOpen(e){this.open!==e&&(this.open=e,this.dispatchEvent(new CustomEvent(e?"modal-open":"modal-close",{bubbles:!0})))}checkFooterContent(){this.hasFooterContent=this.querySelector('[slot="footer"]')!==null}updated(e){super.updated(e),this.checkFooterContent()}render(){return this.open?u`
|
|
1000
997
|
<div
|
|
1001
998
|
class="modal__backdrop"
|
|
1002
999
|
role="presentation"
|
|
1003
1000
|
aria-hidden="false"
|
|
1004
|
-
@mousedown
|
|
1001
|
+
@mousedown=${this.onBackdropClick}
|
|
1005
1002
|
>
|
|
1006
1003
|
<div
|
|
1007
1004
|
class="__modal-content modal__dialog"
|
|
1008
1005
|
role="dialog"
|
|
1009
1006
|
aria-modal="true"
|
|
1010
1007
|
>
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
<div class="modal__body">
|
|
1014
|
-
<slot></slot>
|
|
1015
|
-
</div>
|
|
1016
|
-
|
|
1017
|
-
`,`
|
|
1018
|
-
</div>
|
|
1019
|
-
</div>
|
|
1020
|
-
`])),this.onBackdropClick,this.showBack||this.showClose?m(Qa||(Qa=v([`
|
|
1008
|
+
${this.showBack||this.showClose?u`
|
|
1021
1009
|
<div class="modal__header">
|
|
1022
|
-
|
|
1010
|
+
${this.showBack?u`
|
|
1011
|
+
<logosphere-button variant="text" size="sm" @click=${()=>this.setOpen(!1)}>←</logosphere-button>
|
|
1012
|
+
`:""}
|
|
1023
1013
|
<div class="modal__header-content">
|
|
1024
|
-
|
|
1014
|
+
${this.title?u`<h2 class="modal__title">${this.title}</h2>`:""}
|
|
1025
1015
|
<slot name="header"></slot>
|
|
1026
1016
|
</div>
|
|
1027
|
-
|
|
1017
|
+
${this.showClose?u`
|
|
1018
|
+
<logosphere-button variant="text" size="sm" @click=${()=>this.setOpen(!1)}>×</logosphere-button>
|
|
1019
|
+
`:""}
|
|
1028
1020
|
</div>
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1021
|
+
`:""}
|
|
1022
|
+
|
|
1023
|
+
<div class="modal__body">
|
|
1024
|
+
<slot></slot>
|
|
1025
|
+
</div>
|
|
1026
|
+
|
|
1027
|
+
${this.hasFooterContent?u`
|
|
1034
1028
|
<div class="modal__footer">
|
|
1035
1029
|
<slot name="footer"></slot>
|
|
1036
1030
|
</div>
|
|
1037
|
-
|
|
1031
|
+
`:""}
|
|
1032
|
+
</div>
|
|
1033
|
+
</div>
|
|
1034
|
+
`:u``}},n.Modal.styles=[N`${F(Ma)}`],Se([c({type:Boolean,reflect:!0})],n.Modal.prototype,"open",2),Se([c({type:String})],n.Modal.prototype,"title",2),Se([c({type:Boolean})],n.Modal.prototype,"closeOnEsc",2),Se([c({type:Boolean})],n.Modal.prototype,"closeOnBackdrop",2),Se([c({type:Boolean})],n.Modal.prototype,"showBack",2),Se([c({type:Boolean})],n.Modal.prototype,"showClose",2),Se([c({type:Boolean,state:!0})],n.Modal.prototype,"hasFooterContent",2),n.Modal=Se([U("logosphere-modal")],n.Modal);const za=".tab{width:100%;font-family:var(--font-family-base)}.tab__list{display:flex;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--color-border);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab__list::-webkit-scrollbar{display:none}.tab__button{display:inline-flex;flex-direction:row;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);min-width:120px;position:relative;cursor:pointer;border:none;border-bottom:2px solid transparent;background:transparent;font-family:var(--font-family-base);white-space:nowrap;transition:background-color var(--transition-speed-base) var(--transition-timing),border-color var(--transition-speed-base) var(--transition-timing)}.tab__button:hover:not(.tab__button--disabled):not(.tab__button--active){background-color:var(--color-tertiary-bg)}.tab__button--active{border-bottom-color:var(--color-primary)}.tab__button--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.tab__icon{font-size:var(--font-size-xl);flex-shrink:0;color:inherit;line-height:1}.tab__content{display:flex;flex-direction:column;align-items:flex-start}.tab__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-body-text)}.tab__label--inactive{color:var(--color-tertiary)}.tab__description{font-size:var(--font-size-xs);text-align:left;color:var(--color-tertiary)}.tab__description--active{color:var(--color-secondary)}.tab__panel{padding:var(--spacing-4);outline:none}.tab__panel--hidden{display:none}";var Oa=Object.defineProperty,Pa=Object.getOwnPropertyDescriptor,Me=(i,e,t,r)=>{for(var o=r>1?void 0:r?Pa(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Oa(e,t,o),o};n.LogosphereTab=class extends T{constructor(){super(...arguments),this.tabs=[],this.activeTab="",this.lazy=!0,this.variant="default",this._focusedIndex=0,this._renderedTabs=new Set}connectedCallback(){super.connectedCallback(),!this.activeTab&&this.tabs.length>0&&(this.activeTab=this.tabs[0].id)}willUpdate(e){if(super.willUpdate(e),e.has("activeTab")&&this.activeTab){this._renderedTabs.add(this.activeTab);const t=this.tabs.findIndex(r=>r.id===this.activeTab);t!==-1&&(this._focusedIndex=t)}e.has("tabs")&&this.tabs.length>0&&(this.tabs.some(r=>r.id===this.activeTab)||(this.activeTab=this.tabs[0].id),this._focusedIndex=this.tabs.findIndex(r=>r.id===this.activeTab))}handleTabClick(e,t){if(t)return;const r=this.activeTab;this.activeTab=e,this._focusedIndex=this.tabs.findIndex(o=>o.id===e),this.dispatchEvent(new CustomEvent("tab-change",{detail:{oldTab:r,newTab:e},bubbles:!0,composed:!0}))}handleKeyDown(e){var s,a,l,d,p;const{tabs:t}=this;if(t.filter(h=>!h.disabled).length===0)return;let r=this._focusedIndex;const o=this._focusedIndex;switch(e.key){case"ArrowLeft":e.preventDefault();do r=r>0?r-1:t.length-1;while((s=t[r])!=null&&s.disabled&&r!==o);break;case"ArrowRight":e.preventDefault();do r=r<t.length-1?r+1:0;while((a=t[r])!=null&&a.disabled&&r!==o);break;case"Home":for(e.preventDefault(),r=0;(l=t[r])!=null&&l.disabled&&r<t.length-1;)r++;break;case"End":for(e.preventDefault(),r=t.length-1;(d=t[r])!=null&&d.disabled&&r>0;)r--;break;default:return}if(r!==this._focusedIndex&&!((p=t[r])!=null&&p.disabled)){const h=this.activeTab;this._focusedIndex=r,this.activeTab=t[r].id,this.updateComplete.then(()=>{var b;const f=(b=this.shadowRoot)==null?void 0:b.querySelector(`[role="tab"][data-tab-id="${t[r].id}"]`);f==null||f.focus()}),this.dispatchEvent(new CustomEvent("tab-change",{detail:{oldTab:h,newTab:t[r].id},bubbles:!0,composed:!0}))}}scrollTabIntoView(e){this.updateComplete.then(()=>{var r;const t=(r=this.shadowRoot)==null?void 0:r.querySelector(`[role="tab"][data-tab-id="${e}"]`);if(t&&this.tablist){const o=this.tablist.getBoundingClientRect(),s=t.getBoundingClientRect();s.left<o.left?this.tablist.scrollLeft-=o.left-s.left+16:s.right>o.right&&(this.tablist.scrollLeft+=s.right-o.right+16)}})}renderTabButton(e,t){const r=this.activeTab===e.id,o=this._focusedIndex===t,s=["tab__button",r?"tab__button--active":"",e.disabled?"tab__button--disabled":""].filter(Boolean).join(" "),a=["tab__label",r?"":"tab__label--inactive"].filter(Boolean).join(" "),l=["tab__description",r?"tab__description--active":""].filter(Boolean).join(" ");return u`
|
|
1038
1035
|
<button
|
|
1039
1036
|
role="tab"
|
|
1040
|
-
class
|
|
1041
|
-
data-tab-id
|
|
1042
|
-
aria-selected
|
|
1043
|
-
aria-controls="panel
|
|
1044
|
-
tabindex
|
|
1045
|
-
?disabled
|
|
1046
|
-
@click
|
|
1047
|
-
@focus
|
|
1037
|
+
class=${s}
|
|
1038
|
+
data-tab-id=${e.id}
|
|
1039
|
+
aria-selected=${r?"true":"false"}
|
|
1040
|
+
aria-controls="panel-${e.id}"
|
|
1041
|
+
tabindex=${r||o?"0":"-1"}
|
|
1042
|
+
?disabled=${e.disabled}
|
|
1043
|
+
@click=${()=>this.handleTabClick(e.id,e.disabled)}
|
|
1044
|
+
@focus=${()=>this.scrollTabIntoView(e.id)}
|
|
1048
1045
|
>
|
|
1049
|
-
|
|
1046
|
+
${e.icon?u`<i class="${e.icon} tab__icon"></i>`:m}
|
|
1050
1047
|
<div class="tab__content">
|
|
1051
|
-
<span class
|
|
1052
|
-
|
|
1048
|
+
<span class=${a}>${e.label}</span>
|
|
1049
|
+
${e.description?u`<span class=${l}>${e.description}</span>`:m}
|
|
1053
1050
|
</div>
|
|
1054
1051
|
</button>
|
|
1055
|
-
`
|
|
1052
|
+
`}renderTabPanel(e){const t=this.activeTab===e.id;if(!(!this.lazy||this._renderedTabs.has(e.id)))return m;const o=["tab__panel",t?"":"tab__panel--hidden"].filter(Boolean).join(" ");return u`
|
|
1056
1053
|
<div
|
|
1057
1054
|
role="tabpanel"
|
|
1058
|
-
id="panel
|
|
1059
|
-
aria-labelledby="tab
|
|
1060
|
-
class
|
|
1055
|
+
id="panel-${e.id}"
|
|
1056
|
+
aria-labelledby="tab-${e.id}"
|
|
1057
|
+
class=${o}
|
|
1061
1058
|
tabindex="0"
|
|
1062
1059
|
>
|
|
1063
|
-
<slot name
|
|
1064
|
-
|
|
1060
|
+
<slot name=${`panel-${e.id}`}>
|
|
1061
|
+
${typeof e.content=="string"?u`${e.content}`:m}
|
|
1065
1062
|
</slot>
|
|
1066
1063
|
</div>
|
|
1067
|
-
`
|
|
1064
|
+
`}render(){return u`
|
|
1068
1065
|
<div class="tab">
|
|
1069
|
-
<div role="tablist" aria-label="Tabs" class="tab__list" @keydown
|
|
1070
|
-
|
|
1066
|
+
<div role="tablist" aria-label="Tabs" class="tab__list" @keydown=${this.handleKeyDown}>
|
|
1067
|
+
${this.tabs.map((e,t)=>this.renderTabButton(e,t))}
|
|
1071
1068
|
</div>
|
|
1072
|
-
<div class="tab__panels"
|
|
1069
|
+
<div class="tab__panels">${this.tabs.map(e=>this.renderTabPanel(e))}</div>
|
|
1073
1070
|
</div>
|
|
1074
|
-
`
|
|
1075
|
-
|
|
1076
|
-
`]
|
|
1071
|
+
`}},n.LogosphereTab.styles=[N`
|
|
1072
|
+
${F(za)}
|
|
1073
|
+
`],Me([c({type:Array})],n.LogosphereTab.prototype,"tabs",2),Me([c({type:String})],n.LogosphereTab.prototype,"activeTab",2),Me([c({type:Boolean})],n.LogosphereTab.prototype,"lazy",2),Me([c({type:String})],n.LogosphereTab.prototype,"variant",2),Me([$()],n.LogosphereTab.prototype,"_focusedIndex",2),Me([$()],n.LogosphereTab.prototype,"_renderedTabs",2),Me([J('[role="tablist"]')],n.LogosphereTab.prototype,"tablist",2),n.LogosphereTab=Me([U("logosphere-tab")],n.LogosphereTab),Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
|