@logosphere-ui/core 0.0.0-alpha.33 → 0.0.0-alpha.35
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/atoms/Button/button.d.ts +5 -3
- package/dist/atoms/Slider/index.d.ts +1 -0
- package/dist/atoms/Slider/slider.d.ts +54 -0
- package/dist/index.cjs +287 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.js +844 -49
- package/dist/index.umd.js +453 -167
- package/dist/molecules/Accordion/accordion.d.ts +42 -0
- package/dist/molecules/Accordion/index.d.ts +2 -0
- package/dist/molecules/Collapse/collapse.d.ts +42 -0
- package/dist/molecules/Collapse/index.d.ts +2 -0
- package/dist/molecules/SplitButton/index.d.ts +2 -0
- package/dist/molecules/SplitButton/split-button.d.ts +53 -0
- package/dist/molecules/Stepper/index.d.ts +2 -0
- package/dist/molecules/Stepper/stepper.d.ts +34 -0
- package/dist/shared/types/button.types.d.ts +7 -0
- package/package.json +26 -1
package/dist/index.umd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
\f\r]`,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Io=/'/g,Ho=/"/g,Ro=/^(?:script|style|textarea|title)$/i,Gr=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),p=Gr(1),de=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),Yo=new WeakMap,Ye=He.createTreeWalker(He,129);function jo(i,e){if(!ro(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Do!==void 0?Do.createHTML(e):e}const Xr=(i,e)=>{const t=i.length-1,o=[];let r,a=e===2?"<svg>":e===3?"<math>":"",s=mt;for(let l=0;l<t;l++){const c=i[l];let u,h,f=-1,g=0;for(;g<c.length&&(s.lastIndex=g,h=s.exec(c),h!==null);)g=s.lastIndex,s===mt?h[1]==="!--"?s=Oo:h[1]!==void 0?s=Bo:h[2]!==void 0?(Ro.test(h[2])&&(r=RegExp("</"+h[2],"g")),s=Re):h[3]!==void 0&&(s=Re):s===Re?h[0]===">"?(s=r!=null?r:mt,f=-1):h[1]===void 0?f=-2:(f=s.lastIndex-h[2].length,u=h[1],s=h[3]===void 0?Re:h[3]==='"'?Ho:Io):s===Ho||s===Io?s=Re:s===Oo||s===Bo?s=mt:(s=Re,r=void 0);const v=s===Re&&i[l+1].startsWith("/>")?" ":"";a+=s===mt?c+Wr:f>=0?(o.push(u),c.slice(0,f)+To+c.slice(f)+ze+v):c+ze+(f===-2?l:v)}return[jo(i,a+(i[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),o]};class bt{constructor({strings:e,_$litType$:t},o){let r;this.parts=[];let a=0,s=0;const l=e.length-1,c=this.parts,[u,h]=Xr(e,t);if(this.el=bt.createElement(u,o),Ye.currentNode=this.el.content,t===2||t===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(r=Ye.nextNode())!==null&&c.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(const f of r.getAttributeNames())if(f.endsWith(To)){const g=h[s++],v=r.getAttribute(f).split(ze),w=/([.?@])?(.*)/.exec(g);c.push({type:1,index:a,name:w[2],strings:v,ctor:w[1]==="."?Qr:w[1]==="?"?ei:w[1]==="@"?ti:Lt}),r.removeAttribute(f)}else f.startsWith(ze)&&(c.push({type:6,index:a}),r.removeAttribute(f));if(Ro.test(r.tagName)){const f=r.textContent.split(ze),g=f.length-1;if(g>0){r.textContent=Tt?Tt.emptyScript:"";for(let v=0;v<g;v++)r.append(f[v],ft()),Ye.nextNode(),c.push({type:2,index:++a});r.append(f[g],ft())}}}else if(r.nodeType===8)if(r.data===Lo)c.push({type:2,index:a});else{let f=-1;for(;(f=r.data.indexOf(ze,f+1))!==-1;)c.push({type:7,index:a}),f+=ze.length-1}a++}}static createElement(e,t){const o=He.createElement("template");return o.innerHTML=e,o}}function Ge(i,e,t=i,o){var s,l,c;if(e===de)return e;let r=o!==void 0?(s=t._$Co)==null?void 0:s[o]:t._$Cl;const a=gt(e)?void 0:e._$litDirective$;return(r==null?void 0:r.constructor)!==a&&((l=r==null?void 0:r._$AO)==null||l.call(r,!1),a===void 0?r=void 0:(r=new a(i),r._$AT(i,t,o)),o!==void 0?((c=t._$Co)!=null?c:t._$Co=[])[o]=r:t._$Cl=r),r!==void 0&&(e=Ge(i,r._$AS(i,e.values),r,o)),e}class Jr{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 u;const{el:{content:t},parts:o}=this._$AD,r=((u=e==null?void 0:e.creationScope)!=null?u:He).importNode(t,!0);Ye.currentNode=r;let a=Ye.nextNode(),s=0,l=0,c=o[0];for(;c!==void 0;){if(s===c.index){let h;c.type===2?h=new Xe(a,a.nextSibling,this,e):c.type===1?h=new c.ctor(a,c.name,c.strings,this,e):c.type===6&&(h=new oi(a,this,e)),this._$AV.push(h),c=o[++l]}s!==(c==null?void 0:c.index)&&(a=Ye.nextNode(),s++)}return Ye.currentNode=He,r}p(e){let t=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}}class Xe{get _$AU(){var e,t;return(t=(e=this._$AM)==null?void 0:e._$AU)!=null?t:this._$Cv}constructor(e,t,o,r){var a;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=r,this._$Cv=(a=r==null?void 0:r.isConnected)!=null?a:!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=Ge(this,e,t),gt(e)?e===b||e==null||e===""?(this._$AH!==b&&this._$AR(),this._$AH=b):e!==this._$AH&&e!==de&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Kr(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!==b&>(this._$AH)?this._$AA.nextSibling.data=e:this.T(He.createTextNode(e)),this._$AH=e}$(e){var a;const{values:t,_$litType$:o}=e,r=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=bt.createElement(jo(o.h,o.h[0]),this.options)),o);if(((a=this._$AH)==null?void 0:a._$AD)===r)this._$AH.p(t);else{const s=new Jr(r,this),l=s.u(this.options);s.p(t),this.T(l),this._$AH=s}}_$AC(e){let t=Yo.get(e.strings);return t===void 0&&Yo.set(e.strings,t=new bt(e)),t}k(e){ro(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let o,r=0;for(const a of e)r===t.length?t.push(o=new Xe(this.O(ft()),this.O(ft()),this,this.options)):o=t[r],o._$AI(a),r++;r<t.length&&(this._$AR(o&&o._$AB.nextSibling,r),t.length=r)}_$AR(e=this._$AA.nextSibling,t){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,t);e!==this._$AB;){const r=zo(e).nextSibling;zo(e).remove(),e=r}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class Lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,r,a){this.type=1,this._$AH=b,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=a,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=b}_$AI(e,t=this,o,r){const a=this.strings;let s=!1;if(a===void 0)e=Ge(this,e,t,0),s=!gt(e)||e!==this._$AH&&e!==de,s&&(this._$AH=e);else{const l=e;let c,u;for(e=a[0],c=0;c<a.length-1;c++)u=Ge(this,l[o+c],t,c),u===de&&(u=this._$AH[c]),s||(s=!gt(u)||u!==this._$AH[c]),u===b?e=b:e!==b&&(e+=(u!=null?u:"")+a[c+1]),this._$AH[c]=u}s&&!r&&this.j(e)}j(e){e===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}}class Qr extends Lt{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===b?void 0:e}}class ei extends Lt{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==b)}}class ti extends Lt{constructor(e,t,o,r,a){super(e,t,o,r,a),this.type=5}_$AI(e,t=this){var s;if((e=(s=Ge(this,e,t,0))!=null?s:b)===de)return;const o=this._$AH,r=e===b&&o!==b||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,a=e!==b&&(o===b||r);r&&this.element.removeEventListener(this.name,this,o),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,o;typeof this._$AH=="function"?this._$AH.call((o=(t=this.options)==null?void 0:t.host)!=null?o:this.element,e):this._$AH.handleEvent(e)}}class oi{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){Ge(this,e)}}const ri={I:Xe},ao=ut.litHtmlPolyfillSupport;ao==null||ao(bt,Xe),((Pr=ut.litHtmlVersions)!=null?Pr:ut.litHtmlVersions=[]).push("3.3.2");const ii=(i,e,t)=>{var a,s;const o=(a=t==null?void 0:t.renderBefore)!=null?a:e;let r=o._$litPart$;if(r===void 0){const l=(s=t==null?void 0:t.renderBefore)!=null?s:null;o._$litPart$=r=new Xe(e.insertBefore(ft(),l),l,void 0,t!=null?t:{})}return r._$AI(i),r};const je=globalThis;let P=class extends Ke{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,o;const e=super.createRenderRoot();return(o=(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=ii(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}};P._$litElement$=!0,P.finalized=!0,(Mr=je.litElementHydrateSupport)==null||Mr.call(je,{LitElement:P});const so=je.litElementPolyfillSupport;so==null||so({LitElement:P}),((zr=je.litElementVersions)!=null?zr:je.litElementVersions=[]).push("4.2.2");const V=i=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(i,e)}):customElements.define(i,e)};const ai={attribute:!0,type:String,converter:Dt,reflect:!1,hasChanged:oo},si=(i=ai,e,t)=>{const{kind:o,metadata:r}=t;let a=globalThis.litPropertyMetadata.get(r);if(a===void 0&&globalThis.litPropertyMetadata.set(r,a=new Map),o==="setter"&&((i=Object.create(i)).wrapped=!0),a.set(t.name,i),o==="accessor"){const{name:s}=t;return{set(l){const c=e.get.call(this);e.set.call(this,l),this.requestUpdate(s,c,i,!0,l)},init(l){return l!==void 0&&this.C(s,void 0,i,l),l}}}if(o==="setter"){const{name:s}=t;return function(l){const c=this[s];e.call(this,l),this.requestUpdate(s,c,i,!0,l)}}throw Error("Unsupported decorator location: "+o)};function d(i){return(e,t)=>typeof t=="object"?si(i,e,t):((o,r,a)=>{const s=r.hasOwnProperty(a);return r.constructor.createProperty(a,o),s?Object.getOwnPropertyDescriptor(r,a):void 0})(i,e,t)}function y(i){return d(Pe(we({},i),{state:!0,attribute:!1}))}const ni=(i,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(i,e,t),t);function Z(i,e){return(t,o,r)=>{const a=s=>{var l,c;return(c=(l=s.renderRoot)==null?void 0:l.querySelector(i))!=null?c:null};return ni(t,o,{get(){return a(this)}})}}const li='.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.25rem;letter-spacing:-.14px;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;box-sizing:border-box}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:1rem;line-height:1;flex-shrink:0}.button--sm{padding:var(--spacing-0-5) var(--spacing-2)}.button--sm.button--icon-only{min-height:24px;width:24px;padding:0}.button--md{padding:var(--spacing-1-5) var(--spacing-3)}.button--md.button--icon-only{min-height:32px;width:32px;padding:0}.button--lg{padding:var(--spacing-2-5) var(--spacing-3)}.button--lg.button--icon-only{min-height:40px;width:40px;padding:0}.button--solid.button--primary{background-color:var(--color-primary);color:var(--color-primary-color, #ffffff)}.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--primary:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--secondary{background-color:var(--color-secondary);color:var(--color-secondary-color)}.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--solid.button--secondary:disabled{background-color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--success{background-color:var(--color-success);color:var(--color-secondary-color)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active)}.button--solid.button--success:disabled{background-color:var(--color-success-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-secondary-color)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active)}.button--solid.button--danger:disabled{background-color:var(--color-danger-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--info{background-color:var(--color-info);color:var(--color-secondary-color)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active)}.button--solid.button--info:disabled{background-color:var(--color-info-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-secondary-color)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active)}.button--solid.button--warning:disabled{background-color:var(--color-warning-disabled);cursor:not-allowed;pointer-events:none}.button--outline{font-weight:var(--font-weight-medium);border:1px solid var(--color-border);background-color:var(--color-body-bg)}.button--outline:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--outline:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--outline:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--outline.button--primary{color:var(--color-primary);border-color:var(--color-border)}.button--outline.button--primary:disabled{color:var(--color-primary-disabled);border-color:var(--color-primary-disabled);opacity:1}.button--outline.button--secondary{color:var(--color-secondary);border-color:var(--color-border)}.button--outline.button--secondary:disabled{color:var(--color-secondary-disabled);border-color:var(--color-secondary-border-subtle);opacity:1}.button--outline.button--success{color:var(--color-success);border-color:var(--color-success-border)}.button--outline.button--success:disabled{color:var(--color-success-disabled);border-color:var(--color-success-border-subtle);opacity:1}.button--outline.button--danger{color:var(--color-danger);border-color:var(--color-danger-border)}.button--outline.button--danger:disabled{color:var(--color-danger-disabled);border-color:var(--color-danger-disabled);opacity:1}.button--outline.button--info{color:var(--color-info);border-color:var(--color-info-border)}.button--outline.button--info:disabled{color:var(--color-info-disabled);border-color:var(--color-info-border-subtle);opacity:1}.button--outline.button--warning{color:var(--color-warning-emphasis);border-color:var(--color-warning-border)}.button--outline.button--warning:disabled{color:var(--color-warning-disabled);border-color:var(--color-warning-border-subtle);opacity:1}.button--text{font-weight:var(--font-weight-medium);background-color:transparent;border:none}.button--text:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--text:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--text:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--text{background-color:transparent;border:none}.button--text.button--primary{color:var(--color-primary)}.button--text.button--primary:disabled{color:var(--color-primary-disabled);opacity:1}.button--text.button--secondary{color:var(--color-secondary)}.button--text.button--secondary:disabled{color:var(--color-secondary-disabled);opacity:1}.button--text.button--success{color:var(--color-success)}.button--text.button--success:disabled{color:var(--color-success-disabled);opacity:1}.button--text.button--danger{color:var(--color-danger)}.button--text.button--danger:disabled{color:var(--color-danger-disabled);opacity:1}.button--text.button--info{color:var(--color-info)}.button--text.button--info:disabled{color:var(--color-info-disabled);opacity:1}.button--text.button--warning{color:var(--color-warning-emphasis)}.button--text.button--warning:disabled{color:var(--color-warning-disabled);opacity:1}';var ci=Object.defineProperty,di=Object.getOwnPropertyDescriptor,Je=(i,e,t,o)=>{for(var r=o>1?void 0:o?di(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&ci(e,t,r),r};n.Button=class extends P{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 p`
|
|
1
|
+
(function(a,P){typeof exports=="object"&&typeof module!="undefined"?P(exports,require("dayjs")):typeof define=="function"&&define.amd?define(["exports","dayjs"],P):(a=typeof globalThis!="undefined"?globalThis:a||self,P(a.LogosphereUI={},a.dayjs))})(this,(function(a,P){"use strict";var Rn=Object.defineProperty,jn=Object.defineProperties;var Yn=Object.getOwnPropertyDescriptors;var Vi=Object.getOwnPropertySymbols;var Nn=Object.prototype.hasOwnProperty,Fn=Object.prototype.propertyIsEnumerable;var Ui=(a,P,re)=>P in a?Rn(a,P,{enumerable:!0,configurable:!0,writable:!0,value:re}):a[P]=re,$e=(a,P)=>{for(var re in P||(P={}))Nn.call(P,re)&&Ui(a,re,P[re]);if(Vi)for(var re of Vi(P))Fn.call(P,re)&&Ui(a,re,P[re]);return a},Me=(a,P)=>jn(a,Yn(P));var Mi,Ti,Li,Oi,Bi,Ii;const re=globalThis,so=re.ShadowRoot&&(re.ShadyCSS===void 0||re.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ao=Symbol(),Mo=new WeakMap;let To=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==ao)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(so&&e===void 0){const o=t!==void 0&&t.length===1;o&&(e=Mo.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&Mo.set(t,e))}return e}toString(){return this.cssText}};const A=r=>new To(typeof r=="string"?r:r+"",void 0,ao),D=(r,...e)=>{const t=r.length===1?r[0]:e.reduce((o,i,s)=>o+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+r[s+1],r[0]);return new To(t,r,ao)},qi=(r,e)=>{if(so)r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const t of e){const o=document.createElement("style"),i=re.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=t.cssText,r.appendChild(o)}},Lo=so?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return A(t)})(r):r;const{is:Zi,defineProperty:Wi,getOwnPropertyDescriptor:Ki,getOwnPropertyNames:Gi,getOwnPropertySymbols:Xi,getPrototypeOf:Ji}=Object,Te=globalThis,Oo=Te.trustedTypes,Qi=Oo?Oo.emptyScript:"",no=Te.reactiveElementPolyfillSupport,bt=(r,e)=>r,Ht={toAttribute(r,e){switch(e){case Boolean:r=r?Qi:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let 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(o){t=null}}return t}},lo=(r,e)=>!Zi(r,e),Bo={attribute:!0,type:String,converter:Ht,reflect:!1,useDefault:!1,hasChanged:lo};(Mi=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(Ti=Te.litPropertyMetadata)!=null||(Te.litPropertyMetadata=new WeakMap);let Qe=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=Bo){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 o=Symbol(),i=this.getPropertyDescriptor(e,o,t);i!==void 0&&Wi(this.prototype,e,i)}}static getPropertyDescriptor(e,t,o){var n;const{get:i,set:s}=(n=Ki(this.prototype,e))!=null?n:{get(){return this[t]},set(d){this[t]=d}};return{get:i,set(d){const c=i==null?void 0:i.call(this);s==null||s.call(this,d),this.requestUpdate(e,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){var t;return(t=this.elementProperties.get(e))!=null?t:Bo}static _$Ei(){if(this.hasOwnProperty(bt("elementProperties")))return;const e=Ji(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(bt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(bt("properties"))){const t=this.properties,o=[...Gi(t),...Xi(t)];for(const i of o)this.createProperty(i,t[i])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[o,i]of t)this.elementProperties.set(o,i)}this._$Eh=new Map;for(const[t,o]of this.elementProperties){const i=this._$Eu(t,o);i!==void 0&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const i of o)t.unshift(Lo(i))}else e!==void 0&&t.push(Lo(e));return t}static _$Eu(e,t){const o=t.attribute;return o===!1?void 0:typeof o=="string"?o: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,o;((t=this._$EO)!=null?t:this._$EO=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)==null||o.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const o of t.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){var t;const e=(t=this.shadowRoot)!=null?t:this.attachShadow(this.constructor.shadowRootOptions);return qi(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(o=>{var i;return(i=o.hostConnected)==null?void 0:i.call(o)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var o;return(o=t.hostDisconnected)==null?void 0:o.call(t)})}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$ET(e,t){var s;const o=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,o);if(i!==void 0&&o.reflect===!0){const n=(((s=o.converter)==null?void 0:s.toAttribute)!==void 0?o.converter:Ht).toAttribute(t,o.type);this._$Em=e,n==null?this.removeAttribute(i):this.setAttribute(i,n),this._$Em=null}}_$AK(e,t){var s,n,d;const o=this.constructor,i=o._$Eh.get(e);if(i!==void 0&&this._$Em!==i){const c=o.getPropertyOptions(i),u=typeof c.converter=="function"?{fromAttribute:c.converter}:((s=c.converter)==null?void 0:s.fromAttribute)!==void 0?c.converter:Ht;this._$Em=i;const h=u.fromAttribute(t,c.type);this[i]=(d=h!=null?h:(n=this._$Ej)==null?void 0:n.get(i))!=null?d:h,this._$Em=null}}requestUpdate(e,t,o,i=!1,s){var n,d;if(e!==void 0){const c=this.constructor;if(i===!1&&(s=this[e]),o!=null||(o=c.getPropertyOptions(e)),!(((n=o.hasChanged)!=null?n:lo)(s,t)||o.useDefault&&o.reflect&&s===((d=this._$Ej)==null?void 0:d.get(e))&&!this.hasAttribute(c._$Eu(e,o))))return;this.C(e,t,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,t,{useDefault:o,reflect:i,wrapped:s},n){var d,c,u;o&&!((d=this._$Ej)!=null?d:this._$Ej=new Map).has(e)&&(this._$Ej.set(e,(c=n!=null?n:t)!=null?c:this[e]),s!==!0||n!==void 0)||(this._$AL.has(e)||(this.hasUpdated||o||(t=void 0),this._$AL.set(e,t)),i===!0&&this._$Em!==e&&((u=this._$Eq)!=null?u: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 o,i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((o=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,d]of this._$Ep)this[n]=d;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[n,d]of s){const{wrapped:c}=d,u=this[n];c!==!0||this._$AL.has(n)||u===void 0||this.C(n,void 0,d,u)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(i=this._$EO)==null||i.forEach(s=>{var n;return(n=s.hostUpdate)==null?void 0:n.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(o=>{var i;return(i=o.hostUpdated)==null?void 0:i.call(o)}),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){}};Qe.elementStyles=[],Qe.shadowRootOptions={mode:"open"},Qe[bt("elementProperties")]=new Map,Qe[bt("finalized")]=new Map,no==null||no({ReactiveElement:Qe}),((Li=Te.reactiveElementVersions)!=null?Li:Te.reactiveElementVersions=[]).push("2.1.2");const _t=globalThis,Io=r=>r,Rt=_t.trustedTypes,Ho=Rt?Rt.createPolicy("lit-html",{createHTML:r=>r}):void 0,Ro="$lit$",Le=`lit$${Math.random().toFixed(9).slice(2)}$`,jo="?"+Le,er=`<${jo}>`,Ne=document,vt=()=>Ne.createComment(""),mt=r=>r===null||typeof r!="object"&&typeof r!="function",co=Array.isArray,tr=r=>co(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",po=`[
|
|
2
|
+
\f\r]`,yt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Yo=/-->/g,No=/>/g,Fe=RegExp(`>|${po}(?:([^\\s"'>=/]+)(${po}*=${po}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Fo=/'/g,Vo=/"/g,Uo=/^(?:script|style|textarea|title)$/i,or=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),p=or(1),pe=Symbol.for("lit-noChange"),f=Symbol.for("lit-nothing"),qo=new WeakMap,Ve=Ne.createTreeWalker(Ne,129);function Zo(r,e){if(!co(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ho!==void 0?Ho.createHTML(e):e}const ir=(r,e)=>{const t=r.length-1,o=[];let i,s=e===2?"<svg>":e===3?"<math>":"",n=yt;for(let d=0;d<t;d++){const c=r[d];let u,h,g=-1,b=0;for(;b<c.length&&(n.lastIndex=b,h=n.exec(c),h!==null);)b=n.lastIndex,n===yt?h[1]==="!--"?n=Yo:h[1]!==void 0?n=No:h[2]!==void 0?(Uo.test(h[2])&&(i=RegExp("</"+h[2],"g")),n=Fe):h[3]!==void 0&&(n=Fe):n===Fe?h[0]===">"?(n=i!=null?i:yt,g=-1):h[1]===void 0?g=-2:(g=n.lastIndex-h[2].length,u=h[1],n=h[3]===void 0?Fe:h[3]==='"'?Vo:Fo):n===Vo||n===Fo?n=Fe:n===Yo||n===No?n=yt:(n=Fe,i=void 0);const v=n===Fe&&r[d+1].startsWith("/>")?" ":"";s+=n===yt?c+er:g>=0?(o.push(u),c.slice(0,g)+Ro+c.slice(g)+Le+v):c+Le+(g===-2?d:v)}return[Zo(r,s+(r[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),o]};class wt{constructor({strings:e,_$litType$:t},o){let i;this.parts=[];let s=0,n=0;const d=e.length-1,c=this.parts,[u,h]=ir(e,t);if(this.el=wt.createElement(u,o),Ve.currentNode=this.el.content,t===2||t===3){const g=this.el.content.firstChild;g.replaceWith(...g.childNodes)}for(;(i=Ve.nextNode())!==null&&c.length<d;){if(i.nodeType===1){if(i.hasAttributes())for(const g of i.getAttributeNames())if(g.endsWith(Ro)){const b=h[n++],v=i.getAttribute(g).split(Le),w=/([.?@])?(.*)/.exec(b);c.push({type:1,index:s,name:w[2],strings:v,ctor:w[1]==="."?sr:w[1]==="?"?ar:w[1]==="@"?nr:jt}),i.removeAttribute(g)}else g.startsWith(Le)&&(c.push({type:6,index:s}),i.removeAttribute(g));if(Uo.test(i.tagName)){const g=i.textContent.split(Le),b=g.length-1;if(b>0){i.textContent=Rt?Rt.emptyScript:"";for(let v=0;v<b;v++)i.append(g[v],vt()),Ve.nextNode(),c.push({type:2,index:++s});i.append(g[b],vt())}}}else if(i.nodeType===8)if(i.data===jo)c.push({type:2,index:s});else{let g=-1;for(;(g=i.data.indexOf(Le,g+1))!==-1;)c.push({type:7,index:s}),g+=Le.length-1}s++}}static createElement(e,t){const o=Ne.createElement("template");return o.innerHTML=e,o}}function et(r,e,t=r,o){var n,d,c;if(e===pe)return e;let i=o!==void 0?(n=t._$Co)==null?void 0:n[o]:t._$Cl;const s=mt(e)?void 0:e._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((d=i==null?void 0:i._$AO)==null||d.call(i,!1),s===void 0?i=void 0:(i=new s(r),i._$AT(r,t,o)),o!==void 0?((c=t._$Co)!=null?c:t._$Co=[])[o]=i:t._$Cl=i),i!==void 0&&(e=et(r,i._$AS(r,e.values),i,o)),e}class rr{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 u;const{el:{content:t},parts:o}=this._$AD,i=((u=e==null?void 0:e.creationScope)!=null?u:Ne).importNode(t,!0);Ve.currentNode=i;let s=Ve.nextNode(),n=0,d=0,c=o[0];for(;c!==void 0;){if(n===c.index){let h;c.type===2?h=new tt(s,s.nextSibling,this,e):c.type===1?h=new c.ctor(s,c.name,c.strings,this,e):c.type===6&&(h=new lr(s,this,e)),this._$AV.push(h),c=o[++d]}n!==(c==null?void 0:c.index)&&(s=Ve.nextNode(),n++)}return Ve.currentNode=Ne,i}p(e){let t=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}}class tt{get _$AU(){var e,t;return(t=(e=this._$AM)==null?void 0:e._$AU)!=null?t:this._$Cv}constructor(e,t,o,i){var s;this.type=2,this._$AH=f,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=i,this._$Cv=(s=i==null?void 0:i.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=et(this,e,t),mt(e)?e===f||e==null||e===""?(this._$AH!==f&&this._$AR(),this._$AH=f):e!==this._$AH&&e!==pe&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):tr(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!==f&&mt(this._$AH)?this._$AA.nextSibling.data=e:this.T(Ne.createTextNode(e)),this._$AH=e}$(e){var s;const{values:t,_$litType$:o}=e,i=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=wt.createElement(Zo(o.h,o.h[0]),this.options)),o);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(t);else{const n=new rr(i,this),d=n.u(this.options);n.p(t),this.T(d),this._$AH=n}}_$AC(e){let t=qo.get(e.strings);return t===void 0&&qo.set(e.strings,t=new wt(e)),t}k(e){co(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let o,i=0;for(const s of e)i===t.length?t.push(o=new tt(this.O(vt()),this.O(vt()),this,this.options)):o=t[i],o._$AI(s),i++;i<t.length&&(this._$AR(o&&o._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,t);e!==this._$AB;){const i=Io(e).nextSibling;Io(e).remove(),e=i}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class jt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,i,s){this.type=1,this._$AH=f,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=f}_$AI(e,t=this,o,i){const s=this.strings;let n=!1;if(s===void 0)e=et(this,e,t,0),n=!mt(e)||e!==this._$AH&&e!==pe,n&&(this._$AH=e);else{const d=e;let c,u;for(e=s[0],c=0;c<s.length-1;c++)u=et(this,d[o+c],t,c),u===pe&&(u=this._$AH[c]),n||(n=!mt(u)||u!==this._$AH[c]),u===f?e=f:e!==f&&(e+=(u!=null?u:"")+s[c+1]),this._$AH[c]=u}n&&!i&&this.j(e)}j(e){e===f?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}}class sr extends jt{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===f?void 0:e}}class ar extends jt{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==f)}}class nr extends jt{constructor(e,t,o,i,s){super(e,t,o,i,s),this.type=5}_$AI(e,t=this){var n;if((e=(n=et(this,e,t,0))!=null?n:f)===pe)return;const o=this._$AH,i=e===f&&o!==f||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,s=e!==f&&(o===f||i);i&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,o;typeof this._$AH=="function"?this._$AH.call((o=(t=this.options)==null?void 0:t.host)!=null?o:this.element,e):this._$AH.handleEvent(e)}}class lr{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){et(this,e)}}const dr={I:tt},ho=_t.litHtmlPolyfillSupport;ho==null||ho(wt,tt),((Oi=_t.litHtmlVersions)!=null?Oi:_t.litHtmlVersions=[]).push("3.3.2");const cr=(r,e,t)=>{var s,n;const o=(s=t==null?void 0:t.renderBefore)!=null?s:e;let i=o._$litPart$;if(i===void 0){const d=(n=t==null?void 0:t.renderBefore)!=null?n:null;o._$litPart$=i=new tt(e.insertBefore(vt(),d),d,void 0,t!=null?t:{})}return i._$AI(r),i};const Ue=globalThis;let z=class extends Qe{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,o;const e=super.createRenderRoot();return(o=(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=cr(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 pe}};z._$litElement$=!0,z.finalized=!0,(Bi=Ue.litElementHydrateSupport)==null||Bi.call(Ue,{LitElement:z});const uo=Ue.litElementPolyfillSupport;uo==null||uo({LitElement:z}),((Ii=Ue.litElementVersions)!=null?Ii:Ue.litElementVersions=[]).push("4.2.2");const L=r=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(r,e)}):customElements.define(r,e)};const pr={attribute:!0,type:String,converter:Ht,reflect:!1,hasChanged:lo},hr=(r=pr,e,t)=>{const{kind:o,metadata:i}=t;let s=globalThis.litPropertyMetadata.get(i);if(s===void 0&&globalThis.litPropertyMetadata.set(i,s=new Map),o==="setter"&&((r=Object.create(r)).wrapped=!0),s.set(t.name,r),o==="accessor"){const{name:n}=t;return{set(d){const c=e.get.call(this);e.set.call(this,d),this.requestUpdate(n,c,r,!0,d)},init(d){return d!==void 0&&this.C(n,void 0,r,d),d}}}if(o==="setter"){const{name:n}=t;return function(d){const c=this[n];e.call(this,d),this.requestUpdate(n,c,r,!0,d)}}throw Error("Unsupported decorator location: "+o)};function l(r){return(e,t)=>typeof t=="object"?hr(r,e,t):((o,i,s)=>{const n=i.hasOwnProperty(s);return i.constructor.createProperty(s,o),n?Object.getOwnPropertyDescriptor(i,s):void 0})(r,e,t)}function m(r){return l(Me($e({},r),{state:!0,attribute:!1}))}const ur=(r,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(r,e,t),t);function V(r,e){return(t,o,i)=>{const s=n=>{var d,c;return(c=(d=n.renderRoot)==null?void 0:d.querySelector(r))!=null?c:null};return ur(t,o,{get(){return s(this)}})}}const gr='.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.25rem;letter-spacing:-.14px;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;box-sizing:border-box}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:1rem;line-height:1;flex-shrink:0}.button--sm{padding:var(--spacing-0-5) var(--spacing-2)}.button--sm.button--icon-only{min-height:24px;width:24px;padding:0}.button--md{padding:var(--spacing-1-5) var(--spacing-3)}.button--md.button--icon-only{min-height:32px;width:32px;padding:0}.button--lg{padding:var(--spacing-2-5) var(--spacing-3)}.button--lg.button--icon-only{min-height:40px;width:40px;padding:0}.button--solid.button--primary{background-color:var(--color-primary);color:var(--color-primary-color, #ffffff)}.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--primary:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--secondary{background-color:var(--color-secondary);color:var(--color-secondary-color)}.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--solid.button--secondary:disabled{background-color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--success{background-color:var(--color-success);color:var(--color-secondary-color)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active)}.button--solid.button--success:disabled{background-color:var(--color-success-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-secondary-color)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active)}.button--solid.button--danger:disabled{background-color:var(--color-danger-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--info{background-color:var(--color-info);color:var(--color-secondary-color)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active)}.button--solid.button--info:disabled{background-color:var(--color-info-disabled);cursor:not-allowed;pointer-events:none}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-secondary-color)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active)}.button--solid.button--warning:disabled{background-color:var(--color-warning-disabled);cursor:not-allowed;pointer-events:none}.button--outline{font-weight:var(--font-weight-medium);border:1px solid var(--color-border);background-color:var(--color-body-bg)}.button--outline:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--outline:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--outline:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--outline.button--primary{color:var(--color-primary);border-color:var(--color-border)}.button--outline.button--primary:disabled{color:var(--color-primary-disabled);border-color:var(--color-primary-disabled);opacity:1}.button--outline.button--secondary{color:var(--color-secondary);border-color:var(--color-border)}.button--outline.button--secondary:disabled{color:var(--color-secondary-disabled);border-color:var(--color-secondary-border-subtle);opacity:1}.button--outline.button--success{color:var(--color-success);border-color:var(--color-success-border)}.button--outline.button--success:disabled{color:var(--color-success-disabled);border-color:var(--color-success-border-subtle);opacity:1}.button--outline.button--danger{color:var(--color-danger);border-color:var(--color-danger-border)}.button--outline.button--danger:disabled{color:var(--color-danger-disabled);border-color:var(--color-danger-disabled);opacity:1}.button--outline.button--info{color:var(--color-info);border-color:var(--color-info-border)}.button--outline.button--info:disabled{color:var(--color-info-disabled);border-color:var(--color-info-border-subtle);opacity:1}.button--outline.button--warning{color:var(--color-warning-emphasis);border-color:var(--color-warning-border)}.button--outline.button--warning:disabled{color:var(--color-warning-disabled);border-color:var(--color-warning-border-subtle);opacity:1}.button--text{font-weight:var(--font-weight-medium);background-color:transparent;border:none}.button--text:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.button--text:active:not(:disabled){background-color:var(--color-body-bg-active)}.button--text:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button--text{background-color:transparent;border:none}.button--text.button--primary{color:var(--color-primary)}.button--text.button--primary:disabled{color:var(--color-primary-disabled);opacity:1}.button--text.button--secondary{color:var(--color-secondary)}.button--text.button--secondary:disabled{color:var(--color-secondary-disabled);opacity:1}.button--text.button--success{color:var(--color-success)}.button--text.button--success:disabled{color:var(--color-success-disabled);opacity:1}.button--text.button--danger{color:var(--color-danger)}.button--text.button--danger:disabled{color:var(--color-danger-disabled);opacity:1}.button--text.button--info{color:var(--color-info)}.button--text.button--info:disabled{color:var(--color-info-disabled);opacity:1}.button--text.button--warning{color:var(--color-warning-emphasis)}.button--text.button--warning:disabled{color:var(--color-warning-disabled);opacity:1}';var fr=Object.defineProperty,br=Object.getOwnPropertyDescriptor,ot=(r,e,t,o)=>{for(var i=o>1?void 0:o?br(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&fr(e,t,i),i};a.Button=class extends z{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 p`
|
|
4
4
|
<button
|
|
5
5
|
class="${this.getButtonClasses()}"
|
|
6
6
|
?disabled="${this.disabled}"
|
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
<slot></slot>
|
|
10
10
|
<slot name="suffix"></slot>
|
|
11
11
|
</button>
|
|
12
|
-
`}},n.Button.styles=[H`${I(li)}`],Je([d({type:String})],n.Button.prototype,"variant",2),Je([d({type:String})],n.Button.prototype,"size",2),Je([d({type:String})],n.Button.prototype,"theme",2),Je([d({type:Boolean})],n.Button.prototype,"iconOnly",2),Je([d({type:Boolean})],n.Button.prototype,"disabled",2),n.Button=Je([V("logosphere-button")],n.Button);const hi=".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:11px;font-weight:var(--font-weight-medium);line-height:1rem;letter-spacing:-.11px;border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{min-height:24px;max-height:24px;padding:var(--spacing-0) var(--spacing-2)}.badge--small{min-height:16px;max-height:16px;padding:0 var(--spacing-2)}.badge--round{border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary);color:var(--color-secondary-color, #ffffff)}.badge--default{background-color:var(--color-light-bg-2);color:var(--color-secondary)}.badge--warning{background-color:var( --color-warning-subtle);color:var(--color-warning-emphasis)}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success-emphasis)}.badge--danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge--info{background-color:var(--color-info-subtle);color:var(--color-info-emphasis)}.badge--purple{background-color:var(--color-commercial-subtle);color:var(--color-commercial-emphasis)}.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 xe={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4},Ot=i=>(...e)=>({_$litDirective$:i,values:e});let Bt=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this._$Ct=e,this._$AM=t,this._$Ci=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};class no extends Bt{constructor(e){if(super(e),this.it=b,e.type!==xe.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===b||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:[]}}}no.directiveName="unsafeHTML",no.resultType=1;const lo=Ot(no),pi={"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-clock":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.09814,12.63379,13,11.42285V7a1,1,0,0,0-2,0v5a.99985.99985,0,0,0,.5.86621l2.59814,1.5a1.00016,1.00016,0,1,0,1-1.73242ZM12,2A10,10,0,1,0,22,12,10.01114,10.01114,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20Z"/></svg>',"uil-check":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z"/></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-calendar-alt":'<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24"><path d="M12,19a1,1,0,1,0-1-1A1,1,0,0,0,12,19Zm5,0a1,1,0,1,0-1-1A1,1,0,0,0,17,19Zm0-4a1,1,0,1,0-1-1A1,1,0,0,0,17,15Zm-5,0a1,1,0,1,0-1-1A1,1,0,0,0,12,15ZM19,3H18V2a1,1,0,0,0-2,0V3H8V2A1,1,0,0,0,6,2V3H5A3,3,0,0,0,2,6V20a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V6A3,3,0,0,0,19,3Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V11H20ZM20,9H4V6A1,1,0,0,1,5,5H6V6A1,1,0,0,0,8,6V5h8V6a1,1,0,0,0,2,0V5h1a1,1,0,0,1,1,1ZM7,15a1,1,0,1,0-1-1A1,1,0,0,0,7,15Zm0,4a1,1,0,1,0-1-1A1,1,0,0,0,7,19Z"/></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-arrow-up":'<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24"><path d="M17.71,11.29l-5-5a1,1,0,0,0-.33-.21,1,1,0,0,0-.76,0,1,1,0,0,0-.33.21l-5,5a1,1,0,0,0,1.42,1.42L11,9.41V17a1,1,0,0,0,2,0V9.41l3.29,3.3a1,1,0,0,0,1.42,0A1,1,0,0,0,17.71,11.29Z"/></svg>',"uil-arrow-down":'<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24"><path d="M17.71,11.29a1,1,0,0,0-1.42,0L13,14.59V7a1,1,0,0,0-2,0v7.59l-3.29-3.3a1,1,0,0,0-1.42,1.42l5,5a1,1,0,0,0,.33.21.94.94,0,0,0,.76,0,1,1,0,0,0,.33-.21l5-5A1,1,0,0,0,17.71,11.29Z"/></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-angle-left":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.29,12l3.54-3.54a1,1,0,0,0,0-1.41,1,1,0,0,0-1.42,0L9.17,11.29a1,1,0,0,0,0,1.42L13.41,17a1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41Z"/></svg>',"uil-angle-right":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.83,11.29,10.59,7.05a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41L12.71,12,9.17,15.54a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29l4.24-4.24A1,1,0,0,0,14.83,11.29Z"/></svg>',"uil-angle-double-left":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.46,8.29a1,1,0,0,0-1.42,0l-3,3a1,1,0,0,0,0,1.42l3,3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L9.16,12l2.3-2.29A1,1,0,0,0,11.46,8.29ZM14.66,12,17,9.71a1,1,0,0,0-1.42-1.42l-3,3a1,1,0,0,0,0,1.42l3,3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"/></svg>',"uil-angle-double-right":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.46,8.29A1,1,0,1,0,7,9.71L9.34,12,7,14.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l3-3a1,1,0,0,0,0-1.42Zm8.5,3-3-3a1,1,0,0,0-1.42,1.42L14.84,12l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l3-3A1,1,0,0,0,17,11.29Z"/></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>',"uil-check-circle":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.72,8.79l-4.29,4.3L8.78,11.44a1,1,0,1,0-1.41,1.41l2.35,2.36a1,1,0,0,0,.71.29,1,1,0,0,0,.7-.29l5-5a1,1,0,0,0,0-1.42A1,1,0,0,0,14.72,8.79ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/></svg>',"uil-exclamation-triangle":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,16a1,1,0,1,0,1,1A1,1,0,0,0,12,16Zm10.67,1.47-8.05-14a3,3,0,0,0-5.24,0l-8,14A3,3,0,0,0,3.94,22H20.06a3,3,0,0,0,2.61-4.53Zm-1.73,2a1,1,0,0,1-.88.51H3.94a1,1,0,0,1-.88-.51,1,1,0,0,1,0-1l8-14a1,1,0,0,1,1.78,0l8.05,14A1,1,0,0,1,20.94,19.49ZM12,8a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V9A1,1,0,0,0,12,8Z"/></svg>',"uil-exclamation-octagon":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,7a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V8A1,1,0,0,0,12,7Zm0,8a1,1,0,1,0,1,1A1,1,0,0,0,12,15Zm9.71-7.44L16.44,2.29A1.05,1.05,0,0,0,15.73,2H8.27a1.05,1.05,0,0,0-.71.29L2.29,7.56A1.05,1.05,0,0,0,2,8.27v7.46a1.05,1.05,0,0,0,.29.71l5.27,5.27a1.05,1.05,0,0,0,.71.29h7.46a1.05,1.05,0,0,0,.71-.29l5.27-5.27a1.05,1.05,0,0,0,.29-.71V8.27A1.05,1.05,0,0,0,21.71,7.56ZM20,15.31,15.31,20H8.69L4,15.31V8.69L8.69,4h6.62L20,8.69Z"/></svg>',"uil-info-circle":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2A10,10,0,1,0,22,12,10.01114,10.01114,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20Zm0-8.5a1,1,0,0,0-1,1v3a1,1,0,0,0,2,0v-3A1,1,0,0,0,12,11.5Zm0-4a1.25,1.25,0,1,0,1.25,1.25A1.25,1.25,0,0,0,12,7.5Z"/></svg>'},Gt=class Gt extends P{constructor(){super(...arguments),this.name="",this.size=20}render(){const e=pi[this.name];return e?p`
|
|
12
|
+
`}},a.Button.styles=[D`${A(gr)}`],ot([l({type:String})],a.Button.prototype,"variant",2),ot([l({type:String})],a.Button.prototype,"size",2),ot([l({type:String})],a.Button.prototype,"theme",2),ot([l({type:Boolean})],a.Button.prototype,"iconOnly",2),ot([l({type:Boolean})],a.Button.prototype,"disabled",2),a.Button=ot([L("logosphere-button")],a.Button);const _r=".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:11px;font-weight:var(--font-weight-medium);line-height:1rem;letter-spacing:-.11px;border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{min-height:24px;max-height:24px;padding:var(--spacing-0) var(--spacing-2)}.badge--small{min-height:16px;max-height:16px;padding:0 var(--spacing-2)}.badge--round{border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary);color:var(--color-secondary-color, #ffffff)}.badge--default{background-color:var(--color-light-bg-2);color:var(--color-secondary)}.badge--warning{background-color:var( --color-warning-subtle);color:var(--color-warning-emphasis)}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success-emphasis)}.badge--danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge--info{background-color:var(--color-info-subtle);color:var(--color-info-emphasis)}.badge--purple{background-color:var(--color-commercial-subtle);color:var(--color-commercial-emphasis)}.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 ke={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4},Yt=r=>(...e)=>({_$litDirective$:r,values:e});let Nt=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this._$Ct=e,this._$AM=t,this._$Ci=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};class go extends Nt{constructor(e){if(super(e),this.it=f,e.type!==ke.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===f||e==null)return this._t=void 0,this.it=e;if(e===pe)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:[]}}}go.directiveName="unsafeHTML",go.resultType=1;const fo=Yt(go),vr={"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-clock":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.09814,12.63379,13,11.42285V7a1,1,0,0,0-2,0v5a.99985.99985,0,0,0,.5.86621l2.59814,1.5a1.00016,1.00016,0,1,0,1-1.73242ZM12,2A10,10,0,1,0,22,12,10.01114,10.01114,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20Z"/></svg>',"uil-check":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z"/></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-calendar-alt":'<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24"><path d="M12,19a1,1,0,1,0-1-1A1,1,0,0,0,12,19Zm5,0a1,1,0,1,0-1-1A1,1,0,0,0,17,19Zm0-4a1,1,0,1,0-1-1A1,1,0,0,0,17,15Zm-5,0a1,1,0,1,0-1-1A1,1,0,0,0,12,15ZM19,3H18V2a1,1,0,0,0-2,0V3H8V2A1,1,0,0,0,6,2V3H5A3,3,0,0,0,2,6V20a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V6A3,3,0,0,0,19,3Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V11H20ZM20,9H4V6A1,1,0,0,1,5,5H6V6A1,1,0,0,0,8,6V5h8V6a1,1,0,0,0,2,0V5h1a1,1,0,0,1,1,1ZM7,15a1,1,0,1,0-1-1A1,1,0,0,0,7,15Zm0,4a1,1,0,1,0-1-1A1,1,0,0,0,7,19Z"/></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-arrow-up":'<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24"><path d="M17.71,11.29l-5-5a1,1,0,0,0-.33-.21,1,1,0,0,0-.76,0,1,1,0,0,0-.33.21l-5,5a1,1,0,0,0,1.42,1.42L11,9.41V17a1,1,0,0,0,2,0V9.41l3.29,3.3a1,1,0,0,0,1.42,0A1,1,0,0,0,17.71,11.29Z"/></svg>',"uil-arrow-down":'<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24"><path d="M17.71,11.29a1,1,0,0,0-1.42,0L13,14.59V7a1,1,0,0,0-2,0v7.59l-3.29-3.3a1,1,0,0,0-1.42,1.42l5,5a1,1,0,0,0,.33.21.94.94,0,0,0,.76,0,1,1,0,0,0,.33-.21l5-5A1,1,0,0,0,17.71,11.29Z"/></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-angle-left":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.29,12l3.54-3.54a1,1,0,0,0,0-1.41,1,1,0,0,0-1.42,0L9.17,11.29a1,1,0,0,0,0,1.42L13.41,17a1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41Z"/></svg>',"uil-angle-right":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.83,11.29,10.59,7.05a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41L12.71,12,9.17,15.54a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29l4.24-4.24A1,1,0,0,0,14.83,11.29Z"/></svg>',"uil-angle-double-left":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.46,8.29a1,1,0,0,0-1.42,0l-3,3a1,1,0,0,0,0,1.42l3,3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L9.16,12l2.3-2.29A1,1,0,0,0,11.46,8.29ZM14.66,12,17,9.71a1,1,0,0,0-1.42-1.42l-3,3a1,1,0,0,0,0,1.42l3,3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"/></svg>',"uil-angle-double-right":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.46,8.29A1,1,0,1,0,7,9.71L9.34,12,7,14.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l3-3a1,1,0,0,0,0-1.42Zm8.5,3-3-3a1,1,0,0,0-1.42,1.42L14.84,12l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l3-3A1,1,0,0,0,17,11.29Z"/></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>',"uil-check-circle":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.72,8.79l-4.29,4.3L8.78,11.44a1,1,0,1,0-1.41,1.41l2.35,2.36a1,1,0,0,0,.71.29,1,1,0,0,0,.7-.29l5-5a1,1,0,0,0,0-1.42A1,1,0,0,0,14.72,8.79ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/></svg>',"uil-exclamation-triangle":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,16a1,1,0,1,0,1,1A1,1,0,0,0,12,16Zm10.67,1.47-8.05-14a3,3,0,0,0-5.24,0l-8,14A3,3,0,0,0,3.94,22H20.06a3,3,0,0,0,2.61-4.53Zm-1.73,2a1,1,0,0,1-.88.51H3.94a1,1,0,0,1-.88-.51,1,1,0,0,1,0-1l8-14a1,1,0,0,1,1.78,0l8.05,14A1,1,0,0,1,20.94,19.49ZM12,8a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V9A1,1,0,0,0,12,8Z"/></svg>',"uil-exclamation-octagon":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,7a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V8A1,1,0,0,0,12,7Zm0,8a1,1,0,1,0,1,1A1,1,0,0,0,12,15Zm9.71-7.44L16.44,2.29A1.05,1.05,0,0,0,15.73,2H8.27a1.05,1.05,0,0,0-.71.29L2.29,7.56A1.05,1.05,0,0,0,2,8.27v7.46a1.05,1.05,0,0,0,.29.71l5.27,5.27a1.05,1.05,0,0,0,.71.29h7.46a1.05,1.05,0,0,0,.71-.29l5.27-5.27a1.05,1.05,0,0,0,.29-.71V8.27A1.05,1.05,0,0,0,21.71,7.56ZM20,15.31,15.31,20H8.69L4,15.31V8.69L8.69,4h6.62L20,8.69Z"/></svg>',"uil-info-circle":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2A10,10,0,1,0,22,12,10.01114,10.01114,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20Zm0-8.5a1,1,0,0,0-1,1v3a1,1,0,0,0,2,0v-3A1,1,0,0,0,12,11.5Zm0-4a1.25,1.25,0,1,0,1.25,1.25A1.25,1.25,0,0,0,12,7.5Z"/></svg>'},oo=class oo extends z{constructor(){super(...arguments),this.name="",this.size=20}render(){const e=vr[this.name];return e?p`
|
|
13
13
|
<span
|
|
14
14
|
style="font-size: ${this.size}px;"
|
|
15
15
|
aria-hidden="true"
|
|
16
16
|
>
|
|
17
|
-
${
|
|
17
|
+
${fo(e)}
|
|
18
18
|
</span>
|
|
19
|
-
`:p``}};
|
|
19
|
+
`:p``}};oo.properties={name:{type:String},size:{type:Number}},oo.styles=D`
|
|
20
20
|
:host {
|
|
21
21
|
display: inline-flex;
|
|
22
22
|
align-items: center;
|
|
@@ -30,19 +30,19 @@
|
|
|
30
30
|
height: 1em;
|
|
31
31
|
fill: currentColor;
|
|
32
32
|
}
|
|
33
|
-
`;let
|
|
33
|
+
`;let bo=oo;customElements.define("ui-icon",bo);var mr=Object.defineProperty,yr=Object.getOwnPropertyDescriptor,qe=(r,e,t,o)=>{for(var i=o>1?void 0:o?yr(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&mr(e,t,i),i};a.LogosphereBadge=class extends z{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 p`
|
|
34
34
|
<div class="${this.getBadgeClasses()}">
|
|
35
35
|
<slot></slot>
|
|
36
|
-
${this.text?p`<span>${this.text}</span>`:
|
|
36
|
+
${this.text?p`<span>${this.text}</span>`:f}
|
|
37
37
|
${this.closeable?p`
|
|
38
38
|
<button class="badge__close" @click=${this.handleClose} aria-label="Close">
|
|
39
39
|
<ui-icon size="16" name="uil-times"></ui-icon>
|
|
40
40
|
</button>
|
|
41
|
-
`:
|
|
41
|
+
`:f}
|
|
42
42
|
</div>
|
|
43
|
-
`}},
|
|
44
|
-
${
|
|
45
|
-
`],
|
|
43
|
+
`}},a.LogosphereBadge.styles=[D`
|
|
44
|
+
${A(_r)}
|
|
45
|
+
`],qe([l({type:String})],a.LogosphereBadge.prototype,"variant",2),qe([l({type:String})],a.LogosphereBadge.prototype,"size",2),qe([l({type:String})],a.LogosphereBadge.prototype,"text",2),qe([l({type:Boolean})],a.LogosphereBadge.prototype,"closeable",2),qe([l({type:Boolean})],a.LogosphereBadge.prototype,"isRound",2),qe([l({attribute:!1})],a.LogosphereBadge.prototype,"onClose",2),a.LogosphereBadge=qe([L("logosphere-badge")],a.LogosphereBadge);const{I:wr}=dr,Wo=r=>r,Ko=r=>r.strings===void 0,Go=()=>document.createComment(""),xt=(r,e,t)=>{var s;const o=r._$AA.parentNode,i=e===void 0?r._$AB:e._$AA;if(t===void 0){const n=o.insertBefore(Go(),i),d=o.insertBefore(Go(),i);t=new wr(n,d,r,r.options)}else{const n=t._$AB.nextSibling,d=t._$AM,c=d!==r;if(c){let u;(s=t._$AQ)==null||s.call(t,r),t._$AM=r,t._$AP!==void 0&&(u=r._$AU)!==d._$AU&&t._$AP(u)}if(n!==i||c){let u=t._$AA;for(;u!==n;){const h=Wo(u).nextSibling;Wo(o).insertBefore(u,i),u=h}}}return t},Ze=(r,e,t=r)=>(r._$AI(e,t),r),xr={},Xo=(r,e=xr)=>r._$AH=e,$r=r=>r._$AH,_o=r=>{r._$AR(),r._$AA.remove()};const $t=(r,e)=>{var o;const t=r._$AN;if(t===void 0)return!1;for(const i of t)(o=i._$AO)==null||o.call(i,e,!1),$t(i,e);return!0},Ft=r=>{let e,t;do{if((e=r._$AM)===void 0)break;t=e._$AN,t.delete(r),r=e}while((t==null?void 0:t.size)===0)},Jo=r=>{for(let e;e=r._$AM;r=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(r))break;t.add(r),Sr(e)}};function kr(r){this._$AN!==void 0?(Ft(this),this._$AM=r,Jo(this)):this._$AM=r}function Cr(r,e=!1,t=0){const o=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(e)if(Array.isArray(o))for(let s=t;s<o.length;s++)$t(o[s],!1),Ft(o[s]);else o!=null&&($t(o,!1),Ft(o));else $t(this,r)}const Sr=r=>{var e,t;r.type==ke.CHILD&&((e=r._$AP)!=null||(r._$AP=Cr),(t=r._$AQ)!=null||(r._$AQ=kr))};class Er extends Nt{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,o){super._$AT(e,t,o),Jo(this),this.isConnected=e._$AU}_$AO(e,t=!0){var o,i;e!==this.isConnected&&(this.isConnected=e,e?(o=this.reconnected)==null||o.call(this):(i=this.disconnected)==null||i.call(this)),t&&($t(this,e),Ft(this))}setValue(e){if(Ko(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 vo=new WeakMap,Qo=Yt(class extends Er{render(r){return f}update(r,[e]){var o;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=(o=r.options)==null?void 0:o.host,this.rt(this.ct=r.element)),f}rt(r){var e;if(this.isConnected||(r=void 0),typeof this.G=="function"){const t=(e=this.ht)!=null?e:globalThis;let o=vo.get(t);o===void 0&&(o=new WeakMap,vo.set(t,o)),o.get(this.G)!==void 0&&this.G.call(this.ht,void 0),o.set(this.G,r),r!==void 0&&this.G.call(this.ht,r)}else this.G.value=r}get lt(){var r,e,t;return typeof this.G=="function"?(e=vo.get((r=this.ht)!=null?r: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)}}),Pr='.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 zr=Object.defineProperty,Ar=Object.getOwnPropertyDescriptor,Oe=(r,e,t,o)=>{for(var i=o>1?void 0:o?Ar(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&zr(e,t,i),i};a.Checkbox=class extends z{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 p`
|
|
46
46
|
<div
|
|
47
47
|
class="checkbox-wrapper ${this.disabled?"checkbox-wrapper--disabled":""}"
|
|
48
48
|
@click=${this.toggleChecked}
|
|
@@ -53,10 +53,10 @@
|
|
|
53
53
|
.checked=${this.internalChecked}
|
|
54
54
|
?disabled=${this.disabled}
|
|
55
55
|
.value=${this.value}
|
|
56
|
-
${
|
|
56
|
+
${Qo(t=>this.inputElement=t)}
|
|
57
57
|
/>
|
|
58
58
|
<span class="${e}"></span>
|
|
59
|
-
${this.label?p`<span class="checkbox-label">${this.label}</span>`:
|
|
59
|
+
${this.label?p`<span class="checkbox-label">${this.label}</span>`:f}
|
|
60
60
|
</div>
|
|
61
61
|
`}renderSwitch(){return p`
|
|
62
62
|
<div
|
|
@@ -69,16 +69,16 @@
|
|
|
69
69
|
.checked=${this.internalChecked}
|
|
70
70
|
?disabled=${this.disabled}
|
|
71
71
|
.value=${this.value}
|
|
72
|
-
${
|
|
72
|
+
${Qo(e=>this.inputElement=e)}
|
|
73
73
|
/>
|
|
74
74
|
<div class="switch-track ${this.internalChecked?"switch-track--checked":""}">
|
|
75
75
|
<div class="switch-thumb"></div>
|
|
76
76
|
</div>
|
|
77
|
-
${this.label?p`<span class="checkbox-label">${this.label}</span>`:
|
|
77
|
+
${this.label?p`<span class="checkbox-label">${this.label}</span>`:f}
|
|
78
78
|
</div>
|
|
79
|
-
`}render(){return this.type==="switch"?this.renderSwitch():this.renderCheckbox()}},
|
|
80
|
-
${
|
|
81
|
-
`],
|
|
79
|
+
`}render(){return this.type==="switch"?this.renderSwitch():this.renderCheckbox()}},a.Checkbox.styles=[D`
|
|
80
|
+
${A(Pr)}
|
|
81
|
+
`],Oe([l({type:String})],a.Checkbox.prototype,"label",2),Oe([l({type:String})],a.Checkbox.prototype,"value",2),Oe([l({type:Boolean})],a.Checkbox.prototype,"checked",2),Oe([l({type:String})],a.Checkbox.prototype,"type",2),Oe([l({type:Boolean})],a.Checkbox.prototype,"disabled",2),Oe([l({type:Boolean})],a.Checkbox.prototype,"indeterminate",2),Oe([m()],a.Checkbox.prototype,"internalChecked",2),a.Checkbox=Oe([L("logosphere-checkbox")],a.Checkbox);const Dr=":host{display:block}.formfield{position:relative;font-family:var(--font-family-base)}.formfield__label{display:block;font-size:12px;line-height:1.125rem;letter-spacing:-.12px;font-weight:var(--font-weight-medium);color:var(--color-tertiary);margin-bottom:var(--spacing-1)}.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(--formfield-border-radius, var(--radius-base));border-top:var(--formfield-border-top, var(--formfield-border-top-width, 1px) solid var(--formfield-border-color, var(--color-border)));border-right:var(--formfield-border-right, var(--formfield-border-right-width, 1px) solid var(--formfield-border-color, var(--color-border)));border-bottom:var(--formfield-border-bottom, var(--formfield-border-bottom-width, 1px) solid var(--formfield-border-color, var(--color-border)));border-left:var(--formfield-border-left, var(--formfield-border-left-width, 1px) solid var(--formfield-border-color, 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--multiline{align-items:flex-start;min-height:64px;padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}import .formfield__container--hovered:not(.formfield__container--focused):not(.formfield__container--error):not(.formfield__container--disabled){background-color:var(--color-light)}.formfield__container--focused{border-color:var(--color-body-text);background-color:var(--color-body-bg)}.formfield__container--error{border-color:var(--color-danger)}.formfield__container--disabled{background-color:var(--color-body-bg);opacity:.4;cursor:not-allowed;pointer-events:none}.formfield__container--subtle:not(.formfield__container--focused):not(.formfield__container--error){border-color:transparent;background-color:var(--color-light)}.formfield__input-area{flex:1;min-width:0;display:flex;align-items:center}.formfield__container--multiline .formfield__input-area{align-items:flex-start;align-self:stretch}.formfield__prefix,.formfield__clear,.formfield__suffix{display:flex;align-items:center;flex-shrink:0;align-self:stretch}.formfield__container--multiline .formfield__clear,.formfield__container--multiline .formfield__suffix{align-items:flex-start}.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:11px;line-height:1rem;letter-spacing:-.11px;font-weight:var(--font-weight-regular);color:var(--color-tertiary);margin-top:var(--spacing-1)}.formfield__error{font-size:11px;line-height:1rem;letter-spacing:-.11px;font-weight:var(--font-weight-regular);color:var(--color-danger);margin-top:var(--spacing-1)}::slotted(input),::slotted(textarea){width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;line-height:1.25rem;letter-spacing:-.14px;color:var(--color-body-text)}::slotted(input:disabled),::slotted(textarea:disabled){cursor:not-allowed}";var Mr=Object.defineProperty,Tr=Object.getOwnPropertyDescriptor,K=(r,e,t,o)=>{for(var i=o>1?void 0:o?Tr(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&Mr(e,t,i),i};a.FormField=class extends z{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.multiline=!1,this.forceFocused=!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 o=(s=this.shadowRoot)==null?void 0:s.querySelector("slot:not([name])"),i=o==null?void 0:o.assignedElements({flatten:!0}).find(n=>["INPUT","TEXTAREA","SELECT"].includes(n.tagName));i==null||i.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 o,i;const e=(o=this.shadowRoot)==null?void 0:o.querySelector('slot[name="prefix"]'),t=(i=this.shadowRoot)==null?void 0:i.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,o=["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||this.forceFocused?"formfield__container--focused":"",this._hovered?"formfield__container--hovered":"",this.disabled?"formfield__container--disabled":"",this.variant==="subtle"?"formfield__container--subtle":"",this.multiline?"formfield__container--multiline":""].filter(Boolean).join(" ");return p`
|
|
82
82
|
<div class="formfield">
|
|
83
83
|
${this.label?p`
|
|
84
84
|
<label class="formfield__label">
|
|
@@ -110,7 +110,114 @@
|
|
|
110
110
|
${t?p`<div class="formfield__helper">${this.helper}</div>`:""}
|
|
111
111
|
${e?p`<div class="formfield__error">${this.error}</div>`:""}
|
|
112
112
|
</div>
|
|
113
|
-
`}},
|
|
113
|
+
`}},a.FormField.styles=[D`${A(Dr)}`],K([l({type:String})],a.FormField.prototype,"label",2),K([l({type:String})],a.FormField.prototype,"helper",2),K([l({type:String})],a.FormField.prototype,"error",2),K([l({type:String})],a.FormField.prototype,"placeholder",2),K([l({type:String})],a.FormField.prototype,"size",2),K([l({type:String})],a.FormField.prototype,"variant",2),K([l({type:String})],a.FormField.prototype,"cursor",2),K([l({type:Boolean})],a.FormField.prototype,"required",2),K([l({type:Boolean})],a.FormField.prototype,"disabled",2),K([l({type:Boolean})],a.FormField.prototype,"readonly",2),K([l({type:Boolean})],a.FormField.prototype,"multiline",2),K([l({type:Boolean})],a.FormField.prototype,"forceFocused",2),K([m()],a.FormField.prototype,"_focused",2),K([m()],a.FormField.prototype,"_hovered",2),K([m()],a.FormField.prototype,"_hasPrefix",2),K([m()],a.FormField.prototype,"_hasSuffix",2),a.FormField=K([L("logosphere-formfield")],a.FormField);const Lr=':host{display:block}.slider{position:relative;width:100%;font-family:var(--font-family-base)}.slider--has-tooltip .slider__track-area{margin-top:var(--spacing-8)}.slider__track-area{position:relative;height:20px;display:flex;align-items:center}.slider__track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-border);pointer-events:none}.slider__fill{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-primary);pointer-events:none}.slider__input{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:6px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;pointer-events:none;outline:none}.slider__input::-webkit-slider-runnable-track{background:transparent;height:6px}.slider__input::-moz-range-track{background:transparent;height:6px}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input:not(:disabled):focus-visible::-webkit-slider-thumb{outline:none;box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider__input:not(:disabled):focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider--disabled .slider__track{background:var(--color-border)}.slider--disabled .slider__fill{background:var(--color-primary-disabled)}.slider--disabled .slider__input{cursor:not-allowed}.slider--disabled .slider__input::-webkit-slider-thumb{background:var(--color-body-bg);border-color:var(--color-border);pointer-events:all;cursor:not-allowed;box-shadow:none}.slider--disabled .slider__input::-moz-range-thumb{background:var(--color-body-bg);border-color:var(--color-secondary-disabled);cursor:not-allowed;box-shadow:none}.slider--disabled .slider__scale-item{color:var(--color-secondary-disabled)}.slider--disabled .slider__scale-item:before{background:var(--color-secondary-disabled)}.slider--disabled .slider__tooltip{color:var(--color-secondary-disabled);border-color:var(--color-secondary-disabled)}.slider__tooltip{position:absolute;top:-34px;transform:translate(-50%);background:var(--color-body-bg);border:1px solid var(--color-border);color:var(--color-body-color);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);white-space:nowrap;pointer-events:none;z-index:var(--z-index-tooltip);line-height:var(--line-height-normal)}.slider__scale{position:relative;height:26px;margin-top:var(--spacing-1)}.slider__scale-item{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-tertiary);font-family:var(--font-family-base);font-weight:var(--font-weight-regular);white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none}.slider__scale-item:before{content:"";display:block;width:1px;height:6px;background:var(--color-border);flex-shrink:0}.slider__input--start,.slider__input--end{position:absolute;pointer-events:none}.slider__input--start::-webkit-slider-thumb,.slider__input--end::-webkit-slider-thumb{pointer-events:all}.slider__input--start::-moz-range-thumb,.slider__input--end::-moz-range-thumb{pointer-events:all}';var Or=Object.defineProperty,Br=Object.getOwnPropertyDescriptor,Q=(r,e,t,o)=>{for(var i=o>1?void 0:o?Br(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&Or(e,t,i),i};a.Slider=class extends z{constructor(){super(...arguments),this.value=50,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.range=!1,this.rangeStart=25,this.rangeEnd=75,this.minDistance=0,this.tooltip="never",this.showScale=!1,this.percentage=!1,this.labels=[],this._hoverStart=!1,this._hoverEnd=!1}get _isLabeled(){return this.labels.length>0}get _effectiveStep(){return this._isLabeled&&this.labels.length>1?(this.max-this.min)/(this.labels.length-1):this.step}get _valuePct(){return(this.value-this.min)/(this.max-this.min)*100}get _startPct(){return(this.rangeStart-this.min)/(this.max-this.min)*100}get _endPct(){return(this.rangeEnd-this.min)/(this.max-this.min)*100}get _displayValue(){var e;if(this._isLabeled){const t=Math.round((this.value-this.min)/this._effectiveStep);return(e=this.labels[Math.min(t,this.labels.length-1)])!=null?e:String(this.value)}return this.percentage?`${Math.round(this.value)}%`:String(this.value)}get _displayStart(){return this.percentage?`${Math.round(this.rangeStart)}%`:String(this.rangeStart)}get _displayEnd(){return this.percentage?`${Math.round(this.rangeEnd)}%`:String(this.rangeEnd)}_thumbLeft(e){return`calc(${e}% + ${(.5-e/100)*16}px)`}_onSingleChange(e){const t=e.target;this.value=Number(t.value),this._emit("change",{value:this.value})}_onStartChange(e){const t=e.target,o=Math.min(Number(t.value),this.rangeEnd-this.minDistance);this.rangeStart=o,this._emit("change",{rangeStart:this.rangeStart,rangeEnd:this.rangeEnd})}_onEndChange(e){const t=e.target,o=Math.max(Number(t.value),this.rangeStart+this.minDistance);this.rangeEnd=o,this._emit("change",{rangeStart:this.rangeStart,rangeEnd:this.rangeEnd})}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}_renderFill(){return this.range?p`
|
|
114
|
+
<div
|
|
115
|
+
class="slider__fill"
|
|
116
|
+
style="left: ${this._startPct}%; width: ${this._endPct-this._startPct}%"
|
|
117
|
+
></div>
|
|
118
|
+
`:p`<div class="slider__fill" style="width: ${this._valuePct}%"></div>`}_renderTooltip(e,t,o){return this.tooltip==="never"||this.tooltip==="hover"&&!o?f:p`
|
|
119
|
+
<div class="slider__tooltip" style="left: ${this._thumbLeft(t)}">${e}</div>
|
|
120
|
+
`}_renderScale(){if(!this.showScale)return f;const e=this.max-this.min,t=Math.min(Math.round(e/this.step)+1,11),o=Array.from({length:t},(i,s)=>{const n=t>1?s/(t-1)*100:0,d=this.min+n/100*e,c=this.percentage?`${Math.round(d)}%`:String(Math.round(d));return{pct:n,display:c}});return p`
|
|
121
|
+
<div class="slider__scale">
|
|
122
|
+
${o.map(({pct:i,display:s})=>p`
|
|
123
|
+
<span class="slider__scale-item" style="left: ${this._thumbLeft(i)}">${s}</span>
|
|
124
|
+
`)}
|
|
125
|
+
</div>
|
|
126
|
+
`}_renderLabels(){if(!this._isLabeled)return f;const e=this.labels.length;return p`
|
|
127
|
+
<div class="slider__scale">
|
|
128
|
+
${this.labels.map((t,o)=>{const i=e>1?o/(e-1)*100:0;return p`
|
|
129
|
+
<span class="slider__scale-item" style="left: ${this._thumbLeft(i)}">${t}</span>
|
|
130
|
+
`})}
|
|
131
|
+
</div>
|
|
132
|
+
`}_renderSingleInput(){const e=this.tooltip==="always"||this.tooltip==="hover"&&this._hoverStart;return p`
|
|
133
|
+
<div class="slider__track-area">
|
|
134
|
+
<div class="slider__track"></div>
|
|
135
|
+
${this._renderFill()}
|
|
136
|
+
${this._renderTooltip(this._displayValue,this._valuePct,e)}
|
|
137
|
+
<input
|
|
138
|
+
type="range"
|
|
139
|
+
class="slider__input"
|
|
140
|
+
.value=${String(this.value)}
|
|
141
|
+
min=${this.min}
|
|
142
|
+
max=${this.max}
|
|
143
|
+
step=${this._effectiveStep}
|
|
144
|
+
?disabled=${this.disabled}
|
|
145
|
+
@input=${this._onSingleChange}
|
|
146
|
+
@mouseenter=${()=>{this._hoverStart=!0}}
|
|
147
|
+
@mouseleave=${()=>{this._hoverStart=!1}}
|
|
148
|
+
@focus=${()=>{this._hoverStart=!0}}
|
|
149
|
+
@blur=${()=>{this._hoverStart=!1}}
|
|
150
|
+
aria-label="Slider"
|
|
151
|
+
aria-valuemin=${this.min}
|
|
152
|
+
aria-valuemax=${this.max}
|
|
153
|
+
aria-valuenow=${this.value}
|
|
154
|
+
aria-valuetext=${this._displayValue}
|
|
155
|
+
aria-disabled=${this.disabled}
|
|
156
|
+
/>
|
|
157
|
+
</div>
|
|
158
|
+
`}_renderRangeInputs(){const e=this.tooltip==="always"||this.tooltip==="hover"&&this._hoverStart,t=this.tooltip==="always"||this.tooltip==="hover"&&this._hoverEnd,o=this._startPct>=100?4:3,i=this._startPct>=100?3:4;return p`
|
|
159
|
+
<div class="slider__track-area">
|
|
160
|
+
<div class="slider__track"></div>
|
|
161
|
+
${this._renderFill()}
|
|
162
|
+
${this._renderTooltip(this._displayStart,this._startPct,e)}
|
|
163
|
+
${this._renderTooltip(this._displayEnd,this._endPct,t)}
|
|
164
|
+
<input
|
|
165
|
+
type="range"
|
|
166
|
+
class="slider__input slider__input--start"
|
|
167
|
+
style="z-index: ${o}"
|
|
168
|
+
.value=${String(this.rangeStart)}
|
|
169
|
+
min=${this.min}
|
|
170
|
+
max=${this.max}
|
|
171
|
+
step=${this._effectiveStep}
|
|
172
|
+
?disabled=${this.disabled}
|
|
173
|
+
@input=${this._onStartChange}
|
|
174
|
+
@mouseenter=${()=>{this._hoverStart=!0}}
|
|
175
|
+
@mouseleave=${()=>{this._hoverStart=!1}}
|
|
176
|
+
@focus=${()=>{this._hoverStart=!0}}
|
|
177
|
+
@blur=${()=>{this._hoverStart=!1}}
|
|
178
|
+
aria-label="Range start"
|
|
179
|
+
aria-valuemin=${this.min}
|
|
180
|
+
aria-valuemax=${this.max}
|
|
181
|
+
aria-valuenow=${this.rangeStart}
|
|
182
|
+
aria-valuetext=${this._displayStart}
|
|
183
|
+
aria-disabled=${this.disabled}
|
|
184
|
+
/>
|
|
185
|
+
<input
|
|
186
|
+
type="range"
|
|
187
|
+
class="slider__input slider__input--end"
|
|
188
|
+
style="z-index: ${i}"
|
|
189
|
+
.value=${String(this.rangeEnd)}
|
|
190
|
+
min=${this.min}
|
|
191
|
+
max=${this.max}
|
|
192
|
+
step=${this._effectiveStep}
|
|
193
|
+
?disabled=${this.disabled}
|
|
194
|
+
@input=${this._onEndChange}
|
|
195
|
+
@mouseenter=${()=>{this._hoverEnd=!0}}
|
|
196
|
+
@mouseleave=${()=>{this._hoverEnd=!1}}
|
|
197
|
+
@focus=${()=>{this._hoverEnd=!0}}
|
|
198
|
+
@blur=${()=>{this._hoverEnd=!1}}
|
|
199
|
+
aria-label="Range end"
|
|
200
|
+
aria-valuemin=${this.min}
|
|
201
|
+
aria-valuemax=${this.max}
|
|
202
|
+
aria-valuenow=${this.rangeEnd}
|
|
203
|
+
aria-valuetext=${this._displayEnd}
|
|
204
|
+
aria-disabled=${this.disabled}
|
|
205
|
+
/>
|
|
206
|
+
</div>
|
|
207
|
+
`}render(){const e=this.tooltip!=="never",t=this.showScale||this._isLabeled;return p`
|
|
208
|
+
<div
|
|
209
|
+
class="slider
|
|
210
|
+
${this.disabled?"slider--disabled":""}
|
|
211
|
+
${e?"slider--has-tooltip":""}
|
|
212
|
+
${t?"slider--has-below":""}
|
|
213
|
+
"
|
|
214
|
+
role="presentation"
|
|
215
|
+
>
|
|
216
|
+
${this.range?this._renderRangeInputs():this._renderSingleInput()}
|
|
217
|
+
${this._renderScale()}
|
|
218
|
+
${this._renderLabels()}
|
|
219
|
+
</div>
|
|
220
|
+
`}},a.Slider.styles=[D`${A(Lr)}`],Q([l({type:Number})],a.Slider.prototype,"value",2),Q([l({type:Number})],a.Slider.prototype,"min",2),Q([l({type:Number})],a.Slider.prototype,"max",2),Q([l({type:Number})],a.Slider.prototype,"step",2),Q([l({type:Boolean})],a.Slider.prototype,"disabled",2),Q([l({type:Boolean})],a.Slider.prototype,"range",2),Q([l({type:Number})],a.Slider.prototype,"rangeStart",2),Q([l({type:Number})],a.Slider.prototype,"rangeEnd",2),Q([l({type:Number})],a.Slider.prototype,"minDistance",2),Q([l({type:String})],a.Slider.prototype,"tooltip",2),Q([l({type:Boolean})],a.Slider.prototype,"showScale",2),Q([l({type:Boolean})],a.Slider.prototype,"percentage",2),Q([l({type:Array})],a.Slider.prototype,"labels",2),Q([m()],a.Slider.prototype,"_hoverStart",2),Q([m()],a.Slider.prototype,"_hoverEnd",2),a.Slider=Q([L("logosphere-slider")],a.Slider);const Ir=":host{display:inline-block}.switch{display:inline-flex;align-items:center;position:relative;cursor:pointer}.switch--md{width:36px;height:20px}.switch--sm{width:28px;height:16px}.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:16px;cursor:pointer;transition:background-color var(--transition-speed-base) var(--transition-timing);background-color:var(--color-tertiary)}.switch__track--on{background-color:var(--color-primary)}.switch__track--disabled{cursor:not-allowed}.switch__track--disabled-off{background-color:var(--color-secondary-disabled)}.switch__track--disabled-on{background-color:var(--color-primary-disabled)}.switch__thumb{position:absolute;background-color:#fff;border-radius:50%;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:12px;height:12px}";var Hr=Object.defineProperty,Rr=Object.getOwnPropertyDescriptor,kt=(r,e,t,o)=>{for(var i=o>1?void 0:o?Rr(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&Hr(e,t,i),i};a.Switch=class extends z{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(" "),o=this.size==="sm"?12:16,i=this.checked?`translateX(${o}px)`:"translateX(0)";return p`
|
|
114
221
|
<label class="${e}">
|
|
115
222
|
<input
|
|
116
223
|
class="switch__input"
|
|
@@ -122,11 +229,11 @@
|
|
|
122
229
|
<div class="${t}">
|
|
123
230
|
<span
|
|
124
231
|
class="switch__thumb"
|
|
125
|
-
style="transform: ${
|
|
232
|
+
style="transform: ${i}"
|
|
126
233
|
></span>
|
|
127
234
|
</div>
|
|
128
235
|
</label>
|
|
129
|
-
`}},
|
|
236
|
+
`}},a.Switch.styles=[D`${A(Ir)}`],kt([l({type:Boolean})],a.Switch.prototype,"checked",2),kt([l({type:Boolean})],a.Switch.prototype,"disabled",2),kt([l({type:String})],a.Switch.prototype,"size",2),kt([V("input")],a.Switch.prototype,"inputElement",2),a.Switch=kt([L("logosphere-switch")],a.Switch);const jr=".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 Yr=Object.defineProperty,Nr=Object.getOwnPropertyDescriptor,ei=(r,e,t,o)=>{for(var i=o>1?void 0:o?Nr(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&Yr(e,t,i),i};a.Breadcrumb=class extends z{constructor(){super(...arguments),this.items=[]}render(){return p`
|
|
130
237
|
<nav>
|
|
131
238
|
<ol class="breadcrumb">
|
|
132
239
|
${this.items.map((e,t)=>p`
|
|
@@ -137,15 +244,15 @@
|
|
|
137
244
|
`)}
|
|
138
245
|
</ol>
|
|
139
246
|
</nav>
|
|
140
|
-
`}},
|
|
247
|
+
`}},a.Breadcrumb.styles=[D`${A(jr)}`],ei([l({type:Array})],a.Breadcrumb.prototype,"items",2),a.Breadcrumb=ei([L("logosphere-breadcrumb")],a.Breadcrumb);const Fr=".card{width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-body-bg);overflow:hidden;box-shadow:0 4px 4px 0 var(--color-light-bg);display:grid;grid-template-rows:auto 1fr auto}.card__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);background-color:var(--color-body-bg)}.card__header--hidden{display:none}.card__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:20px;letter-spacing:-.14px;color:var(--color-body-text);font-family:var(--font-family-base)}.card__description{margin:0;color:var(--color-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:18px;letter-spacing:-.12px;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__footer{padding:var(--spacing-4);display:flex;justify-content:flex-end;align-items:center;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 Vr=Object.defineProperty,Ur=Object.getOwnPropertyDescriptor,Ce=(r,e,t,o)=>{for(var i=o>1?void 0:o?Ur(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&Vr(e,t,i),i};a.Card=class extends z{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 p`
|
|
141
248
|
<div class="card">
|
|
142
249
|
${this.header?p`
|
|
143
250
|
<div class="card__header">
|
|
144
|
-
${this.title?p`<h3 class="card__title">${this.title}</h3>`:
|
|
145
|
-
${this.description?p`<p class="card__description">${this.description}</p>`:
|
|
251
|
+
${this.title?p`<h3 class="card__title">${this.title}</h3>`:f}
|
|
252
|
+
${this.description?p`<p class="card__description">${this.description}</p>`:f}
|
|
146
253
|
<slot name="header"></slot>
|
|
147
254
|
</div>
|
|
148
|
-
`:
|
|
255
|
+
`:f}
|
|
149
256
|
|
|
150
257
|
<div class="card__body">
|
|
151
258
|
<slot></slot>
|
|
@@ -163,7 +270,7 @@
|
|
|
163
270
|
>
|
|
164
271
|
${this.cancelLabel}
|
|
165
272
|
</logosphere-button>
|
|
166
|
-
`:
|
|
273
|
+
`:f}
|
|
167
274
|
${this.onOk?p`
|
|
168
275
|
<logosphere-button
|
|
169
276
|
variant="solid"
|
|
@@ -173,13 +280,13 @@
|
|
|
173
280
|
>
|
|
174
281
|
${this.okLabel}
|
|
175
282
|
</logosphere-button>
|
|
176
|
-
`:
|
|
283
|
+
`:f}
|
|
177
284
|
</div>
|
|
178
|
-
`:
|
|
285
|
+
`:f}
|
|
179
286
|
</div>
|
|
180
|
-
`}},
|
|
181
|
-
${
|
|
182
|
-
`]
|
|
287
|
+
`}},a.Card.styles=[D`
|
|
288
|
+
${A(Fr)}
|
|
289
|
+
`],Ce([l({type:String})],a.Card.prototype,"title",2),Ce([l({type:String})],a.Card.prototype,"description",2),Ce([l({type:Boolean})],a.Card.prototype,"header",2),Ce([l({type:Boolean})],a.Card.prototype,"footer",2),Ce([l({attribute:!1})],a.Card.prototype,"onOk",2),Ce([l({attribute:!1})],a.Card.prototype,"onCancel",2),Ce([l({type:String})],a.Card.prototype,"okLabel",2),Ce([l({type:String})],a.Card.prototype,"cancelLabel",2),a.Card=Ce([L("logosphere-card")],a.Card);const Vt=Yt(class extends Nt{constructor(r){if(super(r),r.type!==ke.PROPERTY&&r.type!==ke.ATTRIBUTE&&r.type!==ke.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Ko(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[e]){if(e===pe||e===f)return e;const t=r.element,o=r.name;if(r.type===ke.PROPERTY){if(e===t[o])return pe}else if(r.type===ke.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(o))return pe}else if(r.type===ke.ATTRIBUTE&&t.getAttribute(o)===e+"")return pe;return Xo(r),e}}),qr=".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 Zr=Object.defineProperty,Wr=Object.getOwnPropertyDescriptor,Y=(r,e,t,o)=>{for(var i=o>1?void 0:o?Wr(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&Zr(e,t,i),i};const ti={0:/\d/,a:/[a-zA-Z]/,"*":/[a-zA-Z0-9]/};function mo(r){return r.split("").filter(e=>/[a-zA-Z0-9]/.test(e)).join("")}function Kr(r,e){let t=0,o="";for(let i=0;i<e.length&&!(t>=r.length);i++){const s=e[i],n=ti[s];if(n){for(;t<r.length&&!n.test(r[t]);)t++;t<r.length&&(o+=r[t++])}else o+=s}return o}function Gr(r,e,t){let o=0;for(let i=0;i<r.length;i++)if(ti[e[i]]&&(o++,o===t))return i+1;return r.length}a.LogosphereInput=class extends z{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.mask="",this._internalError="",this._showPassword=!1,this.handleInput=e=>{var o;const t=e.target;if(this.mask){const i=(o=t.selectionStart)!=null?o:t.value.length,s=mo(t.value.slice(0,i)).length,n=mo(t.value),d=Kr(n,this.mask);t.value=d,this.value=d;const c=Gr(d,this.mask,s);requestAnimationFrame(()=>t.setSelectionRange(c,c))}else this.value=t.value;this._internalError&&(this._internalError="",this._inputElement.setCustomValidity("")),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:this.value,rawValue:this.mask?mo(this.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,o){var i;(i=this._inputElement)==null||i.setSelectionRange(e,t,o)}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)}get _effectivePlaceholder(){return this.placeholder?this.placeholder:this.mask?this.mask.replace(/[0a*]/g,"_"):""}render(){var n,d,c,u,h;const e=this.error||this._internalError,t=!!this.value&&!this.disabled&&!this.readonly,o=this.type==="password",i=o&&this._showPassword?"text":this.type,s=`input__field input__field--${this.size}`;return p`
|
|
183
290
|
<logosphere-formfield
|
|
184
291
|
.label=${this.label}
|
|
185
292
|
.helper=${this.helper}
|
|
@@ -193,21 +300,21 @@
|
|
|
193
300
|
>
|
|
194
301
|
<slot name="prefix" slot="prefix"></slot>
|
|
195
302
|
<input
|
|
196
|
-
class="${
|
|
197
|
-
type=${
|
|
198
|
-
.value=${
|
|
199
|
-
placeholder=${this._effectivePlaceholder||
|
|
200
|
-
name=${this.name||
|
|
201
|
-
autocomplete=${this.autocomplete||
|
|
303
|
+
class="${s}"
|
|
304
|
+
type=${i}
|
|
305
|
+
.value=${Vt(this.value)}
|
|
306
|
+
placeholder=${this._effectivePlaceholder||f}
|
|
307
|
+
name=${this.name||f}
|
|
308
|
+
autocomplete=${this.autocomplete||f}
|
|
202
309
|
?required=${this.required}
|
|
203
310
|
?disabled=${this.disabled}
|
|
204
311
|
?readonly=${this.readonly}
|
|
205
|
-
minlength=${(
|
|
206
|
-
maxlength=${(
|
|
207
|
-
pattern=${this.pattern||
|
|
208
|
-
min=${(c=this.min)!=null?c:
|
|
209
|
-
max=${(u=this.max)!=null?u:
|
|
210
|
-
step=${(h=this.step)!=null?h:
|
|
312
|
+
minlength=${(n=this.minlength)!=null?n:f}
|
|
313
|
+
maxlength=${(d=this.maxlength)!=null?d:f}
|
|
314
|
+
pattern=${this.pattern||f}
|
|
315
|
+
min=${(c=this.min)!=null?c:f}
|
|
316
|
+
max=${(u=this.max)!=null?u:f}
|
|
317
|
+
step=${(h=this.step)!=null?h:f}
|
|
211
318
|
@input=${this.handleInput}
|
|
212
319
|
@change=${this.handleChange}
|
|
213
320
|
@keydown=${this.handleKeyDown}
|
|
@@ -223,7 +330,7 @@
|
|
|
223
330
|
>
|
|
224
331
|
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
225
332
|
</button>
|
|
226
|
-
`:
|
|
333
|
+
`:f}
|
|
227
334
|
${o?p`
|
|
228
335
|
<button
|
|
229
336
|
type="button"
|
|
@@ -234,10 +341,10 @@
|
|
|
234
341
|
>
|
|
235
342
|
<ui-icon name=${this._showPassword?"uil-eye-slash":"uil-eye"} size="16"></ui-icon>
|
|
236
343
|
</button>
|
|
237
|
-
`:
|
|
344
|
+
`:f}
|
|
238
345
|
<slot name="suffix" slot="suffix"></slot>
|
|
239
346
|
</logosphere-formfield>
|
|
240
|
-
`}},n.LogosphereInput.styles=[H`${I(Ii)}`],Y([Z("input")],n.LogosphereInput.prototype,"_inputElement",2),Y([d({type:String})],n.LogosphereInput.prototype,"value",2),Y([d({type:String})],n.LogosphereInput.prototype,"type",2),Y([d({type:String})],n.LogosphereInput.prototype,"placeholder",2),Y([d({type:String})],n.LogosphereInput.prototype,"name",2),Y([d({type:String})],n.LogosphereInput.prototype,"autocomplete",2),Y([d({type:Number})],n.LogosphereInput.prototype,"minlength",2),Y([d({type:Number})],n.LogosphereInput.prototype,"maxlength",2),Y([d({type:String})],n.LogosphereInput.prototype,"pattern",2),Y([d({type:Number})],n.LogosphereInput.prototype,"min",2),Y([d({type:Number})],n.LogosphereInput.prototype,"max",2),Y([d({type:Number})],n.LogosphereInput.prototype,"step",2),Y([d({type:String})],n.LogosphereInput.prototype,"size",2),Y([d({type:String})],n.LogosphereInput.prototype,"variant",2),Y([d({type:String})],n.LogosphereInput.prototype,"label",2),Y([d({type:String})],n.LogosphereInput.prototype,"helper",2),Y([d({type:String})],n.LogosphereInput.prototype,"error",2),Y([d({type:Boolean})],n.LogosphereInput.prototype,"required",2),Y([d({type:Boolean})],n.LogosphereInput.prototype,"disabled",2),Y([d({type:Boolean})],n.LogosphereInput.prototype,"readonly",2),Y([d({type:String})],n.LogosphereInput.prototype,"mask",2),Y([y()],n.LogosphereInput.prototype,"_internalError",2),Y([y()],n.LogosphereInput.prototype,"_showPassword",2),n.LogosphereInput=Y([V("logosphere-input")],n.LogosphereInput);const Ni=":host{display:block;width:100%}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-body-bg);border-top:1px solid var(--color-border);font-family:var(--font-family-base);gap:var(--spacing-4)}.pagination--justify-end{justify-content:flex-end}.pagination--justify-start{justify-content:flex-start}.pagination--justify-center{justify-content:center}.pagination__nav{display:flex;align-items:center;gap:var(--spacing-1)}.pagination__nav-group{display:flex;align-items:center}.pagination__btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;background:transparent;border-radius:var(--radius-base);cursor:pointer;color:var(--color-secondary);transition:background-color .15s ease,color .15s ease,opacity .15s ease}.pagination__btn:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.pagination__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__btn--icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--spacing-2);border:1px solid var(--color-border);background-color:var(--color-body-bg);border-radius:var(--radius-base);cursor:pointer;color:var(--color-secondary);transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.pagination__btn--icon:hover:not(:disabled){background-color:var(--color-body-bg-hover);border-color:var(--color-border-hover)}.pagination__btn--icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination__btn--icon:disabled{opacity:.4;cursor:not-allowed}.pagination__btn--text{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);height:32px;min-width:100px;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);background-color:var(--color-body-bg);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-secondary);cursor:pointer;transition:all .15s ease}.pagination__btn--text:hover:not(:disabled){background-color:var(--color-body-bg-hover);border-color:var(--color-border-hover)}.pagination__btn--text:disabled{color:var(--color-secondary-disabled);cursor:not-allowed}.pagination__btn--number{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);background-color:var(--color-body-bg);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-secondary);cursor:pointer;transition:all .15s ease}.pagination__btn--number:hover:not(:disabled):not(.pagination__btn--active){background-color:var(--color-body-bg-hover)}.pagination__btn--active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff;font-weight:var(--font-weight-semibold)}.pagination__btn--ellipsis{border:none;background:transparent;cursor:default;min-width:32px}.pagination__btn--ellipsis:hover{background:transparent}.pagination__input-container{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.pagination__input{width:100%;height:100%;min-width:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-base);background-color:var(--color-body-bg);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-body-text);text-align:center;outline:none;transition:border-color .15s ease}.pagination__input:focus{border-color:var(--color-primary)}.pagination__input::-webkit-outer-spin-button,.pagination__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination__input[type=number]{-moz-appearance:textfield}.pagination__separator{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-tertiary);line-height:18px;letter-spacing:-.12px;margin-right:var(--spacing-1)}.pagination__info{display:flex;align-items:center;gap:var(--spacing-2)}.pagination__page-info{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);line-height:18px;letter-spacing:-.12px}.pagination__page-info-text{color:var(--color-secondary)}.pagination__page-info-separator{color:var(--color-tertiary)}.pagination__total{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);line-height:18px;letter-spacing:-.12px}.pagination__total-separator{color:var(--color-tertiary)}.pagination__total-text{color:var(--color-secondary)}.pagination__page-size{display:flex;align-items:center}@media(max-width:768px){.pagination{flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.pagination__btn--text{min-width:80px;font-size:var(--font-size-xs)}}@media(max-width:480px){.pagination__nav,.pagination__info{flex-wrap:wrap;justify-content:center}}";var se="top",he="bottom",pe="right",ne="left",fo="auto",wt=[se,he,pe,ne],Qe="start",xt="end",Vi="clippingParents",Go="viewport",$t="popper",Fi="reference",Xo=wt.reduce(function(i,e){return i.concat([e+"-"+Qe,e+"-"+xt])},[]),Jo=[].concat(wt,[fo]).reduce(function(i,e){return i.concat([e,e+"-"+Qe,e+"-"+xt])},[]),Ui="beforeRead",qi="read",Zi="afterRead",Wi="beforeMain",Ki="main",Gi="afterMain",Xi="beforeWrite",Ji="write",Qi="afterWrite",ea=[Ui,qi,Zi,Wi,Ki,Gi,Xi,Ji,Qi];function be(i){return i?(i.nodeName||"").toLowerCase():null}function le(i){if(i==null)return window;if(i.toString()!=="[object Window]"){var e=i.ownerDocument;return e&&e.defaultView||window}return i}function Fe(i){var e=le(i).Element;return i instanceof e||i instanceof Element}function ue(i){var e=le(i).HTMLElement;return i instanceof e||i instanceof HTMLElement}function go(i){if(typeof ShadowRoot=="undefined")return!1;var e=le(i).ShadowRoot;return i instanceof e||i instanceof ShadowRoot}function ta(i){var e=i.state;Object.keys(e.elements).forEach(function(t){var o=e.styles[t]||{},r=e.attributes[t]||{},a=e.elements[t];!ue(a)||!be(a)||(Object.assign(a.style,o),Object.keys(r).forEach(function(s){var l=r[s];l===!1?a.removeAttribute(s):a.setAttribute(s,l===!0?"":l)}))})}function oa(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(o){var r=e.elements[o],a=e.attributes[o]||{},s=Object.keys(e.styles.hasOwnProperty(o)?e.styles[o]:t[o]),l=s.reduce(function(c,u){return c[u]="",c},{});!ue(r)||!be(r)||(Object.assign(r.style,l),Object.keys(a).forEach(function(c){r.removeAttribute(c)}))})}}const ra={name:"applyStyles",enabled:!0,phase:"write",fn:ta,effect:oa,requires:["computeStyles"]};function ve(i){return i.split("-")[0]}var Ue=Math.max,Rt=Math.min,et=Math.round;function mo(){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 Qo(){return!/^((?!chrome|android).)*safari/i.test(mo())}function tt(i,e,t){e===void 0&&(e=!1),t===void 0&&(t=!1);var o=i.getBoundingClientRect(),r=1,a=1;e&&ue(i)&&(r=i.offsetWidth>0&&et(o.width)/i.offsetWidth||1,a=i.offsetHeight>0&&et(o.height)/i.offsetHeight||1);var s=Fe(i)?le(i):window,l=s.visualViewport,c=!Qo()&&t,u=(o.left+(c&&l?l.offsetLeft:0))/r,h=(o.top+(c&&l?l.offsetTop:0))/a,f=o.width/r,g=o.height/a;return{width:f,height:g,top:h,right:u+f,bottom:h+g,left:u,x:u,y:h}}function bo(i){var e=tt(i),t=i.offsetWidth,o=i.offsetHeight;return Math.abs(e.width-t)<=1&&(t=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:i.offsetLeft,y:i.offsetTop,width:t,height:o}}function er(i,e){var t=e.getRootNode&&e.getRootNode();if(i.contains(e))return!0;if(t&&go(t)){var o=e;do{if(o&&i.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function ke(i){return le(i).getComputedStyle(i)}function ia(i){return["table","td","th"].indexOf(be(i))>=0}function Te(i){return((Fe(i)?i.ownerDocument:i.document)||window.document).documentElement}function Yt(i){return be(i)==="html"?i:i.assignedSlot||i.parentNode||(go(i)?i.host:null)||Te(i)}function tr(i){return!ue(i)||ke(i).position==="fixed"?null:i.offsetParent}function aa(i){var e=/firefox/i.test(mo()),t=/Trident/i.test(mo());if(t&&ue(i)){var o=ke(i);if(o.position==="fixed")return null}var r=Yt(i);for(go(r)&&(r=r.host);ue(r)&&["html","body"].indexOf(be(r))<0;){var a=ke(r);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||e&&a.willChange==="filter"||e&&a.filter&&a.filter!=="none")return r;r=r.parentNode}return null}function kt(i){for(var e=le(i),t=tr(i);t&&ia(t)&&ke(t).position==="static";)t=tr(t);return t&&(be(t)==="html"||be(t)==="body"&&ke(t).position==="static")?e:t||aa(i)||e}function vo(i){return["top","bottom"].indexOf(i)>=0?"x":"y"}function Ct(i,e,t){return Ue(i,Rt(e,t))}function sa(i,e,t){var o=Ct(i,e,t);return o>t?t:o}function or(){return{top:0,right:0,bottom:0,left:0}}function rr(i){return Object.assign({},or(),i)}function ir(i,e){return e.reduce(function(t,o){return t[o]=i,t},{})}var na=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,rr(typeof e!="number"?e:ir(e,wt))};function la(i){var e,t=i.state,o=i.name,r=i.options,a=t.elements.arrow,s=t.modifiersData.popperOffsets,l=ve(t.placement),c=vo(l),u=[ne,pe].indexOf(l)>=0,h=u?"height":"width";if(!(!a||!s)){var f=na(r.padding,t),g=bo(a),v=c==="y"?se:ne,w=c==="y"?he:pe,C=t.rects.reference[h]+t.rects.reference[c]-s[c]-t.rects.popper[h],m=s[c]-t.rects.reference[c],_=kt(a),x=_?c==="y"?_.clientHeight||0:_.clientWidth||0:0,$=C/2-m/2,k=f[v],S=x-g[h]-f[w],E=x/2-g[h]/2+$,M=Ct(k,E,S),T=c;t.modifiersData[o]=(e={},e[T]=M,e.centerOffset=M-E,e)}}function ca(i){var e=i.state,t=i.options,o=t.element,r=o===void 0?"[data-popper-arrow]":o;r!=null&&(typeof r=="string"&&(r=e.elements.popper.querySelector(r),!r)||er(e.elements.popper,r)&&(e.elements.arrow=r))}const da={name:"arrow",enabled:!0,phase:"main",fn:la,effect:ca,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ot(i){return i.split("-")[1]}var ha={top:"auto",right:"auto",bottom:"auto",left:"auto"};function pa(i,e){var t=i.x,o=i.y,r=e.devicePixelRatio||1;return{x:et(t*r)/r||0,y:et(o*r)/r||0}}function ar(i){var e,t=i.popper,o=i.popperRect,r=i.placement,a=i.variation,s=i.offsets,l=i.position,c=i.gpuAcceleration,u=i.adaptive,h=i.roundOffsets,f=i.isFixed,g=s.x,v=g===void 0?0:g,w=s.y,C=w===void 0?0:w,m=typeof h=="function"?h({x:v,y:C}):{x:v,y:C};v=m.x,C=m.y;var _=s.hasOwnProperty("x"),x=s.hasOwnProperty("y"),$=ne,k=se,S=window;if(u){var E=kt(t),M="clientHeight",T="clientWidth";if(E===le(t)&&(E=Te(t),ke(E).position!=="static"&&l==="absolute"&&(M="scrollHeight",T="scrollWidth")),E=E,r===se||(r===ne||r===pe)&&a===xt){k=he;var D=f&&E===S&&S.visualViewport?S.visualViewport.height:E[M];C-=D-o.height,C*=c?1:-1}if(r===ne||(r===se||r===he)&&a===xt){$=pe;var L=f&&E===S&&S.visualViewport?S.visualViewport.width:E[T];v-=L-o.width,v*=c?1:-1}}var R=Object.assign({position:l},u&&ha),F=h===!0?pa({x:v,y:C},le(t)):{x:v,y:C};if(v=F.x,C=F.y,c){var O;return Object.assign({},R,(O={},O[k]=x?"0":"",O[$]=_?"0":"",O.transform=(S.devicePixelRatio||1)<=1?"translate("+v+"px, "+C+"px)":"translate3d("+v+"px, "+C+"px, 0)",O))}return Object.assign({},R,(e={},e[k]=x?C+"px":"",e[$]=_?v+"px":"",e.transform="",e))}function ua(i){var e=i.state,t=i.options,o=t.gpuAcceleration,r=o===void 0?!0:o,a=t.adaptive,s=a===void 0?!0:a,l=t.roundOffsets,c=l===void 0?!0:l,u={placement:ve(e.placement),variation:ot(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,ar(Object.assign({},u,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:c})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,ar(Object.assign({},u,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}const fa={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:ua,data:{}};var jt={passive:!0};function ga(i){var e=i.state,t=i.instance,o=i.options,r=o.scroll,a=r===void 0?!0:r,s=o.resize,l=s===void 0?!0:s,c=le(e.elements.popper),u=[].concat(e.scrollParents.reference,e.scrollParents.popper);return a&&u.forEach(function(h){h.addEventListener("scroll",t.update,jt)}),l&&c.addEventListener("resize",t.update,jt),function(){a&&u.forEach(function(h){h.removeEventListener("scroll",t.update,jt)}),l&&c.removeEventListener("resize",t.update,jt)}}const ma={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:ga,data:{}};var ba={left:"right",right:"left",bottom:"top",top:"bottom"};function Nt(i){return i.replace(/left|right|bottom|top/g,function(e){return ba[e]})}var va={start:"end",end:"start"};function sr(i){return i.replace(/start|end/g,function(e){return va[e]})}function _o(i){var e=le(i),t=e.pageXOffset,o=e.pageYOffset;return{scrollLeft:t,scrollTop:o}}function yo(i){return tt(Te(i)).left+_o(i).scrollLeft}function _a(i,e){var t=le(i),o=Te(i),r=t.visualViewport,a=o.clientWidth,s=o.clientHeight,l=0,c=0;if(r){a=r.width,s=r.height;var u=Qo();(u||!u&&e==="fixed")&&(l=r.offsetLeft,c=r.offsetTop)}return{width:a,height:s,x:l+yo(i),y:c}}function ya(i){var e,t=Te(i),o=_o(i),r=(e=i.ownerDocument)==null?void 0:e.body,a=Ue(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),s=Ue(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),l=-o.scrollLeft+yo(i),c=-o.scrollTop;return ke(r||t).direction==="rtl"&&(l+=Ue(t.clientWidth,r?r.clientWidth:0)-a),{width:a,height:s,x:l,y:c}}function wo(i){var e=ke(i),t=e.overflow,o=e.overflowX,r=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+r+o)}function nr(i){return["html","body","#document"].indexOf(be(i))>=0?i.ownerDocument.body:ue(i)&&wo(i)?i:nr(Yt(i))}function St(i,e){var t;e===void 0&&(e=[]);var o=nr(i),r=o===((t=i.ownerDocument)==null?void 0:t.body),a=le(o),s=r?[a].concat(a.visualViewport||[],wo(o)?o:[]):o,l=e.concat(s);return r?l:l.concat(St(Yt(s)))}function xo(i){return Object.assign({},i,{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height})}function wa(i,e){var t=tt(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 lr(i,e,t){return e===Go?xo(_a(i,t)):Fe(e)?wa(e,t):xo(ya(Te(i)))}function xa(i){var e=St(Yt(i)),t=["absolute","fixed"].indexOf(ke(i).position)>=0,o=t&&ue(i)?kt(i):i;return Fe(o)?e.filter(function(r){return Fe(r)&&er(r,o)&&be(r)!=="body"}):[]}function $a(i,e,t,o){var r=e==="clippingParents"?xa(i):[].concat(e),a=[].concat(r,[t]),s=a[0],l=a.reduce(function(c,u){var h=lr(i,u,o);return c.top=Ue(h.top,c.top),c.right=Rt(h.right,c.right),c.bottom=Rt(h.bottom,c.bottom),c.left=Ue(h.left,c.left),c},lr(i,s,o));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function cr(i){var e=i.reference,t=i.element,o=i.placement,r=o?ve(o):null,a=o?ot(o):null,s=e.x+e.width/2-t.width/2,l=e.y+e.height/2-t.height/2,c;switch(r){case se:c={x:s,y:e.y-t.height};break;case he:c={x:s,y:e.y+e.height};break;case pe:c={x:e.x+e.width,y:l};break;case ne:c={x:e.x-t.width,y:l};break;default:c={x:e.x,y:e.y}}var u=r?vo(r):null;if(u!=null){var h=u==="y"?"height":"width";switch(a){case Qe:c[u]=c[u]-(e[h]/2-t[h]/2);break;case xt:c[u]=c[u]+(e[h]/2-t[h]/2);break}}return c}function Et(i,e){e===void 0&&(e={});var t=e,o=t.placement,r=o===void 0?i.placement:o,a=t.strategy,s=a===void 0?i.strategy:a,l=t.boundary,c=l===void 0?Vi:l,u=t.rootBoundary,h=u===void 0?Go:u,f=t.elementContext,g=f===void 0?$t:f,v=t.altBoundary,w=v===void 0?!1:v,C=t.padding,m=C===void 0?0:C,_=rr(typeof m!="number"?m:ir(m,wt)),x=g===$t?Fi:$t,$=i.rects.popper,k=i.elements[w?x:g],S=$a(Fe(k)?k:k.contextElement||Te(i.elements.popper),c,h,s),E=tt(i.elements.reference),M=cr({reference:E,element:$,placement:r}),T=xo(Object.assign({},$,M)),D=g===$t?T:E,L={top:S.top-D.top+_.top,bottom:D.bottom-S.bottom+_.bottom,left:S.left-D.left+_.left,right:D.right-S.right+_.right},R=i.modifiersData.offset;if(g===$t&&R){var F=R[r];Object.keys(L).forEach(function(O){var Q=[pe,he].indexOf(O)>=0?1:-1,ee=[se,he].indexOf(O)>=0?"y":"x";L[O]+=F[ee]*Q})}return L}function ka(i,e){e===void 0&&(e={});var t=e,o=t.placement,r=t.boundary,a=t.rootBoundary,s=t.padding,l=t.flipVariations,c=t.allowedAutoPlacements,u=c===void 0?Jo:c,h=ot(o),f=h?l?Xo:Xo.filter(function(w){return ot(w)===h}):wt,g=f.filter(function(w){return u.indexOf(w)>=0});g.length===0&&(g=f);var v=g.reduce(function(w,C){return w[C]=Et(i,{placement:C,boundary:r,rootBoundary:a,padding:s})[ve(C)],w},{});return Object.keys(v).sort(function(w,C){return v[w]-v[C]})}function Ca(i){if(ve(i)===fo)return[];var e=Nt(i);return[sr(i),e,sr(e)]}function Sa(i){var e=i.state,t=i.options,o=i.name;if(!e.modifiersData[o]._skip){for(var r=t.mainAxis,a=r===void 0?!0:r,s=t.altAxis,l=s===void 0?!0:s,c=t.fallbackPlacements,u=t.padding,h=t.boundary,f=t.rootBoundary,g=t.altBoundary,v=t.flipVariations,w=v===void 0?!0:v,C=t.allowedAutoPlacements,m=e.options.placement,_=ve(m),x=_===m,$=c||(x||!w?[Nt(m)]:Ca(m)),k=[m].concat($).reduce(function(Be,ye){return Be.concat(ve(ye)===fo?ka(e,{placement:ye,boundary:h,rootBoundary:f,padding:u,flipVariations:w,allowedAutoPlacements:C}):ye)},[]),S=e.rects.reference,E=e.rects.popper,M=new Map,T=!0,D=k[0],L=0;L<k.length;L++){var R=k[L],F=ve(R),O=ot(R)===Qe,Q=[se,he].indexOf(F)>=0,ee=Q?"width":"height",q=Et(e,{placement:R,boundary:h,rootBoundary:f,altBoundary:g,padding:u}),te=Q?O?pe:ne:O?he:se;S[ee]>E[ee]&&(te=Nt(te));var me=Nt(te),ae=[];if(a&&ae.push(q[F]<=0),l&&ae.push(q[te]<=0,q[me]<=0),ae.every(function(Be){return Be})){D=R,T=!1;break}M.set(R,ae)}if(T)for(var Ce=w?3:1,oe=function(ye){var Ze=k.find(function(at){var Ae=M.get(at);if(Ae)return Ae.slice(0,ye).every(function(st){return st})});if(Ze)return D=Ze,"break"},Se=Ce;Se>0;Se--){var Ee=oe(Se);if(Ee==="break")break}e.placement!==D&&(e.modifiersData[o]._skip=!0,e.placement=D,e.reset=!0)}}const Ea={name:"flip",enabled:!0,phase:"main",fn:Sa,requiresIfExists:["offset"],data:{_skip:!1}};function dr(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 hr(i){return[se,pe,he,ne].some(function(e){return i[e]>=0})}function Aa(i){var e=i.state,t=i.name,o=e.rects.reference,r=e.rects.popper,a=e.modifiersData.preventOverflow,s=Et(e,{elementContext:"reference"}),l=Et(e,{altBoundary:!0}),c=dr(s,o),u=dr(l,r,a),h=hr(c),f=hr(u);e.modifiersData[t]={referenceClippingOffsets:c,popperEscapeOffsets:u,isReferenceHidden:h,hasPopperEscaped:f},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":f})}const Pa={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Aa};function Ma(i,e,t){var o=ve(i),r=[ne,se].indexOf(o)>=0?-1:1,a=typeof t=="function"?t(Object.assign({},e,{placement:i})):t,s=a[0],l=a[1];return s=s||0,l=(l||0)*r,[ne,pe].indexOf(o)>=0?{x:l,y:s}:{x:s,y:l}}function za(i){var e=i.state,t=i.options,o=i.name,r=t.offset,a=r===void 0?[0,0]:r,s=Jo.reduce(function(h,f){return h[f]=Ma(f,e.rects,a),h},{}),l=s[e.placement],c=l.x,u=l.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=c,e.modifiersData.popperOffsets.y+=u),e.modifiersData[o]=s}const Da={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:za};function Ta(i){var e=i.state,t=i.name;e.modifiersData[t]=cr({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})}const La={name:"popperOffsets",enabled:!0,phase:"read",fn:Ta,data:{}};function Oa(i){return i==="x"?"y":"x"}function Ba(i){var e=i.state,t=i.options,o=i.name,r=t.mainAxis,a=r===void 0?!0:r,s=t.altAxis,l=s===void 0?!1:s,c=t.boundary,u=t.rootBoundary,h=t.altBoundary,f=t.padding,g=t.tether,v=g===void 0?!0:g,w=t.tetherOffset,C=w===void 0?0:w,m=Et(e,{boundary:c,rootBoundary:u,padding:f,altBoundary:h}),_=ve(e.placement),x=ot(e.placement),$=!x,k=vo(_),S=Oa(k),E=e.modifiersData.popperOffsets,M=e.rects.reference,T=e.rects.popper,D=typeof C=="function"?C(Object.assign({},e.rects,{placement:e.placement})):C,L=typeof D=="number"?{mainAxis:D,altAxis:D}:Object.assign({mainAxis:0,altAxis:0},D),R=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,F={x:0,y:0};if(E){if(a){var O,Q=k==="y"?se:ne,ee=k==="y"?he:pe,q=k==="y"?"height":"width",te=E[k],me=te+m[Q],ae=te-m[ee],Ce=v?-T[q]/2:0,oe=x===Qe?M[q]:T[q],Se=x===Qe?-T[q]:-M[q],Ee=e.elements.arrow,Be=v&&Ee?bo(Ee):{width:0,height:0},ye=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:or(),Ze=ye[Q],at=ye[ee],Ae=Ct(0,M[q],Be[q]),st=$?M[q]/2-Ce-Ae-Ze-L.mainAxis:oe-Ae-Ze-L.mainAxis,Xt=$?-M[q]/2+Ce+Ae+at+L.mainAxis:Se+Ae+at+L.mainAxis,We=e.elements.arrow&&kt(e.elements.arrow),Pt=We?k==="y"?We.clientTop||0:We.clientLeft||0:0,nt=(O=R==null?void 0:R[k])!=null?O:0,lt=te+st-nt-Pt,ct=te+Xt-nt,dt=Ct(v?Rt(me,lt):me,te,v?Ue(ae,ct):ae);E[k]=dt,F[k]=dt-te}if(l){var ht,Mt=k==="x"?se:ne,zt=k==="x"?he:pe,Ie=E[S],Jt=S==="y"?"height":"width",Dr=Ie+m[Mt],Tr=Ie-m[zt],Co=[se,ne].indexOf(_)!==-1,Lr=(ht=R==null?void 0:R[S])!=null?ht:0,Or=Co?Dr:Ie-M[Jt]-T[Jt]-Lr+L.altAxis,Br=Co?Ie+M[Jt]+T[Jt]-Lr-L.altAxis:Tr,Ir=v&&Co?sa(Or,Ie,Br):Ct(v?Or:Dr,Ie,v?Br:Tr);E[S]=Ir,F[S]=Ir-Ie}e.modifiersData[o]=F}}const Ia={name:"preventOverflow",enabled:!0,phase:"main",fn:Ba,requiresIfExists:["offset"]};function Ha(i){return{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}}function Ra(i){return i===le(i)||!ue(i)?_o(i):Ha(i)}function Ya(i){var e=i.getBoundingClientRect(),t=et(e.width)/i.offsetWidth||1,o=et(e.height)/i.offsetHeight||1;return t!==1||o!==1}function ja(i,e,t){t===void 0&&(t=!1);var o=ue(e),r=ue(e)&&Ya(e),a=Te(e),s=tt(i,r,t),l={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!t)&&((be(e)!=="body"||wo(a))&&(l=Ra(e)),ue(e)?(c=tt(e,!0),c.x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=yo(a))),{x:s.left+l.scrollLeft-c.x,y:s.top+l.scrollTop-c.y,width:s.width,height:s.height}}function Na(i){var e=new Map,t=new Set,o=[];i.forEach(function(a){e.set(a.name,a)});function r(a){t.add(a.name);var s=[].concat(a.requires||[],a.requiresIfExists||[]);s.forEach(function(l){if(!t.has(l)){var c=e.get(l);c&&r(c)}}),o.push(a)}return i.forEach(function(a){t.has(a.name)||r(a)}),o}function Va(i){var e=Na(i);return ea.reduce(function(t,o){return t.concat(e.filter(function(r){return r.phase===o}))},[])}function Fa(i){var e;return function(){return e||(e=new Promise(function(t){Promise.resolve().then(function(){e=void 0,t(i())})})),e}}function Ua(i){var e=i.reduce(function(t,o){var r=t[o.name];return t[o.name]=r?Object.assign({},r,o,{options:Object.assign({},r.options,o.options),data:Object.assign({},r.data,o.data)}):o,t},{});return Object.keys(e).map(function(t){return e[t]})}var pr={placement:"bottom",modifiers:[],strategy:"absolute"};function ur(){for(var i=arguments.length,e=new Array(i),t=0;t<i;t++)e[t]=arguments[t];return!e.some(function(o){return!(o&&typeof o.getBoundingClientRect=="function")})}function qa(i){i===void 0&&(i={});var e=i,t=e.defaultModifiers,o=t===void 0?[]:t,r=e.defaultOptions,a=r===void 0?pr:r;return function(l,c,u){u===void 0&&(u=a);var h={placement:"bottom",orderedModifiers:[],options:Object.assign({},pr,a),modifiersData:{},elements:{reference:l,popper:c},attributes:{},styles:{}},f=[],g=!1,v={state:h,setOptions:function(_){var x=typeof _=="function"?_(h.options):_;C(),h.options=Object.assign({},a,h.options,x),h.scrollParents={reference:Fe(l)?St(l):l.contextElement?St(l.contextElement):[],popper:St(c)};var $=Va(Ua([].concat(o,h.options.modifiers)));return h.orderedModifiers=$.filter(function(k){return k.enabled}),w(),v.update()},forceUpdate:function(){if(!g){var _=h.elements,x=_.reference,$=_.popper;if(ur(x,$)){h.rects={reference:ja(x,kt($),h.options.strategy==="fixed"),popper:bo($)},h.reset=!1,h.placement=h.options.placement,h.orderedModifiers.forEach(function(L){return h.modifiersData[L.name]=Object.assign({},L.data)});for(var k=0;k<h.orderedModifiers.length;k++){if(h.reset===!0){h.reset=!1,k=-1;continue}var S=h.orderedModifiers[k],E=S.fn,M=S.options,T=M===void 0?{}:M,D=S.name;typeof E=="function"&&(h=E({state:h,options:T,name:D,instance:v})||h)}}}},update:Fa(function(){return new Promise(function(m){v.forceUpdate(),m(h)})}),destroy:function(){C(),g=!0}};if(!ur(l,c))return v;v.setOptions(u).then(function(m){!g&&u.onFirstUpdate&&u.onFirstUpdate(m)});function w(){h.orderedModifiers.forEach(function(m){var _=m.name,x=m.options,$=x===void 0?{}:x,k=m.effect;if(typeof k=="function"){var S=k({state:h,name:_,instance:v,options:$}),E=function(){};f.push(S||E)}})}function C(){f.forEach(function(m){return m()}),f=[]}return v}}var Za=[ma,La,fa,ra,Da,Ea,Ia,da,Pa],Vt=qa({defaultModifiers:Za});const Wa='.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__trigger--not-clearable .combobox__single-value,.combobox__trigger--not-clearable .combobox__placeholder{padding-right:24px}.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-light);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[popover]{position:fixed;inset:unset;margin:0;padding:0;border:none}.combobox__dropdown{width:auto;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);z-index:var(--z-index-dropdown);overflow:hidden}.combobox__search{width:100%;padding:var(--spacing-2) 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-2) 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-light)}.combobox__empty{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-tertiary);text-align:center}';var Ka=Object.defineProperty,Ga=Object.getOwnPropertyDescriptor,j=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ga(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Ka(e,t,r),r};n.Combobox=class extends P{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.clearable=!0,this.selected=[],this.inputValue="",this.isOpen=!1,this.focusedIndex=-1,this._filteredItems=[],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(o=>o[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(r=>{var a;return(a=r==null?void 0:r.classList)==null?void 0:a.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(o=>{var r;return String((r=o[this.optionLabel])!=null?r:"").toLocaleLowerCase().includes(t)})}}updated(e){var t,o;if(e.has("isOpen")&&this.isOpen&&this.filterable&&this.multiple&&((o=(t=this.shadowRoot)==null?void 0:t.querySelector(".combobox__search"))==null||o.focus()),e.has("isOpen")){this.isOpen?this.updateComplete.then(()=>{this._showPopover(),this._updatePopper()}):(this._hidePopover(),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,o;const e=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(".combobox__item");(o=e==null?void 0:e[this.focusedIndex])==null||o.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 o;this.multiple?o=this.isSelected(e)?this.selected.filter(r=>r[this.optionValue]!==e[this.optionValue]):[...this.selected,e]:(o=[e],this.isOpen=!1,this.filterable&&(this.inputValue="")),this.setSelected(o)}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 p`
|
|
347
|
+
`}},a.LogosphereInput.styles=[D`${A(qr)}`],Y([V("input")],a.LogosphereInput.prototype,"_inputElement",2),Y([l({type:String})],a.LogosphereInput.prototype,"value",2),Y([l({type:String})],a.LogosphereInput.prototype,"type",2),Y([l({type:String})],a.LogosphereInput.prototype,"placeholder",2),Y([l({type:String})],a.LogosphereInput.prototype,"name",2),Y([l({type:String})],a.LogosphereInput.prototype,"autocomplete",2),Y([l({type:Number})],a.LogosphereInput.prototype,"minlength",2),Y([l({type:Number})],a.LogosphereInput.prototype,"maxlength",2),Y([l({type:String})],a.LogosphereInput.prototype,"pattern",2),Y([l({type:Number})],a.LogosphereInput.prototype,"min",2),Y([l({type:Number})],a.LogosphereInput.prototype,"max",2),Y([l({type:Number})],a.LogosphereInput.prototype,"step",2),Y([l({type:String})],a.LogosphereInput.prototype,"size",2),Y([l({type:String})],a.LogosphereInput.prototype,"variant",2),Y([l({type:String})],a.LogosphereInput.prototype,"label",2),Y([l({type:String})],a.LogosphereInput.prototype,"helper",2),Y([l({type:String})],a.LogosphereInput.prototype,"error",2),Y([l({type:Boolean})],a.LogosphereInput.prototype,"required",2),Y([l({type:Boolean})],a.LogosphereInput.prototype,"disabled",2),Y([l({type:Boolean})],a.LogosphereInput.prototype,"readonly",2),Y([l({type:String})],a.LogosphereInput.prototype,"mask",2),Y([m()],a.LogosphereInput.prototype,"_internalError",2),Y([m()],a.LogosphereInput.prototype,"_showPassword",2),a.LogosphereInput=Y([L("logosphere-input")],a.LogosphereInput);const Xr=":host{display:block;width:100%}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-body-bg);border-top:1px solid var(--color-border);font-family:var(--font-family-base);gap:var(--spacing-4)}.pagination--justify-end{justify-content:flex-end}.pagination--justify-start{justify-content:flex-start}.pagination--justify-center{justify-content:center}.pagination__nav{display:flex;align-items:center;gap:var(--spacing-1)}.pagination__nav-group{display:flex;align-items:center}.pagination__btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;background:transparent;border-radius:var(--radius-base);cursor:pointer;color:var(--color-secondary);transition:background-color .15s ease,color .15s ease,opacity .15s ease}.pagination__btn:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.pagination__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__btn--icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--spacing-2);border:1px solid var(--color-border);background-color:var(--color-body-bg);border-radius:var(--radius-base);cursor:pointer;color:var(--color-secondary);transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.pagination__btn--icon:hover:not(:disabled){background-color:var(--color-body-bg-hover);border-color:var(--color-border-hover)}.pagination__btn--icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination__btn--icon:disabled{opacity:.4;cursor:not-allowed}.pagination__btn--text{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);height:32px;min-width:100px;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);background-color:var(--color-body-bg);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-secondary);cursor:pointer;transition:all .15s ease}.pagination__btn--text:hover:not(:disabled){background-color:var(--color-body-bg-hover);border-color:var(--color-border-hover)}.pagination__btn--text:disabled{color:var(--color-secondary-disabled);cursor:not-allowed}.pagination__btn--number{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);background-color:var(--color-body-bg);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-secondary);cursor:pointer;transition:all .15s ease}.pagination__btn--number:hover:not(:disabled):not(.pagination__btn--active){background-color:var(--color-body-bg-hover)}.pagination__btn--active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff;font-weight:var(--font-weight-semibold)}.pagination__btn--ellipsis{border:none;background:transparent;cursor:default;min-width:32px}.pagination__btn--ellipsis:hover{background:transparent}.pagination__input-container{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.pagination__input{width:100%;height:100%;min-width:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-base);background-color:var(--color-body-bg);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-body-text);text-align:center;outline:none;transition:border-color .15s ease}.pagination__input:focus{border-color:var(--color-primary)}.pagination__input::-webkit-outer-spin-button,.pagination__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination__input[type=number]{-moz-appearance:textfield}.pagination__separator{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-tertiary);line-height:18px;letter-spacing:-.12px;margin-right:var(--spacing-1)}.pagination__info{display:flex;align-items:center;gap:var(--spacing-2)}.pagination__page-info{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);line-height:18px;letter-spacing:-.12px}.pagination__page-info-text{color:var(--color-secondary)}.pagination__page-info-separator{color:var(--color-tertiary)}.pagination__total{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);line-height:18px;letter-spacing:-.12px}.pagination__total-separator{color:var(--color-tertiary)}.pagination__total-text{color:var(--color-secondary)}.pagination__page-size{display:flex;align-items:center}@media(max-width:768px){.pagination{flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.pagination__btn--text{min-width:80px;font-size:var(--font-size-xs)}}@media(max-width:480px){.pagination__nav,.pagination__info{flex-wrap:wrap;justify-content:center}}";var ne="top",he="bottom",ue="right",le="left",yo="auto",Ct=[ne,he,ue,le],it="start",St="end",Jr="clippingParents",oi="viewport",Et="popper",Qr="reference",ii=Ct.reduce(function(r,e){return r.concat([e+"-"+it,e+"-"+St])},[]),ri=[].concat(Ct,[yo]).reduce(function(r,e){return r.concat([e,e+"-"+it,e+"-"+St])},[]),es="beforeRead",ts="read",os="afterRead",is="beforeMain",rs="main",ss="afterMain",as="beforeWrite",ns="write",ls="afterWrite",ds=[es,ts,os,is,rs,ss,as,ns,ls];function ve(r){return r?(r.nodeName||"").toLowerCase():null}function de(r){if(r==null)return window;if(r.toString()!=="[object Window]"){var e=r.ownerDocument;return e&&e.defaultView||window}return r}function We(r){var e=de(r).Element;return r instanceof e||r instanceof Element}function ge(r){var e=de(r).HTMLElement;return r instanceof e||r instanceof HTMLElement}function wo(r){if(typeof ShadowRoot=="undefined")return!1;var e=de(r).ShadowRoot;return r instanceof e||r instanceof ShadowRoot}function cs(r){var e=r.state;Object.keys(e.elements).forEach(function(t){var o=e.styles[t]||{},i=e.attributes[t]||{},s=e.elements[t];!ge(s)||!ve(s)||(Object.assign(s.style,o),Object.keys(i).forEach(function(n){var d=i[n];d===!1?s.removeAttribute(n):s.setAttribute(n,d===!0?"":d)}))})}function ps(r){var e=r.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(o){var i=e.elements[o],s=e.attributes[o]||{},n=Object.keys(e.styles.hasOwnProperty(o)?e.styles[o]:t[o]),d=n.reduce(function(c,u){return c[u]="",c},{});!ge(i)||!ve(i)||(Object.assign(i.style,d),Object.keys(s).forEach(function(c){i.removeAttribute(c)}))})}}const hs={name:"applyStyles",enabled:!0,phase:"write",fn:cs,effect:ps,requires:["computeStyles"]};function me(r){return r.split("-")[0]}var Ke=Math.max,Ut=Math.min,rt=Math.round;function xo(){var r=navigator.userAgentData;return r!=null&&r.brands&&Array.isArray(r.brands)?r.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function si(){return!/^((?!chrome|android).)*safari/i.test(xo())}function st(r,e,t){e===void 0&&(e=!1),t===void 0&&(t=!1);var o=r.getBoundingClientRect(),i=1,s=1;e&&ge(r)&&(i=r.offsetWidth>0&&rt(o.width)/r.offsetWidth||1,s=r.offsetHeight>0&&rt(o.height)/r.offsetHeight||1);var n=We(r)?de(r):window,d=n.visualViewport,c=!si()&&t,u=(o.left+(c&&d?d.offsetLeft:0))/i,h=(o.top+(c&&d?d.offsetTop:0))/s,g=o.width/i,b=o.height/s;return{width:g,height:b,top:h,right:u+g,bottom:h+b,left:u,x:u,y:h}}function $o(r){var e=st(r),t=r.offsetWidth,o=r.offsetHeight;return Math.abs(e.width-t)<=1&&(t=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:r.offsetLeft,y:r.offsetTop,width:t,height:o}}function ai(r,e){var t=e.getRootNode&&e.getRootNode();if(r.contains(e))return!0;if(t&&wo(t)){var o=e;do{if(o&&r.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function Se(r){return de(r).getComputedStyle(r)}function us(r){return["table","td","th"].indexOf(ve(r))>=0}function Be(r){return((We(r)?r.ownerDocument:r.document)||window.document).documentElement}function qt(r){return ve(r)==="html"?r:r.assignedSlot||r.parentNode||(wo(r)?r.host:null)||Be(r)}function ni(r){return!ge(r)||Se(r).position==="fixed"?null:r.offsetParent}function gs(r){var e=/firefox/i.test(xo()),t=/Trident/i.test(xo());if(t&&ge(r)){var o=Se(r);if(o.position==="fixed")return null}var i=qt(r);for(wo(i)&&(i=i.host);ge(i)&&["html","body"].indexOf(ve(i))<0;){var s=Se(i);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 i;i=i.parentNode}return null}function Pt(r){for(var e=de(r),t=ni(r);t&&us(t)&&Se(t).position==="static";)t=ni(t);return t&&(ve(t)==="html"||ve(t)==="body"&&Se(t).position==="static")?e:t||gs(r)||e}function ko(r){return["top","bottom"].indexOf(r)>=0?"x":"y"}function zt(r,e,t){return Ke(r,Ut(e,t))}function fs(r,e,t){var o=zt(r,e,t);return o>t?t:o}function li(){return{top:0,right:0,bottom:0,left:0}}function di(r){return Object.assign({},li(),r)}function ci(r,e){return e.reduce(function(t,o){return t[o]=r,t},{})}var bs=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,di(typeof e!="number"?e:ci(e,Ct))};function _s(r){var e,t=r.state,o=r.name,i=r.options,s=t.elements.arrow,n=t.modifiersData.popperOffsets,d=me(t.placement),c=ko(d),u=[le,ue].indexOf(d)>=0,h=u?"height":"width";if(!(!s||!n)){var g=bs(i.padding,t),b=$o(s),v=c==="y"?ne:le,w=c==="y"?he:ue,C=t.rects.reference[h]+t.rects.reference[c]-n[c]-t.rects.popper[h],_=n[c]-t.rects.reference[c],y=Pt(s),x=y?c==="y"?y.clientHeight||0:y.clientWidth||0:0,$=C/2-_/2,k=g[v],S=x-b[h]-g[w],E=x/2-b[h]/2+$,M=zt(k,E,S),B=c;t.modifiersData[o]=(e={},e[B]=M,e.centerOffset=M-E,e)}}function vs(r){var e=r.state,t=r.options,o=t.element,i=o===void 0?"[data-popper-arrow]":o;i!=null&&(typeof i=="string"&&(i=e.elements.popper.querySelector(i),!i)||ai(e.elements.popper,i)&&(e.elements.arrow=i))}const ms={name:"arrow",enabled:!0,phase:"main",fn:_s,effect:vs,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function at(r){return r.split("-")[1]}var ys={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ws(r,e){var t=r.x,o=r.y,i=e.devicePixelRatio||1;return{x:rt(t*i)/i||0,y:rt(o*i)/i||0}}function pi(r){var e,t=r.popper,o=r.popperRect,i=r.placement,s=r.variation,n=r.offsets,d=r.position,c=r.gpuAcceleration,u=r.adaptive,h=r.roundOffsets,g=r.isFixed,b=n.x,v=b===void 0?0:b,w=n.y,C=w===void 0?0:w,_=typeof h=="function"?h({x:v,y:C}):{x:v,y:C};v=_.x,C=_.y;var y=n.hasOwnProperty("x"),x=n.hasOwnProperty("y"),$=le,k=ne,S=window;if(u){var E=Pt(t),M="clientHeight",B="clientWidth";if(E===de(t)&&(E=Be(t),Se(E).position!=="static"&&d==="absolute"&&(M="scrollHeight",B="scrollWidth")),E=E,i===ne||(i===le||i===ue)&&s===St){k=he;var O=g&&E===S&&S.visualViewport?S.visualViewport.height:E[M];C-=O-o.height,C*=c?1:-1}if(i===le||(i===ne||i===he)&&s===St){$=ue;var I=g&&E===S&&S.visualViewport?S.visualViewport.width:E[B];v-=I-o.width,v*=c?1:-1}}var j=Object.assign({position:d},u&&ys),U=h===!0?ws({x:v,y:C},de(t)):{x:v,y:C};if(v=U.x,C=U.y,c){var H;return Object.assign({},j,(H={},H[k]=x?"0":"",H[$]=y?"0":"",H.transform=(S.devicePixelRatio||1)<=1?"translate("+v+"px, "+C+"px)":"translate3d("+v+"px, "+C+"px, 0)",H))}return Object.assign({},j,(e={},e[k]=x?C+"px":"",e[$]=y?v+"px":"",e.transform="",e))}function xs(r){var e=r.state,t=r.options,o=t.gpuAcceleration,i=o===void 0?!0:o,s=t.adaptive,n=s===void 0?!0:s,d=t.roundOffsets,c=d===void 0?!0:d,u={placement:me(e.placement),variation:at(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:i,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,pi(Object.assign({},u,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:n,roundOffsets:c})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,pi(Object.assign({},u,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}const $s={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:xs,data:{}};var Zt={passive:!0};function ks(r){var e=r.state,t=r.instance,o=r.options,i=o.scroll,s=i===void 0?!0:i,n=o.resize,d=n===void 0?!0:n,c=de(e.elements.popper),u=[].concat(e.scrollParents.reference,e.scrollParents.popper);return s&&u.forEach(function(h){h.addEventListener("scroll",t.update,Zt)}),d&&c.addEventListener("resize",t.update,Zt),function(){s&&u.forEach(function(h){h.removeEventListener("scroll",t.update,Zt)}),d&&c.removeEventListener("resize",t.update,Zt)}}const Cs={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:ks,data:{}};var Ss={left:"right",right:"left",bottom:"top",top:"bottom"};function Wt(r){return r.replace(/left|right|bottom|top/g,function(e){return Ss[e]})}var Es={start:"end",end:"start"};function hi(r){return r.replace(/start|end/g,function(e){return Es[e]})}function Co(r){var e=de(r),t=e.pageXOffset,o=e.pageYOffset;return{scrollLeft:t,scrollTop:o}}function So(r){return st(Be(r)).left+Co(r).scrollLeft}function Ps(r,e){var t=de(r),o=Be(r),i=t.visualViewport,s=o.clientWidth,n=o.clientHeight,d=0,c=0;if(i){s=i.width,n=i.height;var u=si();(u||!u&&e==="fixed")&&(d=i.offsetLeft,c=i.offsetTop)}return{width:s,height:n,x:d+So(r),y:c}}function zs(r){var e,t=Be(r),o=Co(r),i=(e=r.ownerDocument)==null?void 0:e.body,s=Ke(t.scrollWidth,t.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),n=Ke(t.scrollHeight,t.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),d=-o.scrollLeft+So(r),c=-o.scrollTop;return Se(i||t).direction==="rtl"&&(d+=Ke(t.clientWidth,i?i.clientWidth:0)-s),{width:s,height:n,x:d,y:c}}function Eo(r){var e=Se(r),t=e.overflow,o=e.overflowX,i=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+i+o)}function ui(r){return["html","body","#document"].indexOf(ve(r))>=0?r.ownerDocument.body:ge(r)&&Eo(r)?r:ui(qt(r))}function At(r,e){var t;e===void 0&&(e=[]);var o=ui(r),i=o===((t=r.ownerDocument)==null?void 0:t.body),s=de(o),n=i?[s].concat(s.visualViewport||[],Eo(o)?o:[]):o,d=e.concat(n);return i?d:d.concat(At(qt(n)))}function Po(r){return Object.assign({},r,{left:r.x,top:r.y,right:r.x+r.width,bottom:r.y+r.height})}function As(r,e){var t=st(r,!1,e==="fixed");return t.top=t.top+r.clientTop,t.left=t.left+r.clientLeft,t.bottom=t.top+r.clientHeight,t.right=t.left+r.clientWidth,t.width=r.clientWidth,t.height=r.clientHeight,t.x=t.left,t.y=t.top,t}function gi(r,e,t){return e===oi?Po(Ps(r,t)):We(e)?As(e,t):Po(zs(Be(r)))}function Ds(r){var e=At(qt(r)),t=["absolute","fixed"].indexOf(Se(r).position)>=0,o=t&&ge(r)?Pt(r):r;return We(o)?e.filter(function(i){return We(i)&&ai(i,o)&&ve(i)!=="body"}):[]}function Ms(r,e,t,o){var i=e==="clippingParents"?Ds(r):[].concat(e),s=[].concat(i,[t]),n=s[0],d=s.reduce(function(c,u){var h=gi(r,u,o);return c.top=Ke(h.top,c.top),c.right=Ut(h.right,c.right),c.bottom=Ut(h.bottom,c.bottom),c.left=Ke(h.left,c.left),c},gi(r,n,o));return d.width=d.right-d.left,d.height=d.bottom-d.top,d.x=d.left,d.y=d.top,d}function fi(r){var e=r.reference,t=r.element,o=r.placement,i=o?me(o):null,s=o?at(o):null,n=e.x+e.width/2-t.width/2,d=e.y+e.height/2-t.height/2,c;switch(i){case ne:c={x:n,y:e.y-t.height};break;case he:c={x:n,y:e.y+e.height};break;case ue:c={x:e.x+e.width,y:d};break;case le:c={x:e.x-t.width,y:d};break;default:c={x:e.x,y:e.y}}var u=i?ko(i):null;if(u!=null){var h=u==="y"?"height":"width";switch(s){case it:c[u]=c[u]-(e[h]/2-t[h]/2);break;case St:c[u]=c[u]+(e[h]/2-t[h]/2);break}}return c}function Dt(r,e){e===void 0&&(e={});var t=e,o=t.placement,i=o===void 0?r.placement:o,s=t.strategy,n=s===void 0?r.strategy:s,d=t.boundary,c=d===void 0?Jr:d,u=t.rootBoundary,h=u===void 0?oi:u,g=t.elementContext,b=g===void 0?Et:g,v=t.altBoundary,w=v===void 0?!1:v,C=t.padding,_=C===void 0?0:C,y=di(typeof _!="number"?_:ci(_,Ct)),x=b===Et?Qr:Et,$=r.rects.popper,k=r.elements[w?x:b],S=Ms(We(k)?k:k.contextElement||Be(r.elements.popper),c,h,n),E=st(r.elements.reference),M=fi({reference:E,element:$,placement:i}),B=Po(Object.assign({},$,M)),O=b===Et?B:E,I={top:S.top-O.top+y.top,bottom:O.bottom-S.bottom+y.bottom,left:S.left-O.left+y.left,right:O.right-S.right+y.right},j=r.modifiersData.offset;if(b===Et&&j){var U=j[i];Object.keys(I).forEach(function(H){var ee=[ue,he].indexOf(H)>=0?1:-1,te=[ne,he].indexOf(H)>=0?"y":"x";I[H]+=U[te]*ee})}return I}function Ts(r,e){e===void 0&&(e={});var t=e,o=t.placement,i=t.boundary,s=t.rootBoundary,n=t.padding,d=t.flipVariations,c=t.allowedAutoPlacements,u=c===void 0?ri:c,h=at(o),g=h?d?ii:ii.filter(function(w){return at(w)===h}):Ct,b=g.filter(function(w){return u.indexOf(w)>=0});b.length===0&&(b=g);var v=b.reduce(function(w,C){return w[C]=Dt(r,{placement:C,boundary:i,rootBoundary:s,padding:n})[me(C)],w},{});return Object.keys(v).sort(function(w,C){return v[w]-v[C]})}function Ls(r){if(me(r)===yo)return[];var e=Wt(r);return[hi(r),e,hi(e)]}function Os(r){var e=r.state,t=r.options,o=r.name;if(!e.modifiersData[o]._skip){for(var i=t.mainAxis,s=i===void 0?!0:i,n=t.altAxis,d=n===void 0?!0:n,c=t.fallbackPlacements,u=t.padding,h=t.boundary,g=t.rootBoundary,b=t.altBoundary,v=t.flipVariations,w=v===void 0?!0:v,C=t.allowedAutoPlacements,_=e.options.placement,y=me(_),x=y===_,$=c||(x||!w?[Wt(_)]:Ls(_)),k=[_].concat($).reduce(function(je,xe){return je.concat(me(xe)===yo?Ts(e,{placement:xe,boundary:h,rootBoundary:g,padding:u,flipVariations:w,allowedAutoPlacements:C}):xe)},[]),S=e.rects.reference,E=e.rects.popper,M=new Map,B=!0,O=k[0],I=0;I<k.length;I++){var j=k[I],U=me(j),H=at(j)===it,ee=[ne,he].indexOf(U)>=0,te=ee?"width":"height",Z=Dt(e,{placement:j,boundary:h,rootBoundary:g,altBoundary:b,padding:u}),oe=ee?H?ue:le:H?he:ne;S[te]>E[te]&&(oe=Wt(oe));var _e=Wt(oe),ae=[];if(s&&ae.push(Z[U]<=0),d&&ae.push(Z[oe]<=0,Z[_e]<=0),ae.every(function(je){return je})){O=j,B=!1;break}M.set(j,ae)}if(B)for(var Pe=w?3:1,ie=function(xe){var Xe=k.find(function(dt){var De=M.get(dt);if(De)return De.slice(0,xe).every(function(ct){return ct})});if(Xe)return O=Xe,"break"},ze=Pe;ze>0;ze--){var Ae=ie(ze);if(Ae==="break")break}e.placement!==O&&(e.modifiersData[o]._skip=!0,e.placement=O,e.reset=!0)}}const Bs={name:"flip",enabled:!0,phase:"main",fn:Os,requiresIfExists:["offset"],data:{_skip:!1}};function bi(r,e,t){return t===void 0&&(t={x:0,y:0}),{top:r.top-e.height-t.y,right:r.right-e.width+t.x,bottom:r.bottom-e.height+t.y,left:r.left-e.width-t.x}}function _i(r){return[ne,ue,he,le].some(function(e){return r[e]>=0})}function Is(r){var e=r.state,t=r.name,o=e.rects.reference,i=e.rects.popper,s=e.modifiersData.preventOverflow,n=Dt(e,{elementContext:"reference"}),d=Dt(e,{altBoundary:!0}),c=bi(n,o),u=bi(d,i,s),h=_i(c),g=_i(u);e.modifiersData[t]={referenceClippingOffsets:c,popperEscapeOffsets:u,isReferenceHidden:h,hasPopperEscaped:g},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":g})}const Hs={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Is};function Rs(r,e,t){var o=me(r),i=[le,ne].indexOf(o)>=0?-1:1,s=typeof t=="function"?t(Object.assign({},e,{placement:r})):t,n=s[0],d=s[1];return n=n||0,d=(d||0)*i,[le,ue].indexOf(o)>=0?{x:d,y:n}:{x:n,y:d}}function js(r){var e=r.state,t=r.options,o=r.name,i=t.offset,s=i===void 0?[0,0]:i,n=ri.reduce(function(h,g){return h[g]=Rs(g,e.rects,s),h},{}),d=n[e.placement],c=d.x,u=d.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=c,e.modifiersData.popperOffsets.y+=u),e.modifiersData[o]=n}const Ys={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:js};function Ns(r){var e=r.state,t=r.name;e.modifiersData[t]=fi({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})}const Fs={name:"popperOffsets",enabled:!0,phase:"read",fn:Ns,data:{}};function Vs(r){return r==="x"?"y":"x"}function Us(r){var e=r.state,t=r.options,o=r.name,i=t.mainAxis,s=i===void 0?!0:i,n=t.altAxis,d=n===void 0?!1:n,c=t.boundary,u=t.rootBoundary,h=t.altBoundary,g=t.padding,b=t.tether,v=b===void 0?!0:b,w=t.tetherOffset,C=w===void 0?0:w,_=Dt(e,{boundary:c,rootBoundary:u,padding:g,altBoundary:h}),y=me(e.placement),x=at(e.placement),$=!x,k=ko(y),S=Vs(k),E=e.modifiersData.popperOffsets,M=e.rects.reference,B=e.rects.popper,O=typeof C=="function"?C(Object.assign({},e.rects,{placement:e.placement})):C,I=typeof O=="number"?{mainAxis:O,altAxis:O}:Object.assign({mainAxis:0,altAxis:0},O),j=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,U={x:0,y:0};if(E){if(s){var H,ee=k==="y"?ne:le,te=k==="y"?he:ue,Z=k==="y"?"height":"width",oe=E[k],_e=oe+_[ee],ae=oe-_[te],Pe=v?-B[Z]/2:0,ie=x===it?M[Z]:B[Z],ze=x===it?-B[Z]:-M[Z],Ae=e.elements.arrow,je=v&&Ae?$o(Ae):{width:0,height:0},xe=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:li(),Xe=xe[ee],dt=xe[te],De=zt(0,M[Z],je[Z]),ct=$?M[Z]/2-Pe-De-Xe-I.mainAxis:ie-De-Xe-I.mainAxis,io=$?-M[Z]/2+Pe+De+dt+I.mainAxis:ze+De+dt+I.mainAxis,Je=e.elements.arrow&&Pt(e.elements.arrow),Ot=Je?k==="y"?Je.clientTop||0:Je.clientLeft||0:0,pt=(H=j==null?void 0:j[k])!=null?H:0,ht=oe+ct-pt-Ot,ut=oe+io-pt,gt=zt(v?Ut(_e,ht):_e,oe,v?Ke(ae,ut):ae);E[k]=gt,U[k]=gt-oe}if(d){var ft,Bt=k==="x"?ne:le,It=k==="x"?he:ue,Ye=E[S],ro=S==="y"?"height":"width",Hi=Ye+_[Bt],Ri=Ye-_[It],Do=[ne,le].indexOf(y)!==-1,ji=(ft=j==null?void 0:j[S])!=null?ft:0,Yi=Do?Hi:Ye-M[ro]-B[ro]-ji+I.altAxis,Ni=Do?Ye+M[ro]+B[ro]-ji-I.altAxis:Ri,Fi=v&&Do?fs(Yi,Ye,Ni):zt(v?Yi:Hi,Ye,v?Ni:Ri);E[S]=Fi,U[S]=Fi-Ye}e.modifiersData[o]=U}}const qs={name:"preventOverflow",enabled:!0,phase:"main",fn:Us,requiresIfExists:["offset"]};function Zs(r){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}function Ws(r){return r===de(r)||!ge(r)?Co(r):Zs(r)}function Ks(r){var e=r.getBoundingClientRect(),t=rt(e.width)/r.offsetWidth||1,o=rt(e.height)/r.offsetHeight||1;return t!==1||o!==1}function Gs(r,e,t){t===void 0&&(t=!1);var o=ge(e),i=ge(e)&&Ks(e),s=Be(e),n=st(r,i,t),d={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!t)&&((ve(e)!=="body"||Eo(s))&&(d=Ws(e)),ge(e)?(c=st(e,!0),c.x+=e.clientLeft,c.y+=e.clientTop):s&&(c.x=So(s))),{x:n.left+d.scrollLeft-c.x,y:n.top+d.scrollTop-c.y,width:n.width,height:n.height}}function Xs(r){var e=new Map,t=new Set,o=[];r.forEach(function(s){e.set(s.name,s)});function i(s){t.add(s.name);var n=[].concat(s.requires||[],s.requiresIfExists||[]);n.forEach(function(d){if(!t.has(d)){var c=e.get(d);c&&i(c)}}),o.push(s)}return r.forEach(function(s){t.has(s.name)||i(s)}),o}function Js(r){var e=Xs(r);return ds.reduce(function(t,o){return t.concat(e.filter(function(i){return i.phase===o}))},[])}function Qs(r){var e;return function(){return e||(e=new Promise(function(t){Promise.resolve().then(function(){e=void 0,t(r())})})),e}}function ea(r){var e=r.reduce(function(t,o){var i=t[o.name];return t[o.name]=i?Object.assign({},i,o,{options:Object.assign({},i.options,o.options),data:Object.assign({},i.data,o.data)}):o,t},{});return Object.keys(e).map(function(t){return e[t]})}var vi={placement:"bottom",modifiers:[],strategy:"absolute"};function mi(){for(var r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return!e.some(function(o){return!(o&&typeof o.getBoundingClientRect=="function")})}function ta(r){r===void 0&&(r={});var e=r,t=e.defaultModifiers,o=t===void 0?[]:t,i=e.defaultOptions,s=i===void 0?vi:i;return function(d,c,u){u===void 0&&(u=s);var h={placement:"bottom",orderedModifiers:[],options:Object.assign({},vi,s),modifiersData:{},elements:{reference:d,popper:c},attributes:{},styles:{}},g=[],b=!1,v={state:h,setOptions:function(y){var x=typeof y=="function"?y(h.options):y;C(),h.options=Object.assign({},s,h.options,x),h.scrollParents={reference:We(d)?At(d):d.contextElement?At(d.contextElement):[],popper:At(c)};var $=Js(ea([].concat(o,h.options.modifiers)));return h.orderedModifiers=$.filter(function(k){return k.enabled}),w(),v.update()},forceUpdate:function(){if(!b){var y=h.elements,x=y.reference,$=y.popper;if(mi(x,$)){h.rects={reference:Gs(x,Pt($),h.options.strategy==="fixed"),popper:$o($)},h.reset=!1,h.placement=h.options.placement,h.orderedModifiers.forEach(function(I){return h.modifiersData[I.name]=Object.assign({},I.data)});for(var k=0;k<h.orderedModifiers.length;k++){if(h.reset===!0){h.reset=!1,k=-1;continue}var S=h.orderedModifiers[k],E=S.fn,M=S.options,B=M===void 0?{}:M,O=S.name;typeof E=="function"&&(h=E({state:h,options:B,name:O,instance:v})||h)}}}},update:Qs(function(){return new Promise(function(_){v.forceUpdate(),_(h)})}),destroy:function(){C(),b=!0}};if(!mi(d,c))return v;v.setOptions(u).then(function(_){!b&&u.onFirstUpdate&&u.onFirstUpdate(_)});function w(){h.orderedModifiers.forEach(function(_){var y=_.name,x=_.options,$=x===void 0?{}:x,k=_.effect;if(typeof k=="function"){var S=k({state:h,name:y,instance:v,options:$}),E=function(){};g.push(S||E)}})}function C(){g.forEach(function(_){return _()}),g=[]}return v}}var oa=[Cs,Fs,$s,hs,Ys,Bs,qs,ms,Hs],Mt=ta({defaultModifiers:oa});const ia='.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__trigger--not-clearable .combobox__single-value,.combobox__trigger--not-clearable .combobox__placeholder{padding-right:24px}.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-light);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[popover]{position:fixed;inset:unset;margin:0;padding:0;border:none}.combobox__dropdown{width:auto;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);z-index:var(--z-index-dropdown);overflow:hidden}.combobox__search{width:100%;padding:var(--spacing-2) 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-2) 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-light)}.combobox__empty{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-tertiary);text-align:center}';var ra=Object.defineProperty,sa=Object.getOwnPropertyDescriptor,N=(r,e,t,o)=>{for(var i=o>1?void 0:o?sa(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&ra(e,t,i),i};a.Combobox=class extends z{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.clearable=!0,this.selected=[],this.inputValue="",this.isOpen=!1,this.focusedIndex=-1,this._filteredItems=[],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(o=>o[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(i=>{var s;return(s=i==null?void 0:i.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(o=>{var i;return String((i=o[this.optionLabel])!=null?i:"").toLocaleLowerCase().includes(t)})}}updated(e){var t,o;if(e.has("isOpen")&&this.isOpen&&this.filterable&&this.multiple&&((o=(t=this.shadowRoot)==null?void 0:t.querySelector(".combobox__search"))==null||o.focus()),e.has("isOpen")){this.isOpen?this.updateComplete.then(()=>{this._showPopover(),this._updatePopper()}):(this._hidePopover(),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,o;const e=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(".combobox__item");(o=e==null?void 0:e[this.focusedIndex])==null||o.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 o;this.multiple?o=this.isSelected(e)?this.selected.filter(i=>i[this.optionValue]!==e[this.optionValue]):[...this.selected,e]:(o=[e],this.isOpen=!1,this.filterable&&(this.inputValue="")),this.setSelected(o)}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 p`
|
|
241
348
|
<div class="combobox__tags">
|
|
242
349
|
${this.selected.map(e=>p`
|
|
243
350
|
<logosphere-badge
|
|
@@ -264,14 +371,14 @@
|
|
|
264
371
|
<button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
|
|
265
372
|
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
266
373
|
</button>
|
|
267
|
-
`:
|
|
374
|
+
`:f}
|
|
268
375
|
`:this.multiple&&this.selected.length?this._renderTagList():!this.multiple&&this.selected.length?p`
|
|
269
376
|
<span class="combobox__single-value">${this.selected[0][this.optionLabel]}</span>
|
|
270
377
|
${this.clearable&&!this.readOnly?p`
|
|
271
378
|
<button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
|
|
272
379
|
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
273
380
|
</button>
|
|
274
|
-
`:
|
|
381
|
+
`:f}
|
|
275
382
|
`:p`<span class="combobox__placeholder">${this.placeholder}</span>`}_renderDropdown(){return p`
|
|
276
383
|
<div data-combobox-popper popover="manual" class="combobox__dropdown">
|
|
277
384
|
${this.filterable&&this.multiple?p`
|
|
@@ -284,7 +391,7 @@
|
|
|
284
391
|
@keydown=${this._handleKeydown}
|
|
285
392
|
@click=${this._stopPropagation}
|
|
286
393
|
/>
|
|
287
|
-
`:
|
|
394
|
+
`:f}
|
|
288
395
|
|
|
289
396
|
<div class="combobox__list">
|
|
290
397
|
${this._filteredItems.length===0?p`<div class="combobox__empty">${this.emptyMessage}</div>`:this._filteredItems.map((e,t)=>p`
|
|
@@ -301,13 +408,13 @@
|
|
|
301
408
|
.value=${e[this.optionValue]}
|
|
302
409
|
@click=${this._stopPropagation}
|
|
303
410
|
></logosphere-checkbox>
|
|
304
|
-
`:
|
|
411
|
+
`:f}
|
|
305
412
|
${e[this.optionLabel]}
|
|
306
413
|
</div>
|
|
307
414
|
`)}
|
|
308
415
|
</div>
|
|
309
416
|
</div>
|
|
310
|
-
`}_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,o;const e=(o=(t=this._formFieldElement)==null?void 0:t.shadowRoot)==null?void 0:o.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 o=Math.round(e.getBoundingClientRect().width);if(t.style.width=`${o}px`,this._popperInstance){this._popperInstance.setOptions({placement:"bottom-start",strategy:"fixed",modifiers:this._getPopperModifiers()}),this._popperInstance.update();return}this._popperInstance=
|
|
417
|
+
`}_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,o;const e=(o=(t=this._formFieldElement)==null?void 0:t.shadowRoot)==null?void 0:o.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 o=Math.round(e.getBoundingClientRect().width);if(t.style.width=`${o}px`,this._popperInstance){this._popperInstance.setOptions({placement:"bottom-start",strategy:"fixed",modifiers:this._getPopperModifiers()}),this._popperInstance.update();return}this._popperInstance=Mt(e,t,{placement:"bottom-start",strategy:"fixed",modifiers:this._getPopperModifiers()})}_destroyPopper(){this._popperInstance&&(this._popperInstance.destroy(),this._popperInstance=void 0)}_showPopover(){var t;const e=this._dropdownElement;(t=e==null?void 0:e.showPopover)==null||t.call(e)}_hidePopover(){var t;const e=this._dropdownElement;try{(t=e==null?void 0:e.hidePopover)==null||t.call(e)}catch(o){}}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":"",this.clearable?"":"combobox__trigger--not-clearable"].filter(Boolean).join(" ");return p`
|
|
311
418
|
<div class="combobox">
|
|
312
419
|
<logosphere-formfield
|
|
313
420
|
.label=${this.label}
|
|
@@ -326,7 +433,7 @@
|
|
|
326
433
|
class="${e}"
|
|
327
434
|
tabindex="${this.readOnly||this.filterable||this.disabled?-1:0}"
|
|
328
435
|
@click=${this._onTriggerClick}
|
|
329
|
-
@keydown=${this.filterable?
|
|
436
|
+
@keydown=${this.filterable?f:this._handleKeydown}
|
|
330
437
|
>
|
|
331
438
|
${this._renderTriggerContent()}
|
|
332
439
|
</div>
|
|
@@ -341,9 +448,9 @@
|
|
|
341
448
|
</span>
|
|
342
449
|
</logosphere-formfield>
|
|
343
450
|
</div>
|
|
344
|
-
`}},
|
|
345
|
-
${
|
|
346
|
-
`],
|
|
451
|
+
`}},a.Combobox.styles=[D`
|
|
452
|
+
${A(ia)}
|
|
453
|
+
`],N([l({type:String})],a.Combobox.prototype,"label",2),N([l({type:String})],a.Combobox.prototype,"helper",2),N([l({type:String})],a.Combobox.prototype,"error",2),N([l({type:String})],a.Combobox.prototype,"placeholder",2),N([l({type:Boolean})],a.Combobox.prototype,"required",2),N([l({type:Boolean})],a.Combobox.prototype,"disabled",2),N([l({type:Boolean})],a.Combobox.prototype,"readOnly",2),N([l({type:String})],a.Combobox.prototype,"variant",2),N([l({type:Boolean})],a.Combobox.prototype,"multiple",2),N([l({type:Boolean})],a.Combobox.prototype,"filterable",2),N([l({type:String})],a.Combobox.prototype,"optionLabel",2),N([l({type:String})],a.Combobox.prototype,"optionValue",2),N([l({type:String})],a.Combobox.prototype,"emptyMessage",2),N([l({type:Array})],a.Combobox.prototype,"items",2),N([l({type:String})],a.Combobox.prototype,"size",2),N([l({type:Boolean})],a.Combobox.prototype,"clearable",2),N([m()],a.Combobox.prototype,"selected",2),N([m()],a.Combobox.prototype,"inputValue",2),N([m()],a.Combobox.prototype,"isOpen",2),N([m()],a.Combobox.prototype,"focusedIndex",2),N([V(".combobox__wrapper")],a.Combobox.prototype,"_referenceElement",2),N([V("logosphere-formfield")],a.Combobox.prototype,"_formFieldElement",2),N([V("[data-combobox-popper]")],a.Combobox.prototype,"_dropdownElement",2),a.Combobox=N([L("logosphere-combobox")],a.Combobox);var aa=Object.defineProperty,se=(r,e,t,o)=>{for(var i=void 0,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=n(e,t,i)||i);return i&&aa(e,t,i),i};const zo=class zo extends z{constructor(){super(...arguments),this.variant="default",this.page=1,this.pageSize=25,this.total=0,this.pageSizeOptions=[10,25,50,100],this.showPageSize=!0,this.showTotal=!0,this.disabled=!1,this.prevLabel="Önceki",this.nextLabel="Sonraki",this.pageLabel="Sayfa",this.perPageLabel="/ sayfa",this.totalLabel="kayıt",this.inputValue="1",this.goFirst=()=>{this.canGoPrev&&this.goToPage(1)},this.goPrev=()=>{this.canGoPrev&&this.goToPage(this.page-1)},this.goNext=()=>{this.canGoNext&&this.goToPage(this.page+1)},this.goLast=()=>{this.canGoNext&&this.goToPage(this.totalPages)},this.handleInputChange=e=>{const t=e.target;this.inputValue=t.value},this.handleInputBlur=()=>{const e=parseInt(this.inputValue,10);isNaN(e)?this.inputValue=String(this.page):this.goToPage(e)},this.handleInputKeydown=e=>{e.key==="Enter"&&e.target.blur()},this.handlePageSizeChange=e=>{var o,i;const t=(i=(o=e.detail)==null?void 0:o.value)==null?void 0:i[0];if(t){const s=t.value;s!==this.pageSize&&(this.pageSize=s,this.page=1,this.emitPageChange())}}}get totalPages(){return Math.max(1,Math.ceil(this.total/this.pageSize))}get canGoPrev(){return this.page>1&&!this.disabled}get canGoNext(){return this.page<this.totalPages&&!this.disabled}firstUpdated(){this.updateComboboxSelection()}updated(e){super.updated(e),e.has("page")&&(this.inputValue=String(this.page)),e.has("pageSize")&&this.updateComboboxSelection()}updateComboboxSelection(){this._combobox&&this.showPageSize&&this._combobox.setSelected(this.selectedPageSizeItem)}emitPageChange(){this.dispatchEvent(new CustomEvent("page-change",{bubbles:!0,composed:!0,detail:{page:this.page,pageSize:this.pageSize,totalPages:this.totalPages}}))}goToPage(e){const t=Math.max(1,Math.min(e,this.totalPages));t!==this.page&&(this.page=t,this.emitPageChange())}get pageSizeItems(){return this.pageSizeOptions.map(e=>({label:`${e} ${this.perPageLabel}`,value:e}))}get selectedPageSizeItem(){return[{label:`${this.pageSize} ${this.perPageLabel}`,value:this.pageSize}]}getPageNumbers(){const e=[],t=this.totalPages,o=this.page,i=1;if(t<=7)for(let s=1;s<=t;s++)e.push(s);else{e.push(1),o>3&&e.push("ellipsis");const s=Math.max(2,o-i),n=Math.min(t-1,o+i);for(let d=s;d<=n;d++)e.includes(d)||e.push(d);o<t-2&&e.push("ellipsis"),e.includes(t)||e.push(t)}return e}renderNavButtons(e=!1){const t=e?"pagination__btn--icon":"pagination__btn";return p`
|
|
347
454
|
<div class="pagination__nav-group">
|
|
348
455
|
<button
|
|
349
456
|
type="button"
|
|
@@ -390,7 +497,7 @@
|
|
|
390
497
|
<input
|
|
391
498
|
type="number"
|
|
392
499
|
class="pagination__input"
|
|
393
|
-
.value=${
|
|
500
|
+
.value=${Vt(this.inputValue)}
|
|
394
501
|
min="1"
|
|
395
502
|
max=${this.totalPages}
|
|
396
503
|
?disabled=${this.disabled}
|
|
@@ -439,7 +546,7 @@
|
|
|
439
546
|
?disabled=${this.disabled}
|
|
440
547
|
@click=${()=>this.goToPage(t)}
|
|
441
548
|
aria-label="Sayfa ${t}"
|
|
442
|
-
aria-current=${t===this.page?"page":
|
|
549
|
+
aria-current=${t===this.page?"page":f}
|
|
443
550
|
>
|
|
444
551
|
${t}
|
|
445
552
|
</button>
|
|
@@ -456,12 +563,12 @@
|
|
|
456
563
|
@change=${this.handlePageSizeChange}
|
|
457
564
|
></logosphere-combobox>
|
|
458
565
|
</div>
|
|
459
|
-
`:
|
|
566
|
+
`:f}renderTotalInfo(){return this.showTotal?p`
|
|
460
567
|
<div class="pagination__total">
|
|
461
568
|
<span class="pagination__total-separator">/</span>
|
|
462
569
|
<span class="pagination__total-text">${this.total} ${this.totalLabel}</span>
|
|
463
570
|
</div>
|
|
464
|
-
`:
|
|
571
|
+
`:f}renderDefault(){return p`
|
|
465
572
|
<div class="pagination__nav">
|
|
466
573
|
${this.renderNavButtons()}
|
|
467
574
|
${this.renderPageInput()}
|
|
@@ -505,13 +612,13 @@
|
|
|
505
612
|
role="navigation"
|
|
506
613
|
aria-label="Sayfalama"
|
|
507
614
|
>
|
|
508
|
-
${this.variant==="default"?this.renderDefault():
|
|
509
|
-
${this.variant==="prev-next"?this.renderPrevNext():
|
|
510
|
-
${this.variant==="prev-next-inverted"?this.renderPrevNextInverted():
|
|
511
|
-
${this.variant==="prev-next-only"?this.renderPrevNextOnly():
|
|
512
|
-
${this.variant==="number-buttons"?this.renderNumberButtonsVariant():
|
|
615
|
+
${this.variant==="default"?this.renderDefault():f}
|
|
616
|
+
${this.variant==="prev-next"?this.renderPrevNext():f}
|
|
617
|
+
${this.variant==="prev-next-inverted"?this.renderPrevNextInverted():f}
|
|
618
|
+
${this.variant==="prev-next-only"?this.renderPrevNextOnly():f}
|
|
619
|
+
${this.variant==="number-buttons"?this.renderNumberButtonsVariant():f}
|
|
513
620
|
</nav>
|
|
514
|
-
`}}
|
|
621
|
+
`}};zo.styles=[D`${A(Xr)}`];let W=zo;se([l({type:String})],W.prototype,"variant"),se([l({type:Number})],W.prototype,"page"),se([l({type:Number})],W.prototype,"pageSize"),se([l({type:Number})],W.prototype,"total"),se([l({type:Array})],W.prototype,"pageSizeOptions"),se([l({type:Boolean})],W.prototype,"showPageSize"),se([l({type:Boolean})],W.prototype,"showTotal"),se([l({type:Boolean})],W.prototype,"disabled"),se([l({type:String})],W.prototype,"prevLabel"),se([l({type:String})],W.prototype,"nextLabel"),se([l({type:String})],W.prototype,"pageLabel"),se([l({type:String})],W.prototype,"perPageLabel"),se([l({type:String})],W.prototype,"totalLabel"),se([m()],W.prototype,"inputValue"),se([V("logosphere-combobox")],W.prototype,"_combobox"),customElements.get("logosphere-pagination")||customElements.define("logosphere-pagination",W);const na='.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 la=Object.defineProperty,da=Object.getOwnPropertyDescriptor,be=(r,e,t,o)=>{for(var i=o>1?void 0:o?da(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&la(e,t,i),i};a.Popover=class extends z{constructor(){super(...arguments),this.title="",this.trigger="click",this.placement="bottom",this.offset=8,this.open=!1,this.closeOnOutsideClick=!0,this.noArrow=!1,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"),o=e.has("open")&&this.open;if(e.has("open")&&!this.open){this.destroyPopper();return}(o||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=Mt(e,t,{placement:this.placement,strategy:"fixed",modifiers:this.getPopperModifiers()})}}getPopperModifiers(){const e=[{name:"offset",options:{offset:[0,this.offset]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8}}];return!this.noArrow&&this.popperArrowElement&&e.push({name:"arrow",options:{element:this.popperArrowElement,padding:8}}),e}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=void 0)}render(){const e=!!this.title;return p`
|
|
515
622
|
<div
|
|
516
623
|
class="popover__wrapper"
|
|
517
624
|
@mouseenter=${this.handleMouseEnter}
|
|
@@ -540,7 +647,186 @@
|
|
|
540
647
|
</div>
|
|
541
648
|
`:null}
|
|
542
649
|
</div>
|
|
543
|
-
`}},
|
|
650
|
+
`}},a.Popover.styles=[D`${A(na)}`],be([l({type:String})],a.Popover.prototype,"title",2),be([l({type:String})],a.Popover.prototype,"trigger",2),be([l({type:String})],a.Popover.prototype,"placement",2),be([l({type:Number})],a.Popover.prototype,"offset",2),be([l({type:Boolean,reflect:!0})],a.Popover.prototype,"open",2),be([l({type:Boolean})],a.Popover.prototype,"closeOnOutsideClick",2),be([l({type:Boolean})],a.Popover.prototype,"noArrow",2),be([V('[part="trigger"]')],a.Popover.prototype,"triggerElement",2),be([V("[data-popper]")],a.Popover.prototype,"popperElement",2),be([V("[data-popper-arrow]")],a.Popover.prototype,"popperArrowElement",2),a.Popover=be([L("logosphere-popover")],a.Popover);const ca=":host{display:block}.stepper{display:flex;font-family:var(--font-family-base)}.stepper--horizontal{flex-direction:row;align-items:flex-start}.stepper--horizontal .stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;min-width:0}.stepper--horizontal .stepper__step-header{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.stepper--horizontal .stepper__connector{position:absolute;top:10px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;z-index:0}.stepper--horizontal .stepper__labels{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--spacing-2);padding:0 var(--spacing-1)}.stepper--vertical{flex-direction:column;align-items:stretch}.stepper--vertical .stepper__step{display:flex;flex-direction:column;position:relative}.stepper--vertical .stepper__step-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-3)}.stepper--vertical .stepper__labels{display:flex;flex-direction:column;padding-top:var(--spacing-1);padding-bottom:var(--spacing-4)}.stepper--vertical .stepper__connector{position:absolute;top:28px;left:9px;width:2px;bottom:0}.stepper__indicator{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:background-color var(--transition-speed-base) var(--transition-timing),border-color var(--transition-speed-base) var(--transition-timing)}.stepper__indicator-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.stepper__indicator-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary);flex-shrink:0}.stepper__indicator--completed{background-color:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.stepper__indicator--current{background-color:var(--color-body-bg);border:2px solid var(--color-primary)}.stepper__indicator--upcoming{background-color:var(--color-body-bg);border:2px solid var(--color-border);color:var(--color-tertiary)}.stepper__indicator--disabled{background-color:var(--color-light-bg);border:2px solid var(--color-secondary-disabled);color:var(--color-secondary-disabled)}.stepper__connector--completed{background-color:var(--color-primary)}.stepper__connector--upcoming{background-color:var(--color-border)}.stepper__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-body-color);white-space:nowrap}.stepper__description{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-tertiary);margin-top:var(--spacing-0-5);white-space:normal}.stepper__step--current .stepper__title{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.stepper__step--upcoming .stepper__title{color:var(--color-tertiary)}.stepper__step--disabled .stepper__title,.stepper__step--disabled .stepper__description{color:var(--color-secondary-disabled)}.stepper__step--clickable{cursor:pointer}.stepper__step--clickable:hover .stepper__indicator--upcoming,.stepper__step--clickable:hover .stepper__indicator--completed{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.stepper__step--clickable:focus-visible{outline:none}.stepper__step--clickable:focus-visible .stepper__indicator{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}";var pa=Object.defineProperty,ha=Object.getOwnPropertyDescriptor,Tt=(r,e,t,o)=>{for(var i=o>1?void 0:o?ha(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&pa(e,t,i),i};a.Stepper=class extends z{constructor(){super(...arguments),this.steps=[],this.activeStep=0,this.orientation="horizontal",this.clickable=!1}_resolveState(e,t){return e.state?e.state:e.disabled?"disabled":t<this.activeStep?"completed":t===this.activeStep?"current":"upcoming"}_onStepClick(e,t){!this.clickable||t==="disabled"||t==="upcoming"||(this.activeStep=e,this.dispatchEvent(new CustomEvent("step-change",{detail:{index:e,step:this.steps[e]},bubbles:!0,composed:!0})))}_onStepKeydown(e,t,o){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._onStepClick(t,o)),(e.key==="ArrowRight"||e.key==="ArrowDown")&&(e.preventDefault(),this._focusStep(t+1)),(e.key==="ArrowLeft"||e.key==="ArrowUp")&&(e.preventDefault(),this._focusStep(t-1))}_focusStep(e){var i;const t=Math.max(0,Math.min(this.steps.length-1,e)),o=(i=this.shadowRoot)==null?void 0:i.querySelector(`[data-step-index="${t}"]`);o==null||o.focus()}_renderIndicator(e,t){let o;return e==="completed"?o=p`<ui-icon name="uil-check" size="12"></ui-icon>`:e==="current"?o=p`<span class="stepper__indicator-dot"></span>`:o=p`<span class="stepper__indicator-number">${t+1}</span>`,p`
|
|
651
|
+
<div
|
|
652
|
+
class="stepper__indicator stepper__indicator--${e}"
|
|
653
|
+
aria-hidden="true"
|
|
654
|
+
>
|
|
655
|
+
${o}
|
|
656
|
+
</div>
|
|
657
|
+
`}_renderConnector(e,t){return t?f:p`
|
|
658
|
+
<div
|
|
659
|
+
class="stepper__connector stepper__connector--${e==="completed"?"completed":"upcoming"}"
|
|
660
|
+
aria-hidden="true"
|
|
661
|
+
></div>
|
|
662
|
+
`}_renderStep(e,t){const o=this._resolveState(e,t),i=t===this.steps.length-1,s=this.clickable&&(o==="completed"||o==="current");return p`
|
|
663
|
+
<div
|
|
664
|
+
class="stepper__step stepper__step--${o} ${s?"stepper__step--clickable":""}"
|
|
665
|
+
data-step-index=${t}
|
|
666
|
+
role=${this.clickable?"button":"listitem"}
|
|
667
|
+
tabindex=${s?"0":"-1"}
|
|
668
|
+
aria-current=${o==="current"?"step":f}
|
|
669
|
+
aria-disabled=${o==="disabled"?"true":f}
|
|
670
|
+
aria-label="${e.title}${e.description?`, ${e.description}`:""}, ${o}"
|
|
671
|
+
@click=${()=>this._onStepClick(t,o)}
|
|
672
|
+
@keydown=${n=>this._onStepKeydown(n,t,o)}
|
|
673
|
+
>
|
|
674
|
+
<div class="stepper__step-header">
|
|
675
|
+
${this._renderIndicator(o,t)}
|
|
676
|
+
${this.orientation==="vertical"?p`
|
|
677
|
+
<div class="stepper__labels">
|
|
678
|
+
<span class="stepper__title">${e.title}</span>
|
|
679
|
+
${e.description?p`<span class="stepper__description">${e.description}</span>`:f}
|
|
680
|
+
</div>
|
|
681
|
+
`:f}
|
|
682
|
+
</div>
|
|
683
|
+
|
|
684
|
+
${this.orientation==="horizontal"?p`
|
|
685
|
+
<div class="stepper__labels">
|
|
686
|
+
<span class="stepper__title">${e.title}</span>
|
|
687
|
+
${e.description?p`<span class="stepper__description">${e.description}</span>`:f}
|
|
688
|
+
</div>
|
|
689
|
+
`:f}
|
|
690
|
+
|
|
691
|
+
${this._renderConnector(o,i)}
|
|
692
|
+
</div>
|
|
693
|
+
`}render(){return p`
|
|
694
|
+
<div
|
|
695
|
+
class="stepper stepper--${this.orientation}"
|
|
696
|
+
role="list"
|
|
697
|
+
aria-label="Progress steps"
|
|
698
|
+
>
|
|
699
|
+
${this.steps.map((e,t)=>this._renderStep(e,t))}
|
|
700
|
+
</div>
|
|
701
|
+
`}},a.Stepper.styles=[D`${A(ca)}`],Tt([l({attribute:!1})],a.Stepper.prototype,"steps",2),Tt([l({type:Number})],a.Stepper.prototype,"activeStep",2),Tt([l({type:String})],a.Stepper.prototype,"orientation",2),Tt([l({type:Boolean})],a.Stepper.prototype,"clickable",2),a.Stepper=Tt([L("logosphere-stepper")],a.Stepper);const ua=":host{display:inline-block;position:relative}.split-button{display:inline-flex;align-items:stretch;gap:1px;font-family:var(--font-family-base);border-radius:var(--radius-base);overflow:hidden}.split-button__action,.split-button__dropdown{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:1.25rem;letter-spacing:-.14px;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-base) var(--transition-timing);outline:none}.split-button__action:focus-visible,.split-button__dropdown:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;position:relative;z-index:1}.split-button__action:disabled,.split-button__dropdown:disabled{cursor:not-allowed;pointer-events:none}.split-button__action{gap:var(--spacing-1)}.split-button__chevron{transition:transform var(--transition-speed-base) var(--transition-timing);display:inline-flex}.split-button__chevron--open{transform:rotate(180deg)}.split-button--sm .split-button__action{padding:var(--spacing-0-5) var(--spacing-2)}.split-button--sm .split-button__dropdown{padding:var(--spacing-0-5) var(--spacing-1-5)}.split-button--md .split-button__action{padding:var(--spacing-1-5) var(--spacing-3)}.split-button--md .split-button__dropdown{padding:var(--spacing-1-5) var(--spacing-2)}.split-button--lg .split-button__action{padding:var(--spacing-2-5) var(--spacing-3)}.split-button--lg .split-button__dropdown{padding:var(--spacing-2-5) var(--spacing-2)}.split-button{background-color:#fff6}.split-button--primary .split-button__action,.split-button--primary .split-button__dropdown{background-color:var(--color-primary);color:#fff}.split-button--primary .split-button__action:hover:not(:disabled),.split-button--primary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-primary-hover)}.split-button--primary .split-button__action:active:not(:disabled),.split-button--primary .split-button__dropdown:active:not(:disabled){background-color:var(--color-primary-active)}.split-button--primary.split-button--disabled,.split-button--primary .split-button__action:disabled,.split-button--primary .split-button__dropdown:disabled{background-color:var(--color-primary-disabled)}.split-button--primary.split-button--disabled .split-button__action,.split-button--primary.split-button--disabled .split-button__dropdown{background-color:var(--color-primary-disabled)}.split-button--secondary .split-button__action,.split-button--secondary .split-button__dropdown{background-color:var(--color-secondary);color:#fff}.split-button--secondary .split-button__action:hover:not(:disabled),.split-button--secondary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-secondary-hover)}.split-button--secondary .split-button__action:active:not(:disabled),.split-button--secondary .split-button__dropdown:active:not(:disabled){background-color:var(--color-secondary-active)}.split-button--secondary.split-button--disabled .split-button__action,.split-button--secondary.split-button--disabled .split-button__dropdown,.split-button--secondary .split-button__action:disabled,.split-button--secondary .split-button__dropdown:disabled{background-color:var(--color-secondary-disabled)}.split-button--success .split-button__action,.split-button--success .split-button__dropdown{background-color:var(--color-success);color:#fff}.split-button--success .split-button__action:hover:not(:disabled),.split-button--success .split-button__dropdown:hover:not(:disabled){background-color:var(--color-success-hover)}.split-button--success .split-button__action:active:not(:disabled),.split-button--success .split-button__dropdown:active:not(:disabled){background-color:var(--color-success-active)}.split-button--success.split-button--disabled .split-button__action,.split-button--success.split-button--disabled .split-button__dropdown,.split-button--success .split-button__action:disabled,.split-button--success .split-button__dropdown:disabled{background-color:var(--color-success-disabled)}.split-button--danger .split-button__action,.split-button--danger .split-button__dropdown{background-color:var(--color-danger);color:#fff}.split-button--danger .split-button__action:hover:not(:disabled),.split-button--danger .split-button__dropdown:hover:not(:disabled){background-color:var(--color-danger-hover)}.split-button--danger .split-button__action:active:not(:disabled),.split-button--danger .split-button__dropdown:active:not(:disabled){background-color:var(--color-danger-active)}.split-button--danger.split-button--disabled .split-button__action,.split-button--danger.split-button--disabled .split-button__dropdown,.split-button--danger .split-button__action:disabled,.split-button--danger .split-button__dropdown:disabled{background-color:var(--color-danger-disabled)}.split-button--info .split-button__action,.split-button--info .split-button__dropdown{background-color:var(--color-info);color:#fff}.split-button--info .split-button__action:hover:not(:disabled),.split-button--info .split-button__dropdown:hover:not(:disabled){background-color:var(--color-info-hover)}.split-button--info .split-button__action:active:not(:disabled),.split-button--info .split-button__dropdown:active:not(:disabled){background-color:var(--color-info-active)}.split-button--info.split-button--disabled .split-button__action,.split-button--info.split-button--disabled .split-button__dropdown,.split-button--info .split-button__action:disabled,.split-button--info .split-button__dropdown:disabled{background-color:var(--color-info-disabled)}.split-button--warning .split-button__action,.split-button--warning .split-button__dropdown{background-color:var(--color-warning);color:var(--color-warning-emphasis)}.split-button--warning .split-button__action:hover:not(:disabled),.split-button--warning .split-button__dropdown:hover:not(:disabled){background-color:var(--color-warning-hover)}.split-button--warning .split-button__action:active:not(:disabled),.split-button--warning .split-button__dropdown:active:not(:disabled){background-color:var(--color-warning-active)}.split-button--warning.split-button--disabled .split-button__action,.split-button--warning.split-button--disabled .split-button__dropdown,.split-button--warning .split-button__action:disabled,.split-button--warning .split-button__dropdown:disabled{background-color:var(--color-warning-disabled)}.split-button__panel{position:fixed;z-index:var(--z-index-dropdown);min-width:160px;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--spacing-1) 0;outline:none}.split-button__panel-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-body-color);text-align:left;white-space:nowrap;transition:background-color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.split-button__panel-item:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.split-button__panel-item:active:not(:disabled){background-color:var(--color-body-bg-active)}.split-button__panel-item--disabled,.split-button__panel-item:disabled{color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.split-button__panel-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-1) 0}";var ga=Object.defineProperty,fa=Object.getOwnPropertyDescriptor,ye=(r,e,t,o)=>{for(var i=o>1?void 0:o?fa(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&ga(e,t,i),i};a.SplitButton=class extends z{constructor(){super(...arguments),this.label="Button",this.size="md",this.theme="primary",this.disabled=!1,this.dropdownDisabled=!1,this.items=[],this._open=!1,this._onDocClick=e=>{this._open&&(e.composedPath().includes(this)||this._setOpen(!1))},this._onDocKeydown=e=>{e.key==="Escape"&&this._open&&this._setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocClick,{capture:!0}),document.addEventListener("keydown",this._onDocKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onDocClick,{capture:!0}),document.removeEventListener("keydown",this._onDocKeydown),this._destroyPopper()}updated(e){super.updated(e),e.has("_open")&&(this._open?this._initPopper():this._destroyPopper())}_initPopper(){!this._dropdownBtn||!this._panel||(this._popper=Mt(this._dropdownBtn,this._panel,{placement:"bottom-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8}}]}))}_destroyPopper(){var e;(e=this._popper)==null||e.destroy(),this._popper=void 0}_setOpen(e){this._open!==e&&(this._open=e,this.dispatchEvent(new CustomEvent(e?"dropdown-open":"dropdown-close",{bubbles:!0,composed:!0})))}_onActionClick(e){e.stopPropagation(),!this.disabled&&this.dispatchEvent(new CustomEvent("action",{bubbles:!0,composed:!0}))}_onDropdownClick(e){e.stopPropagation(),!(this.disabled||this.dropdownDisabled)&&this._setOpen(!this._open)}_onItemClick(e){e.disabled||(this.dispatchEvent(new CustomEvent("item-select",{detail:{value:e.value,item:e},bubbles:!0,composed:!0})),this._setOpen(!1))}_onKeydown(e,t){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),t==="action"?this._onActionClick(e):this._onDropdownClick(e))}_renderPanel(){if(!this._open)return f;const e=this.items.length>0;return p`
|
|
702
|
+
<div
|
|
703
|
+
class="split-button__panel"
|
|
704
|
+
role="menu"
|
|
705
|
+
aria-label="${this.label} options"
|
|
706
|
+
>
|
|
707
|
+
${e?this.items.map(t=>p`
|
|
708
|
+
${t.divider?p`<div class="split-button__panel-divider" role="separator"></div>`:f}
|
|
709
|
+
<button
|
|
710
|
+
class="split-button__panel-item ${t.disabled?"split-button__panel-item--disabled":""}"
|
|
711
|
+
role="menuitem"
|
|
712
|
+
?disabled=${t.disabled}
|
|
713
|
+
@click=${()=>this._onItemClick(t)}
|
|
714
|
+
>
|
|
715
|
+
${t.icon?p`<ui-icon name=${t.icon} size="16"></ui-icon>`:f}
|
|
716
|
+
<span>${t.label}</span>
|
|
717
|
+
</button>
|
|
718
|
+
`):p`<slot name="dropdown"></slot>`}
|
|
719
|
+
</div>
|
|
720
|
+
`}render(){const e=this.disabled,t=this.disabled||this.dropdownDisabled;return p`
|
|
721
|
+
<div
|
|
722
|
+
class="split-button split-button--${this.size} split-button--${this.theme}
|
|
723
|
+
${this.disabled?"split-button--disabled":""}
|
|
724
|
+
${this._open?"split-button--open":""}"
|
|
725
|
+
role="group"
|
|
726
|
+
>
|
|
727
|
+
<!-- Main action -->
|
|
728
|
+
<button
|
|
729
|
+
class="split-button__action"
|
|
730
|
+
?disabled=${e}
|
|
731
|
+
aria-label=${this.label}
|
|
732
|
+
@click=${this._onActionClick}
|
|
733
|
+
@keydown=${o=>this._onKeydown(o,"action")}
|
|
734
|
+
type="button"
|
|
735
|
+
>
|
|
736
|
+
<slot name="prefix"></slot>
|
|
737
|
+
<span class="split-button__label">
|
|
738
|
+
<slot>${this.label}</slot>
|
|
739
|
+
</span>
|
|
740
|
+
</button>
|
|
741
|
+
|
|
742
|
+
<!-- Dropdown trigger -->
|
|
743
|
+
<button
|
|
744
|
+
class="split-button__dropdown"
|
|
745
|
+
?disabled=${t}
|
|
746
|
+
aria-label="Open dropdown"
|
|
747
|
+
aria-haspopup="menu"
|
|
748
|
+
aria-expanded=${this._open?"true":"false"}
|
|
749
|
+
@click=${this._onDropdownClick}
|
|
750
|
+
@keydown=${o=>this._onKeydown(o,"dropdown")}
|
|
751
|
+
type="button"
|
|
752
|
+
>
|
|
753
|
+
<ui-icon
|
|
754
|
+
name="uil-angle-down"
|
|
755
|
+
size="16"
|
|
756
|
+
class="split-button__chevron ${this._open?"split-button__chevron--open":""}"
|
|
757
|
+
></ui-icon>
|
|
758
|
+
</button>
|
|
759
|
+
|
|
760
|
+
<!-- Dropdown panel -->
|
|
761
|
+
${this._renderPanel()}
|
|
762
|
+
</div>
|
|
763
|
+
`}},a.SplitButton.styles=[D`${A(ua)}`],ye([l({type:String})],a.SplitButton.prototype,"label",2),ye([l({type:String})],a.SplitButton.prototype,"size",2),ye([l({type:String})],a.SplitButton.prototype,"theme",2),ye([l({type:Boolean})],a.SplitButton.prototype,"disabled",2),ye([l({type:Boolean})],a.SplitButton.prototype,"dropdownDisabled",2),ye([l({attribute:!1})],a.SplitButton.prototype,"items",2),ye([m()],a.SplitButton.prototype,"_open",2),ye([V(".split-button__dropdown")],a.SplitButton.prototype,"_dropdownBtn",2),ye([V(".split-button__panel")],a.SplitButton.prototype,"_panel",2),a.SplitButton=ye([L("logosphere-split-button")],a.SplitButton);const ba=":host{display:block}.collapse{font-family:var(--font-family-base);background-color:var(--color-body-bg);overflow:hidden}.collapse--full{border:1px solid var(--color-border);border-radius:var(--radius-base)}.collapse--bottom{border-bottom:1px solid var(--color-border);border-radius:0}.collapse__header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-fast) var(--transition-timing);outline:none}.collapse--small .collapse__header{padding:var(--spacing-2) var(--spacing-4)}.collapse--full .collapse__header{border-radius:calc(var(--radius-base) - 1px)}.collapse--full.collapse--expanded .collapse__header{border-radius:calc(var(--radius-base) - 1px) calc(var(--radius-base) - 1px) 0 0}.collapse--full .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse--bottom .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--radius-base) - 1px)}.collapse__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:-.16px;color:var(--color-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse__header-extra:empty{display:none}.collapse__header-extra{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.collapse__header-spacer{flex:1}.collapse__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary);transition:transform var(--transition-speed-base) var(--transition-timing)}.collapse__icon--expanded{transform:rotate(180deg)}.collapse__body{height:0;overflow:hidden;transition:height var(--transition-speed-slow) var(--transition-timing)}.collapse__body-inner{padding:0 var(--spacing-4) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-body-color)}.collapse--bottom .collapse__body-inner{padding-top:var(--spacing-2)}.collapse--disabled .collapse__header{cursor:not-allowed;pointer-events:none}.collapse--disabled .collapse__title,.collapse--disabled .collapse__icon{color:var(--color-secondary-disabled)}.collapse--disabled.collapse--full{border-color:var(--color-secondary-disabled);background-color:var(--color-light-bg)}.collapse--disabled.collapse--bottom{border-bottom-color:var(--color-secondary-disabled);background-color:transparent}";var _a=Object.defineProperty,va=Object.getOwnPropertyDescriptor,Ee=(r,e,t,o)=>{for(var i=o>1?void 0:o?va(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&_a(e,t,i),i};const Kt=typeof requestAnimationFrame!="undefined"?requestAnimationFrame.bind(window):r=>setTimeout(()=>r(Date.now()),16);a.Collapse=class extends z{constructor(){super(...arguments),this.title="",this.expanded=!1,this.disabled=!1,this.iconPosition="right",this.border="full",this.size="default"}_toggle(){this.disabled||(this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("toggle",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}_onKeydown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._toggle())}_lockHeightForClose(){const e=this._body;if(!e)return;const t=e.getBoundingClientRect().height;e.style.height=`${t}px`,e.style.overflow="hidden"}willUpdate(e){super.willUpdate(e),e.has("expanded")&&!this.expanded&&this._lockHeightForClose()}updated(e){if(super.updated(e),!e.has("expanded")||!this._body||!this._inner)return;const t=this._body,o=this._inner;this.expanded?(t.style.height="0px",t.style.overflow="hidden",Kt(()=>{Kt(()=>{t.style.height=`${o.scrollHeight}px`,t.addEventListener("transitionend",function i(){t.style.height="auto",t.style.overflow="",t.removeEventListener("transitionend",i)},{once:!0})})})):(t.getBoundingClientRect(),Kt(()=>{Kt(()=>{t.style.height="0px"})}))}_renderIcon(){return p`
|
|
764
|
+
<span class="collapse__icon ${this.expanded?"collapse__icon--expanded":""}">
|
|
765
|
+
<ui-icon name="uil-angle-down" size="22"></ui-icon>
|
|
766
|
+
</span>
|
|
767
|
+
`}render(){return p`
|
|
768
|
+
<div
|
|
769
|
+
class="collapse
|
|
770
|
+
collapse--${this.border}
|
|
771
|
+
collapse--${this.size}
|
|
772
|
+
${this.expanded?"collapse--expanded":""}
|
|
773
|
+
${this.disabled?"collapse--disabled":""}"
|
|
774
|
+
>
|
|
775
|
+
<!-- Header -->
|
|
776
|
+
<div
|
|
777
|
+
class="collapse__header"
|
|
778
|
+
role="button"
|
|
779
|
+
tabindex=${this.disabled?"-1":"0"}
|
|
780
|
+
aria-expanded=${this.expanded?"true":"false"}
|
|
781
|
+
aria-disabled=${this.disabled?"true":f}
|
|
782
|
+
@click=${this._toggle}
|
|
783
|
+
@keydown=${this._onKeydown}
|
|
784
|
+
>
|
|
785
|
+
${this.iconPosition==="left"?this._renderIcon():f}
|
|
786
|
+
|
|
787
|
+
<div class="collapse__title">
|
|
788
|
+
<slot name="title">${this.title}</slot>
|
|
789
|
+
</div>
|
|
790
|
+
|
|
791
|
+
<div class="collapse__header-extra">
|
|
792
|
+
<slot name="extra"></slot>
|
|
793
|
+
</div>
|
|
794
|
+
|
|
795
|
+
<!-- pushes extra to title side, icon stays at far right -->
|
|
796
|
+
<span class="collapse__header-spacer"></span>
|
|
797
|
+
|
|
798
|
+
${this.iconPosition==="right"?this._renderIcon():f}
|
|
799
|
+
</div>
|
|
800
|
+
|
|
801
|
+
<!-- Body (animated) -->
|
|
802
|
+
<div class="collapse__body ${this.expanded?"collapse__body--visible":""}">
|
|
803
|
+
<div class="collapse__body-inner">
|
|
804
|
+
<!-- slot="body" for explicit usage; default slot as fallback -->
|
|
805
|
+
<slot name="body"><slot></slot></slot>
|
|
806
|
+
</div>
|
|
807
|
+
</div>
|
|
808
|
+
</div>
|
|
809
|
+
`}},a.Collapse.styles=[D`${A(ba)}`],Ee([l({type:String})],a.Collapse.prototype,"title",2),Ee([l({type:Boolean,reflect:!0})],a.Collapse.prototype,"expanded",2),Ee([l({type:Boolean,reflect:!0})],a.Collapse.prototype,"disabled",2),Ee([l({type:String})],a.Collapse.prototype,"iconPosition",2),Ee([l({type:String})],a.Collapse.prototype,"border",2),Ee([l({type:String})],a.Collapse.prototype,"size",2),Ee([V(".collapse__body-inner")],a.Collapse.prototype,"_inner",2),Ee([V(".collapse__body")],a.Collapse.prototype,"_body",2),a.Collapse=Ee([L("logosphere-collapse")],a.Collapse);const ma=":host{display:block}.accordion{display:flex;flex-direction:column}.accordion--full{gap:var(--spacing-2)}.accordion--bottom{gap:0}.accordion--full ::slotted(logosphere-collapse),.accordion--full logosphere-collapse{width:100%}";var ya=Object.defineProperty,wa=Object.getOwnPropertyDescriptor,Ie=(r,e,t,o)=>{for(var i=o>1?void 0:o?wa(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&ya(e,t,i),i};a.Accordion=class extends z{constructor(){super(...arguments),this.items=[],this.multiple=!1,this.defaultOpen=[],this.border="full",this.iconPosition="right",this.size="default",this._openSet=new Set,this._onSlottedToggle=e=>{if(this.items.length>0||this.multiple)return;const t=e.target;e.detail.expanded&&this.querySelectorAll("logosphere-collapse").forEach(o=>{o!==t&&o.expanded&&(o.expanded=!1)})}}connectedCallback(){super.connectedCallback();const e=Array.isArray(this.defaultOpen)?this.defaultOpen:[this.defaultOpen];this._openSet=new Set(e),this.addEventListener("toggle",this._onSlottedToggle)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("toggle",this._onSlottedToggle)}_toggle(e){const t=new Set(this._openSet);t.has(e)?t.delete(e):(this.multiple||t.clear(),t.add(e));const o=this._openSet.has(e);this._openSet=t,this.dispatchEvent(new CustomEvent("accordion-change",{detail:{index:e,expanded:!o,openIndices:[...this._openSet]},bubbles:!0,composed:!0}))}render(){return this.items.length===0?p`
|
|
810
|
+
<div class="accordion accordion--${this.border}">
|
|
811
|
+
<slot></slot>
|
|
812
|
+
</div>
|
|
813
|
+
`:p`
|
|
814
|
+
<div class="accordion accordion--${this.border}">
|
|
815
|
+
${this.items.map((e,t)=>{var o;return p`
|
|
816
|
+
<logosphere-collapse
|
|
817
|
+
title=${e.title}
|
|
818
|
+
.expanded=${this._openSet.has(t)}
|
|
819
|
+
.disabled=${(o=e.disabled)!=null?o:!1}
|
|
820
|
+
border=${this.border}
|
|
821
|
+
iconPosition=${this.iconPosition}
|
|
822
|
+
size=${this.size}
|
|
823
|
+
@toggle=${i=>{i.stopPropagation(),this._toggle(t)}}
|
|
824
|
+
>
|
|
825
|
+
<span slot="body">${e.content}</span>
|
|
826
|
+
</logosphere-collapse>
|
|
827
|
+
`})}
|
|
828
|
+
</div>
|
|
829
|
+
`}},a.Accordion.styles=[D`${A(ma)}`],Ie([l({attribute:!1})],a.Accordion.prototype,"items",2),Ie([l({type:Boolean})],a.Accordion.prototype,"multiple",2),Ie([l({attribute:!1})],a.Accordion.prototype,"defaultOpen",2),Ie([l({type:String})],a.Accordion.prototype,"border",2),Ie([l({type:String})],a.Accordion.prototype,"iconPosition",2),Ie([l({type:String})],a.Accordion.prototype,"size",2),Ie([m()],a.Accordion.prototype,"_openSet",2),a.Accordion=Ie([L("logosphere-accordion")],a.Accordion);const xa=".textarea__wrap{position:relative;flex:1;min-width:0}.textarea__field{display:block;width:100%;background:transparent;border:none;outline:none;font-size:14px;font-family:var(--font-family-base);font-weight:var(--font-weight-regular);line-height:1.25rem;letter-spacing:-.14px;color:var(--color-body-text);box-sizing:border-box}.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__counter{position:absolute;bottom:5px;right:18px;font-size:11px;font-weight:var(--font-weight-medium);line-height:1rem;letter-spacing:-.11px;color:var(--color-secondary);background-color:var(--color-light-bg-2);border-radius:var(--radius-sm, 4px);padding:0 var(--spacing-1);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none}.textarea__wrap--no-grip .textarea__counter{right:4px}.textarea__clear-btn{border:none;background:transparent;color:var(--color-tertiary);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;outline:none;line-height:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.textarea__clear-btn:hover{color:var(--color-body-text)}";var $a=Object.defineProperty,ka=Object.getOwnPropertyDescriptor,F=(r,e,t,o)=>{for(var i=o>1?void 0:o?ka(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&$a(e,t,i),i};a.TextArea=class extends z{constructor(){super(...arguments),this.value="",this.placeholder="",this.name="",this.autocomplete="",this.rows=3,this.maxRows=8,this.wrap="soft",this.resize="vertical",this.autoResize=!0,this.size="default",this.variant="default",this.label="",this.helper="",this.error="",this.required=!1,this.disabled=!1,this.readonly=!1,this._internalError="",this._charCount=0,this.handleInput=e=>{const t=e.target;this.value=t.value,this._charCount=this.value.length,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._charCount=0,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,o){var i;(i=this._textareaElement)==null||i.setSelectionRange(e,t,o)}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(){if(!this.autoResize||!this._textareaElement)return;const e=this._textareaElement;e.style.height="",e.style.overflow="hidden";const t=e.scrollHeight;if(t!==0){if(this.maxRows>0){const o=parseFloat(getComputedStyle(e).lineHeight)||20,i=Math.round(o*this.maxRows);if(t>=i){e.style.height=`${i}px`,e.style.overflow="auto";return}}e.style.height=`${t}px`}}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]}firstUpdated(){this._charCount=this.value.length,this.autoResize&&requestAnimationFrame(()=>this.adjustHeight())}updated(e){super.updated(e),e.has("value")&&(this._charCount=this.value.length,this.autoResize&&this.adjustHeight())}getWrapClass(){return this.autoResize||this.resize==="none"?"textarea__wrap textarea__wrap--no-grip":"textarea__wrap"}render(){var s,n,d;const e=this.error||this._internalError,t=!!this.value&&!this.disabled&&!this.readonly,o=this.maxlength!=null,i=`textarea__field ${this.getResizeClass()}`;return p`
|
|
544
830
|
<logosphere-formfield
|
|
545
831
|
.label=${this.label}
|
|
546
832
|
.helper=${this.helper}
|
|
@@ -555,18 +841,18 @@
|
|
|
555
841
|
<slot name="prefix" slot="prefix"></slot>
|
|
556
842
|
<div class="${this.getWrapClass()}">
|
|
557
843
|
<textarea
|
|
558
|
-
class="${
|
|
559
|
-
.value=${
|
|
560
|
-
placeholder=${this.placeholder||
|
|
561
|
-
name=${this.name||
|
|
562
|
-
autocomplete=${this.autocomplete||
|
|
844
|
+
class="${i}"
|
|
845
|
+
.value=${Vt(this.value)}
|
|
846
|
+
placeholder=${this.placeholder||f}
|
|
847
|
+
name=${this.name||f}
|
|
848
|
+
autocomplete=${this.autocomplete||f}
|
|
563
849
|
?required=${this.required}
|
|
564
850
|
?disabled=${this.disabled}
|
|
565
851
|
?readonly=${this.readonly}
|
|
566
|
-
minlength=${(
|
|
567
|
-
maxlength=${(
|
|
852
|
+
minlength=${(s=this.minlength)!=null?s:f}
|
|
853
|
+
maxlength=${(n=this.maxlength)!=null?n:f}
|
|
568
854
|
rows=${this.rows}
|
|
569
|
-
cols=${(
|
|
855
|
+
cols=${(d=this.cols)!=null?d:f}
|
|
570
856
|
wrap=${this.wrap}
|
|
571
857
|
@input=${this.handleInput}
|
|
572
858
|
@change=${this.handleChange}
|
|
@@ -575,7 +861,7 @@
|
|
|
575
861
|
></textarea>
|
|
576
862
|
${o?p`
|
|
577
863
|
<span class="textarea__counter">${this._charCount}/${this.maxlength}</span>
|
|
578
|
-
`:
|
|
864
|
+
`:f}
|
|
579
865
|
</div>
|
|
580
866
|
${t?p`
|
|
581
867
|
<button
|
|
@@ -587,10 +873,10 @@
|
|
|
587
873
|
>
|
|
588
874
|
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
589
875
|
</button>
|
|
590
|
-
`:
|
|
876
|
+
`:f}
|
|
591
877
|
<slot name="suffix" slot="suffix"></slot>
|
|
592
878
|
</logosphere-formfield>
|
|
593
|
-
`}},
|
|
879
|
+
`}},a.TextArea.styles=[D`${A(xa)}`],F([V("textarea")],a.TextArea.prototype,"_textareaElement",2),F([l({type:String})],a.TextArea.prototype,"value",2),F([l({type:String})],a.TextArea.prototype,"placeholder",2),F([l({type:String})],a.TextArea.prototype,"name",2),F([l({type:String})],a.TextArea.prototype,"autocomplete",2),F([l({type:Number})],a.TextArea.prototype,"minlength",2),F([l({type:Number})],a.TextArea.prototype,"maxlength",2),F([l({type:Number})],a.TextArea.prototype,"rows",2),F([l({type:Number})],a.TextArea.prototype,"maxRows",2),F([l({type:Number})],a.TextArea.prototype,"cols",2),F([l({type:String})],a.TextArea.prototype,"wrap",2),F([l({type:String})],a.TextArea.prototype,"resize",2),F([l({type:Boolean})],a.TextArea.prototype,"autoResize",2),F([l({type:String})],a.TextArea.prototype,"size",2),F([l({type:String})],a.TextArea.prototype,"variant",2),F([l({type:String})],a.TextArea.prototype,"label",2),F([l({type:String})],a.TextArea.prototype,"helper",2),F([l({type:String})],a.TextArea.prototype,"error",2),F([l({type:Boolean})],a.TextArea.prototype,"required",2),F([l({type:Boolean})],a.TextArea.prototype,"disabled",2),F([l({type:Boolean})],a.TextArea.prototype,"readonly",2),F([m()],a.TextArea.prototype,"_internalError",2),F([m()],a.TextArea.prototype,"_charCount",2),a.TextArea=F([L("logosphere-textarea")],a.TextArea);const Ca=":host{display:block;width:100%}.timepicker__reference{display:block;width:100%}.timepicker__trigger{border:none;background:transparent;color:var(--color-tertiary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;height:100%;min-height:32px;outline:none;border-radius:0 var(--radius-base) var(--radius-base) 0;transition:color var(--transition-speed-fast) var(--transition-timing),background-color var(--transition-speed-fast) var(--transition-timing)}.timepicker__trigger:hover{color:var(--color-body-text);background-color:var(--color-body-bg-hover)}.timepicker__trigger--active{color:var(--color-body-text)}.timepicker__trigger:disabled{pointer-events:none;opacity:.4}.timepicker__popup[popover]{position:fixed;inset:unset;margin:0;padding:0;border:none;width:240px;background-color:var(--color-body-bg);border-radius:12px;box-shadow:0 4px 16px #7878783d;overflow:hidden;z-index:var(--z-index-dropdown, 1000)}.timepicker__spinner{display:flex;flex-direction:row;align-items:stretch;padding:var(--spacing-1) var(--spacing-2)}.timepicker__col{flex:1;display:flex;flex-direction:column;padding:0px var(--spacing-5)}.timepicker__col--left{align-items:flex-start}.timepicker__col--right{align-items:flex-end}.timepicker__col--sep{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--spacing-1)}.timepicker__spin-btn{height:32px;display:flex;align-items:center;justify-content:center;border:none;padding:var(--spacing-2);background:transparent;color:var(--color-secondary);border-radius:var(--radius-base);cursor:pointer;outline:none;box-sizing:border-box;transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.timepicker__spin-btn:hover{background-color:var(--color-body-bg-hover);color:var(--color-body-text)}.timepicker__spin-btn:active{background-color:var(--color-body-bg-active)}.timepicker__time-unit{height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;font-family:var(--font-family-base);font-weight:var(--font-weight-regular);line-height:1.25rem;letter-spacing:-.14px;color:var(--color-body-text);text-align:center;box-sizing:border-box;padding:var(--spacing-2)}.timepicker__colon{height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);color:var(--color-secondary)}.timepicker__actions{display:flex;align-items:center;padding:var(--spacing-2);border-top:1px solid var(--color-border);gap:var(--spacing-1)}.timepicker__action-btn{flex:1 0 0;min-width:0;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-secondary);border-radius:var(--radius-full);cursor:pointer;padding:var(--spacing-2);outline:none;transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.timepicker__action-btn:hover{background-color:var(--color-body-bg-hover);color:var(--color-body-text)}.timepicker__action-btn:active{background-color:var(--color-body-bg-active)}";var Sa=Object.defineProperty,Ea=Object.getOwnPropertyDescriptor,G=(r,e,t,o)=>{for(var i=o>1?void 0:o?Ea(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&Sa(e,t,i),i};a.TimePicker=class extends z{constructor(){super(...arguments),this.value="",this.label="",this.helper="",this.error="",this.placeholder="__:__",this.required=!1,this.disabled=!1,this.readonly=!1,this.size="default",this.variant="default",this._isOpen=!1,this._hour=0,this._minute=0,this._handleOutsideClick=e=>{this._isOpen&&!e.composedPath().includes(this)&&(this._isOpen=!1)},this._handleInputChange=e=>{var o,i;e.stopPropagation();const t=(i=(o=e.detail)==null?void 0:o.value)!=null?i:"";if(/^\d{2}:\d{2}$/.test(t)){const[s,n]=this._parseValue(t);this._hour=s,this._minute=n;const d=`${this._pad(s)}:${this._pad(n)}`;this.value=d,this._emit(d)}},this._handleInputClear=e=>{e.stopPropagation(),this.value="",this._hour=0,this._minute=0,this._emit(""),this.dispatchEvent(new CustomEvent("clear",{bubbles:!0,composed:!0})),this._isOpen=!1},this._incrementHour=()=>{this._hour=(this._hour+1)%24,this._syncValue()},this._decrementHour=()=>{this._hour=(this._hour-1+24)%24,this._syncValue()},this._incrementMinute=()=>{this._minute=(this._minute+1)%60,this._syncValue()},this._decrementMinute=()=>{this._minute=(this._minute-1+60)%60,this._syncValue()}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleOutsideClick),this._destroyPopper()}willUpdate(e){if(e.has("value")&&/^\d{1,2}:\d{2}$/.test(this.value)){const[t,o]=this._parseValue(this.value);this._hour=t,this._minute=o}}updated(e){e.has("_isOpen")&&(this._isOpen?this.updateComplete.then(()=>{this._showPopover(),this._updatePopper()}):(this._hidePopover(),this._destroyPopper()))}_parseValue(e){const t=e.match(/^(\d{1,2}):(\d{2})$/);return t?[Math.min(23,Math.max(0,parseInt(t[1],10))),Math.min(59,Math.max(0,parseInt(t[2],10)))]:[0,0]}_pad(e){return String(e).padStart(2,"0")}_updatePopper(){!this._referenceEl||!this._popupEl||(this._popperInstance=Mt(this._referenceEl,this._popupEl,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"flip",options:{fallbackPlacements:["top-start"]}},{name:"preventOverflow",options:{boundary:document.documentElement,padding:8}}]}))}_destroyPopper(){var e;(e=this._popperInstance)==null||e.destroy(),this._popperInstance=void 0}_showPopover(){var t;const e=this._popupEl;(t=e==null?void 0:e.showPopover)==null||t.call(e)}_hidePopover(){var t;const e=this._popupEl;try{(t=e==null?void 0:e.hidePopover)==null||t.call(e)}catch(o){}}_togglePopup(){if(!(this.disabled||this.readonly))if(this._isOpen)this._isOpen=!1;else{const[e,t]=this._parseValue(this.value);this._hour=e,this._minute=t,this._isOpen=!0}}_clearValue(e){e==null||e.stopPropagation(),this.value="",this._hour=0,this._minute=0,this._emit(""),this.dispatchEvent(new CustomEvent("clear",{bubbles:!0,composed:!0})),this._isOpen=!1}_setNow(){const e=new Date;this._hour=e.getHours(),this._minute=e.getMinutes(),this._syncValue()}_emit(e){var t;(t=this.onChange)==null||t.call(this,e),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:e}}))}_syncValue(){const e=`${this._pad(this._hour)}:${this._pad(this._minute)}`;this.value=e,this._emit(e)}_startSpin(e){e(),this._spinInterval=setInterval(e,120)}_stopSpin(){clearInterval(this._spinInterval),this._spinInterval=void 0}_renderPopup(){return p`
|
|
594
880
|
<div data-timepicker-popup popover="manual" class="timepicker__popup">
|
|
595
881
|
<div class="timepicker__spinner">
|
|
596
882
|
<!-- Sol sütun: saat -->
|
|
@@ -708,8 +994,8 @@
|
|
|
708
994
|
</div>
|
|
709
995
|
|
|
710
996
|
${this._renderPopup()}
|
|
711
|
-
`}},n.TimePicker.styles=[H`${I(is)}`],G([d({type:String})],n.TimePicker.prototype,"value",2),G([d({type:String})],n.TimePicker.prototype,"label",2),G([d({type:String})],n.TimePicker.prototype,"helper",2),G([d({type:String})],n.TimePicker.prototype,"error",2),G([d({type:String})],n.TimePicker.prototype,"placeholder",2),G([d({type:Boolean})],n.TimePicker.prototype,"required",2),G([d({type:Boolean})],n.TimePicker.prototype,"disabled",2),G([d({type:Boolean})],n.TimePicker.prototype,"readonly",2),G([d({type:String})],n.TimePicker.prototype,"size",2),G([d({type:String})],n.TimePicker.prototype,"variant",2),G([d({attribute:!1})],n.TimePicker.prototype,"onChange",2),G([y()],n.TimePicker.prototype,"_isOpen",2),G([y()],n.TimePicker.prototype,"_hour",2),G([y()],n.TimePicker.prototype,"_minute",2),G([Z(".timepicker__reference")],n.TimePicker.prototype,"_referenceEl",2),G([Z("[data-timepicker-popup]")],n.TimePicker.prototype,"_popupEl",2),n.TimePicker=G([V("logosphere-timepicker")],n.TimePicker);const ns=":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-md);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-color)}.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__messages-wrapper{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.chatbot__scroll-down{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-body-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-body-text);z-index:10;transition:background-color var(--transition-speed-fast) var(--transition-timing),box-shadow var(--transition-speed-fast) var(--transition-timing);padding:0}.chatbot__scroll-down:hover{background-color:var(--color-light);box-shadow:var(--shadow-lg)}.chatbot__message{display:flex}.chatbot__message--user{justify-content:flex-end}.chatbot__message--assistant{display:block}.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-light);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-light);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-light);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,cs=Object.getOwnPropertyDescriptor,B=(i,e,t,o)=>{for(var r=o>1?void 0:o?cs(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&ls(e,t,r),r};n.LogosphereChatBot=class extends P{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=700,this.position={right:20,bottom:20},this.isDragging=!1,this.screenWidth=1024,this.userAtBottom=!0,this.showScrollDown=!1,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.open&&this.scrollToBottom(!0)},this.onClose=()=>{this.open=!1,this.fullscreen=!1},this.onToggleFullscreen=()=>{this.fullscreen=!this.fullscreen},this.onMouseMove=e=>{var t;if(this.isDragging){const o=this.dragStartPos.x-e.clientX,r=this.dragStartPos.y-e.clientY,a=(t=this.shadowRoot)==null?void 0:t.querySelector(".chatbot__launcher"),s=a==null?void 0:a.getBoundingClientRect(),l=(s==null?void 0:s.width)||72,c=(s==null?void 0:s.height)||66;this.position={right:Math.max(0,Math.min(window.innerWidth-l,this.initialPosition.right+o)),bottom:Math.max(0,Math.min(window.innerHeight-c,this.initialPosition.bottom+r))}}else if(this.isResizing){const o=this.dragStartPos.x-e.clientX,r=this.dragStartPos.y-e.clientY;if(this.resizeDirection==="horizontal"||this.resizeDirection==="both"){const a=this.position.right<this.screenWidth/2;this.windowWidth=Math.max(300,this.resizeStartWidth+(a?o:-o))}(this.resizeDirection==="vertical"||this.resizeDirection==="both")&&(this.windowHeight=Math.max(400,this.resizeStartHeight+r))}},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.onChatScroll=()=>{const e=this.isNearBottom();this.userAtBottom=e,e&&(this.showScrollDown=!1)},this.onScrollToBottomClick=()=>{this.scrollToBottom(!0)},this.onRate=async(e,t)=>{if(!(!e.eventId||e.rating===t))try{await this.rateMessage(e.eventId,t),this.messages=this.messages.map(o=>o===e?Pe(we({},o),{rating:t}):o)}catch(o){}},this.onCopyMessage=e=>{navigator.clipboard.writeText(e)}}connectedCallback(){super.connectedCallback(),this.screenWidth=window.innerWidth,this.windowHeight=Math.min(700,window.innerHeight-40),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.products.find(o=>o.selected),t=this.products.some(o=>o.id===this.selectedProductId);e&&e.id!==this.selectedProductId?(this.selectedProductId=e.id,this.messages=[],this.conversationId=void 0,this.open&&this.initConversation()):t||(this.selectedProductId=this._resolveInitialProduct(),this.messages=[],this.conversationId=void 0,this.open&&this.initConversation()),requestAnimationFrame(()=>this.updateComboboxItems())}updateComboboxItems(){var r,a,s;const e=this.productEl;if(!e||((r=this.products)==null?void 0:r.length)<=1)return;const t=this.products.map(l=>({value:l.id,label:l.name}));if(e.items=t,((s=(((a=e.selectedItems)==null?void 0:a.call(e))||[])[0])==null?void 0:s.value)!==this.selectedProductId){const l=t.find(c=>c.value===this.selectedProductId);e.setSelected&&e.setSelected(l?[l]:[])}}async onProductChange(e){var o,r,a;const t=(a=(r=(o=e.detail)==null?void 0:o.selected)==null?void 0:r[0])==null?void 0:a.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=we({},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 a;const t="logosphere_chatbot_token";if(e&&(this.assertionToken=void 0,localStorage.removeItem(t)),!e){const s=localStorage.getItem(t);if(s){this.assertionToken=s;return}}const r=await(await fetch(`${this.returnUri}/api/chat/start`)).json();if(!r.Success||!((a=r.Data)!=null&&a.Token))throw new Error("Token alınamadı");this.assertionToken=r.Data.Token,localStorage.setItem(t,this.assertionToken)}async postChat(e){await this.ensureToken();const t=`${this.returnUri}/api/chat/completions`,o=()=>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 r=await o();if(r.status===401&&(await this.ensureToken(!0),r=await o()),!r.ok)throw new Error(`HTTP ${r.status}`);return r.json()}async initConversation(){var e,t,o;if(!this.isLoading){this.isLoading=!0;try{await this.ensureToken();const r=await this.postChat({ChatCompletionType:"NewConversation",Context:this.selectedProductId,QuestionPrompt:this.questionPrompt});this.conversationId=r.Data.ConversationId;const a=(o=(t=(e=r.Data.Choices)==null?void 0:e[0])==null?void 0:t.Message)==null?void 0:o.Content;a&&this.addMessage(a,"assistant",void 0,!0)}catch(r){this.addMessage("Bir hata oluştu, lütfen tekrar deneyiniz.","system")}finally{this.isLoading=!1}}}async sendMessage(){var t,o,r,a,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.scrollToBottom(),this.isLoading=!0;try{const l=await this.postChat({ChatCompletionType:"ConversationUpdate",Content:e,Context:this.selectedProductId,ConversationId:this.conversationId,QuestionPrompt:this.questionPrompt}),c=(a=(r=(o=(t=l.Data)==null?void 0:t.Choices)==null?void 0:o[0])==null?void 0:r.Message)==null?void 0:a.Content,u=(s=l.Data)==null?void 0:s.EventId;this.addMessage(c||"Cevap alınamadı.","assistant",u)}catch(l){this.addMessage("Bağlantı hatası.","system")}finally{this.isLoading=!1}}}addMessage(e,t,o,r=!1){this.messages=[...this.messages,{content:e,role:t,timestamp:Date.now(),eventId:o,isWelcome:r}]}isNearBottom(e=50){const t=this.chatContainer;return t?t.scrollHeight-t.scrollTop-t.clientHeight<=e:!0}scrollToBottom(e=!1){if(!e&&!this.userAtBottom){this.showScrollDown=!0;return}setTimeout(()=>{this.chatContainer&&(this.chatContainer.scrollTop=this.chatContainer.scrollHeight,this.showScrollDown=!1,this.userAtBottom=!0)},0)}async rateMessage(e,t,o=null){await this.ensureToken();const r=`${this.returnUri}/api/chat/completion/rate`;await fetch(r,{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({EventId:e,Rate:t,Comment:o})})}formatContent(e){if(!e)return"";const o=e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").split(`
|
|
712
|
-
`);let
|
|
997
|
+
`}},a.TimePicker.styles=[D`${A(Ca)}`],G([l({type:String})],a.TimePicker.prototype,"value",2),G([l({type:String})],a.TimePicker.prototype,"label",2),G([l({type:String})],a.TimePicker.prototype,"helper",2),G([l({type:String})],a.TimePicker.prototype,"error",2),G([l({type:String})],a.TimePicker.prototype,"placeholder",2),G([l({type:Boolean})],a.TimePicker.prototype,"required",2),G([l({type:Boolean})],a.TimePicker.prototype,"disabled",2),G([l({type:Boolean})],a.TimePicker.prototype,"readonly",2),G([l({type:String})],a.TimePicker.prototype,"size",2),G([l({type:String})],a.TimePicker.prototype,"variant",2),G([l({attribute:!1})],a.TimePicker.prototype,"onChange",2),G([m()],a.TimePicker.prototype,"_isOpen",2),G([m()],a.TimePicker.prototype,"_hour",2),G([m()],a.TimePicker.prototype,"_minute",2),G([V(".timepicker__reference")],a.TimePicker.prototype,"_referenceEl",2),G([V("[data-timepicker-popup]")],a.TimePicker.prototype,"_popupEl",2),a.TimePicker=G([L("logosphere-timepicker")],a.TimePicker);const Pa=":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-md);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-color)}.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__messages-wrapper{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.chatbot__scroll-down{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-body-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-body-text);z-index:10;transition:background-color var(--transition-speed-fast) var(--transition-timing),box-shadow var(--transition-speed-fast) var(--transition-timing);padding:0}.chatbot__scroll-down:hover{background-color:var(--color-light);box-shadow:var(--shadow-lg)}.chatbot__message{display:flex}.chatbot__message--user{justify-content:flex-end}.chatbot__message--assistant{display:block}.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-light);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-light);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-light);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 za=Object.defineProperty,Aa=Object.getOwnPropertyDescriptor,R=(r,e,t,o)=>{for(var i=o>1?void 0:o?Aa(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&za(e,t,i),i};a.LogosphereChatBot=class extends z{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=700,this.position={right:20,bottom:20},this.isDragging=!1,this.screenWidth=1024,this.userAtBottom=!0,this.showScrollDown=!1,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.open&&this.scrollToBottom(!0)},this.onClose=()=>{this.open=!1,this.fullscreen=!1},this.onToggleFullscreen=()=>{this.fullscreen=!this.fullscreen},this.onMouseMove=e=>{var t;if(this.isDragging){const o=this.dragStartPos.x-e.clientX,i=this.dragStartPos.y-e.clientY,s=(t=this.shadowRoot)==null?void 0:t.querySelector(".chatbot__launcher"),n=s==null?void 0:s.getBoundingClientRect(),d=(n==null?void 0:n.width)||72,c=(n==null?void 0:n.height)||66;this.position={right:Math.max(0,Math.min(window.innerWidth-d,this.initialPosition.right+o)),bottom:Math.max(0,Math.min(window.innerHeight-c,this.initialPosition.bottom+i))}}else if(this.isResizing){const o=this.dragStartPos.x-e.clientX,i=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?o:-o))}(this.resizeDirection==="vertical"||this.resizeDirection==="both")&&(this.windowHeight=Math.max(400,this.resizeStartHeight+i))}},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.onChatScroll=()=>{const e=this.isNearBottom();this.userAtBottom=e,e&&(this.showScrollDown=!1)},this.onScrollToBottomClick=()=>{this.scrollToBottom(!0)},this.onRate=async(e,t)=>{if(!(!e.eventId||e.rating===t))try{await this.rateMessage(e.eventId,t),this.messages=this.messages.map(o=>o===e?Me($e({},o),{rating:t}):o)}catch(o){}},this.onCopyMessage=e=>{navigator.clipboard.writeText(e)}}connectedCallback(){super.connectedCallback(),this.screenWidth=window.innerWidth,this.windowHeight=Math.min(700,window.innerHeight-40),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.products.find(o=>o.selected),t=this.products.some(o=>o.id===this.selectedProductId);e&&e.id!==this.selectedProductId?(this.selectedProductId=e.id,this.messages=[],this.conversationId=void 0,this.open&&this.initConversation()):t||(this.selectedProductId=this._resolveInitialProduct(),this.messages=[],this.conversationId=void 0,this.open&&this.initConversation()),requestAnimationFrame(()=>this.updateComboboxItems())}updateComboboxItems(){var i,s,n;const e=this.productEl;if(!e||((i=this.products)==null?void 0:i.length)<=1)return;const t=this.products.map(d=>({value:d.id,label:d.name}));if(e.items=t,((n=(((s=e.selectedItems)==null?void 0:s.call(e))||[])[0])==null?void 0:n.value)!==this.selectedProductId){const d=t.find(c=>c.value===this.selectedProductId);e.setSelected&&e.setSelected(d?[d]:[])}}async onProductChange(e){var o,i,s;const t=(s=(i=(o=e.detail)==null?void 0:o.selected)==null?void 0:i[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=$e({},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 n=localStorage.getItem(t);if(n){this.assertionToken=n;return}}const i=await(await fetch(`${this.returnUri}/api/chat/start`)).json();if(!i.Success||!((s=i.Data)!=null&&s.Token))throw new Error("Token alınamadı");this.assertionToken=i.Data.Token,localStorage.setItem(t,this.assertionToken)}async postChat(e){await this.ensureToken();const t=`${this.returnUri}/api/chat/completions`,o=()=>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 i=await o();if(i.status===401&&(await this.ensureToken(!0),i=await o()),!i.ok)throw new Error(`HTTP ${i.status}`);return i.json()}async initConversation(){var e,t,o;if(!this.isLoading){this.isLoading=!0;try{await this.ensureToken();const i=await this.postChat({ChatCompletionType:"NewConversation",Context:this.selectedProductId,QuestionPrompt:this.questionPrompt});this.conversationId=i.Data.ConversationId;const s=(o=(t=(e=i.Data.Choices)==null?void 0:e[0])==null?void 0:t.Message)==null?void 0:o.Content;s&&this.addMessage(s,"assistant",void 0,!0)}catch(i){this.addMessage("Bir hata oluştu, lütfen tekrar deneyiniz.","system")}finally{this.isLoading=!1}}}async sendMessage(){var t,o,i,s,n;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.scrollToBottom(),this.isLoading=!0;try{const d=await this.postChat({ChatCompletionType:"ConversationUpdate",Content:e,Context:this.selectedProductId,ConversationId:this.conversationId,QuestionPrompt:this.questionPrompt}),c=(s=(i=(o=(t=d.Data)==null?void 0:t.Choices)==null?void 0:o[0])==null?void 0:i.Message)==null?void 0:s.Content,u=(n=d.Data)==null?void 0:n.EventId;this.addMessage(c||"Cevap alınamadı.","assistant",u)}catch(d){this.addMessage("Bağlantı hatası.","system")}finally{this.isLoading=!1}}}addMessage(e,t,o,i=!1){this.messages=[...this.messages,{content:e,role:t,timestamp:Date.now(),eventId:o,isWelcome:i}]}isNearBottom(e=50){const t=this.chatContainer;return t?t.scrollHeight-t.scrollTop-t.clientHeight<=e:!0}scrollToBottom(e=!1){if(!e&&!this.userAtBottom){this.showScrollDown=!0;return}setTimeout(()=>{this.chatContainer&&(this.chatContainer.scrollTop=this.chatContainer.scrollHeight,this.showScrollDown=!1,this.userAtBottom=!0)},0)}async rateMessage(e,t,o=null){await this.ensureToken();const i=`${this.returnUri}/api/chat/completion/rate`;await fetch(i,{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({EventId:e,Rate:t,Comment:o})})}formatContent(e){if(!e)return"";const o=e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").split(`
|
|
998
|
+
`);let i="";const s=[];let n=!1;const d=()=>{n&&(i+="</li>",n=!1)},c=h=>{for(;s.length>0&&s[s.length-1].indent>=h;)d(),i+=`</${s.pop().type}>`,s.length>0&&(n=!0)},u=()=>c(-1);for(const h of o){const g=h.match(/^(\s*)\d+\.\s+(.*)/),b=h.match(/^(\s*)[-*]\s+(.*)/);if(g||b){const v=(g?g[1]:b[1]).length,w=g?"ol":"ul",C=g?g[2]:b[2];if(s.length===0)i+=`<${w}>`,s.push({type:w,indent:v});else{const _=s[s.length-1];v>_.indent?(i+=`<${w}>`,s.push({type:w,indent:v})):v===_.indent?d():(c(v+1),s.length>0&&s[s.length-1].indent===v?d():(u(),i+=`<${w}>`,s.push({type:w,indent:v})))}i+=`<li>${C}`,n=!0}else h.trim()===""?s.length===0&&(i+="<br>"):(u(),i+=`<p>${h}</p>`)}return u(),i.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 p`
|
|
713
999
|
<div class="chatbot">
|
|
714
1000
|
${this.renderOverlay()}
|
|
715
1001
|
${this.renderLauncher()}
|
|
@@ -723,7 +1009,7 @@
|
|
|
723
1009
|
@click=${this.draggable?null:this.onToggle}
|
|
724
1010
|
aria-expanded=${this.open?"true":"false"}
|
|
725
1011
|
>
|
|
726
|
-
<img class="chatbot__launcher-icon" src="${
|
|
1012
|
+
<img class="chatbot__launcher-icon" src="${a.LogosphereChatBot.ICONS.launcher}" alt="chatbot" />
|
|
727
1013
|
${!this.open&&!this.minimizedIconOnly?p`
|
|
728
1014
|
<div class="chatbot__launcher-text">
|
|
729
1015
|
<p class="chatbot__launcher-title">Logo</p>
|
|
@@ -751,7 +1037,7 @@
|
|
|
751
1037
|
`}renderHeader(){return p`
|
|
752
1038
|
<div class="chatbot__header">
|
|
753
1039
|
<div class="chatbot__header-info">
|
|
754
|
-
<img class="chatbot__header-logo" alt="logo" src="${
|
|
1040
|
+
<img class="chatbot__header-logo" alt="logo" src="${a.LogosphereChatBot.ICONS.launcher}" />
|
|
755
1041
|
<div>
|
|
756
1042
|
<p class="chatbot__header-title">Logo</p>
|
|
757
1043
|
<p class="chatbot__header-subtitle">Dijital Danışman</p>
|
|
@@ -817,7 +1103,7 @@
|
|
|
817
1103
|
<div class="chatbot__message chatbot__message--${e.role}">
|
|
818
1104
|
<div class="${t}">
|
|
819
1105
|
<div class="chatbot__message-content">
|
|
820
|
-
${
|
|
1106
|
+
${fo(this.formatContent(e.content))}
|
|
821
1107
|
</div>
|
|
822
1108
|
</div>
|
|
823
1109
|
${this.showFeedbackButtons&&e.role==="assistant"&&!e.isWelcome?this.renderFeedbackButtons(e):""}
|
|
@@ -890,9 +1176,9 @@
|
|
|
890
1176
|
<div class="chatbot__footer">
|
|
891
1177
|
<p class="chatbot__footer-text">İçerik Yapay Zeka ile Üretilmiştir</p>
|
|
892
1178
|
</div>
|
|
893
|
-
`}},n.LogosphereChatBot.styles=[H`${I(ns)}`],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"},B([d({type:String,attribute:"return-uri"})],n.LogosphereChatBot.prototype,"returnUri",2),B([d({type:String,attribute:"question-prompt"})],n.LogosphereChatBot.prototype,"questionPrompt",2),B([d({type:Boolean,attribute:"minimized-icon-only"})],n.LogosphereChatBot.prototype,"minimizedIconOnly",2),B([d({type:Boolean,attribute:"draggable"})],n.LogosphereChatBot.prototype,"draggable",2),B([d({type:Boolean,attribute:"resizable"})],n.LogosphereChatBot.prototype,"resizable",2),B([d({type:Array,hasChanged:(i,e)=>i===e?!1:!e||!i||i.length!==e.length?!0:JSON.stringify(i)!==JSON.stringify(e)}),d({type:Array})],n.LogosphereChatBot.prototype,"products",2),B([d({type:Boolean,attribute:"open-initially"})],n.LogosphereChatBot.prototype,"openInitially",2),B([d({type:Boolean,attribute:"show-feedback-buttons"})],n.LogosphereChatBot.prototype,"showFeedbackButtons",2),B([y()],n.LogosphereChatBot.prototype,"open",2),B([y()],n.LogosphereChatBot.prototype,"fullscreen",2),B([y()],n.LogosphereChatBot.prototype,"messages",2),B([y()],n.LogosphereChatBot.prototype,"conversationId",2),B([y()],n.LogosphereChatBot.prototype,"assertionToken",2),B([y()],n.LogosphereChatBot.prototype,"isLoading",2),B([y()],n.LogosphereChatBot.prototype,"inputText",2),B([y()],n.LogosphereChatBot.prototype,"selectedProductId",2),B([y()],n.LogosphereChatBot.prototype,"windowWidth",2),B([y()],n.LogosphereChatBot.prototype,"windowHeight",2),B([y()],n.LogosphereChatBot.prototype,"position",2),B([y()],n.LogosphereChatBot.prototype,"isDragging",2),B([y()],n.LogosphereChatBot.prototype,"screenWidth",2),B([y()],n.LogosphereChatBot.prototype,"userAtBottom",2),B([y()],n.LogosphereChatBot.prototype,"showScrollDown",2),B([Z("#chat-container")],n.LogosphereChatBot.prototype,"chatContainer",2),B([Z("#product")],n.LogosphereChatBot.prototype,"productEl",2),n.LogosphereChatBot=B([V("logosphere-chatbot")],n.LogosphereChatBot);const ds=':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-light)}.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-light)}.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-light)}.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-light)}.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-light);color:var(--color-body-text)}';function At(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Ft={exports:{}},hs=Ft.exports,fr;function ps(){return fr||(fr=1,(function(i,e){(function(t,o){i.exports=o()})(hs,(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(o,r,a){var s=r.prototype,l=s.format;a.en.formats=t,s.format=function(c){c===void 0&&(c="YYYY-MM-DDTHH:mm:ssZ");var u=this.$locale().formats,h=(function(f,g){return f.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(v,w,C){var m=C&&C.toUpperCase();return w||g[C]||t[C]||g[m].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(_,x,$){return x||$.slice(1)}))}))})(c,u===void 0?{}:u);return l.call(this,h)}}}))})(Ft)),Ft.exports}var us=ps();const fs=At(us);var Ut={exports:{}},gs=Ut.exports,gr;function ms(){return gr||(gr=1,(function(i,e){(function(t,o){i.exports=o()})(gs,(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"},o=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,r=/\d/,a=/\d\d/,s=/\d\d?/,l=/\d*[^-_:/,()\s\d]+/,c={},u=function(m){return(m=+m)+(m>68?1900:2e3)},h=function(m){return function(_){this[m]=+_}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(m){(this.zone||(this.zone={})).offset=(function(_){if(!_||_==="Z")return 0;var x=_.match(/([+-]|\d\d)/g),$=60*x[1]+(+x[2]||0);return $===0?0:x[0]==="+"?-$:$})(m)}],g=function(m){var _=c[m];return _&&(_.indexOf?_:_.s.concat(_.f))},v=function(m,_){var x,$=c.meridiem;if($){for(var k=1;k<=24;k+=1)if(m.indexOf($(k,0,_))>-1){x=k>12;break}}else x=m===(_?"pm":"PM");return x},w={A:[l,function(m){this.afternoon=v(m,!1)}],a:[l,function(m){this.afternoon=v(m,!0)}],Q:[r,function(m){this.month=3*(m-1)+1}],S:[r,function(m){this.milliseconds=100*+m}],SS:[a,function(m){this.milliseconds=10*+m}],SSS:[/\d{3}/,function(m){this.milliseconds=+m}],s:[s,h("seconds")],ss:[s,h("seconds")],m:[s,h("minutes")],mm:[s,h("minutes")],H:[s,h("hours")],h:[s,h("hours")],HH:[s,h("hours")],hh:[s,h("hours")],D:[s,h("day")],DD:[a,h("day")],Do:[l,function(m){var _=c.ordinal,x=m.match(/\d+/);if(this.day=x[0],_)for(var $=1;$<=31;$+=1)_($).replace(/\[|\]/g,"")===m&&(this.day=$)}],w:[s,h("week")],ww:[a,h("week")],M:[s,h("month")],MM:[a,h("month")],MMM:[l,function(m){var _=g("months"),x=(g("monthsShort")||_.map((function($){return $.slice(0,3)}))).indexOf(m)+1;if(x<1)throw new Error;this.month=x%12||x}],MMMM:[l,function(m){var _=g("months").indexOf(m)+1;if(_<1)throw new Error;this.month=_%12||_}],Y:[/[+-]?\d+/,h("year")],YY:[a,function(m){this.year=u(m)}],YYYY:[/\d{4}/,h("year")],Z:f,ZZ:f};function C(m){var _,x;_=m,x=c&&c.formats;for(var $=(m=_.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(L,R,F){var O=F&&F.toUpperCase();return R||x[F]||t[F]||x[O].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(Q,ee,q){return ee||q.slice(1)}))}))).match(o),k=$.length,S=0;S<k;S+=1){var E=$[S],M=w[E],T=M&&M[0],D=M&&M[1];$[S]=D?{regex:T,parser:D}:E.replace(/^\[|\]$/g,"")}return function(L){for(var R={},F=0,O=0;F<k;F+=1){var Q=$[F];if(typeof Q=="string")O+=Q.length;else{var ee=Q.regex,q=Q.parser,te=L.slice(O),me=ee.exec(te)[0];q.call(R,me),L=L.replace(me,"")}}return(function(ae){var Ce=ae.afternoon;if(Ce!==void 0){var oe=ae.hours;Ce?oe<12&&(ae.hours+=12):oe===12&&(ae.hours=0),delete ae.afternoon}})(R),R}}return function(m,_,x){x.p.customParseFormat=!0,m&&m.parseTwoDigitYear&&(u=m.parseTwoDigitYear);var $=_.prototype,k=$.parse;$.parse=function(S){var E=S.date,M=S.utc,T=S.args;this.$u=M;var D=T[1];if(typeof D=="string"){var L=T[2]===!0,R=T[3]===!0,F=L||R,O=T[2];R&&(O=T[2]),c=this.$locale(),!L&&O&&(c=x.Ls[O]),this.$d=(function(te,me,ae,Ce){try{if(["x","X"].indexOf(me)>-1)return new Date((me==="X"?1e3:1)*te);var oe=C(me)(te),Se=oe.year,Ee=oe.month,Be=oe.day,ye=oe.hours,Ze=oe.minutes,at=oe.seconds,Ae=oe.milliseconds,st=oe.zone,Xt=oe.week,We=new Date,Pt=Be||(Se||Ee?1:We.getDate()),nt=Se||We.getFullYear(),lt=0;Se&&!Ee||(lt=Ee>0?Ee-1:We.getMonth());var ct,dt=ye||0,ht=Ze||0,Mt=at||0,zt=Ae||0;return st?new Date(Date.UTC(nt,lt,Pt,dt,ht,Mt,zt+60*st.offset*1e3)):ae?new Date(Date.UTC(nt,lt,Pt,dt,ht,Mt,zt)):(ct=new Date(nt,lt,Pt,dt,ht,Mt,zt),Xt&&(ct=Ce(ct).week(Xt).toDate()),ct)}catch(Ie){return new Date("")}})(E,D,M,x),this.init(),O&&O!==!0&&(this.$L=this.locale(O).$L),F&&E!=this.format(D)&&(this.$d=new Date("")),c={}}else if(D instanceof Array)for(var Q=D.length,ee=1;ee<=Q;ee+=1){T[1]=D[ee-1];var q=x.apply(this,T);if(q.isValid()){this.$d=q.$d,this.$L=q.$L,this.init();break}ee===Q&&(this.$d=new Date(""))}else k.call(this,S)}}}))})(Ut)),Ut.exports}var bs=ms();const vs=At(bs);var qt={exports:{}},_s=qt.exports,mr;function ys(){return mr||(mr=1,(function(i,e){(function(t,o){i.exports=o()})(_s,(function(){return function(t,o,r){o.prototype.isBetween=function(a,s,l,c){var u=r(a),h=r(s),f=(c=c||"()")[0]==="(",g=c[1]===")";return(f?this.isAfter(u,l):!this.isBefore(u,l))&&(g?this.isBefore(h,l):!this.isAfter(h,l))||(f?this.isBefore(u,l):!this.isAfter(u,l))&&(g?this.isAfter(h,l):!this.isBefore(h,l))}}}))})(qt)),qt.exports}var ws=ys();const xs=At(ws);var Zt={exports:{}},$s=Zt.exports,br;function ks(){return br||(br=1,(function(i,e){(function(t,o){i.exports=o()})($s,(function(){var t="week",o="year";return function(r,a,s){var l=a.prototype;l.week=function(c){if(c===void 0&&(c=null),c!==null)return this.add(7*(c-this.week()),"day");var u=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var h=s(this).startOf(o).add(1,o).date(u),f=s(this).endOf(t);if(h.isBefore(f))return 1}var g=s(this).startOf(o).date(u).startOf(t).subtract(1,"millisecond"),v=this.diff(g,t,!0);return v<0?s(this).startOf("week").week():Math.ceil(v)},l.weeks=function(c){return c===void 0&&(c=null),this.week(c)}}}))})(Zt)),Zt.exports}var Cs=ks();const Ss=At(Cs);var Wt={exports:{}},Es=Wt.exports,vr;function As(){return vr||(vr=1,(function(i,e){(function(t,o){i.exports=o()})(Es,(function(){return function(t,o,r){var a=o.prototype,s=function(f){return f&&(f.indexOf?f:f.s)},l=function(f,g,v,w,C){var m=f.name?f:f.$locale(),_=s(m[g]),x=s(m[v]),$=_||x.map((function(S){return S.slice(0,w)}));if(!C)return $;var k=m.weekStart;return $.map((function(S,E){return $[(E+(k||0))%7]}))},c=function(){return r.Ls[r.locale()]},u=function(f,g){return f.formats[g]||(function(v){return v.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(w,C,m){return C||m.slice(1)}))})(f.formats[g.toUpperCase()])},h=function(){var f=this;return{months:function(g){return g?g.format("MMMM"):l(f,"months")},monthsShort:function(g){return g?g.format("MMM"):l(f,"monthsShort","months",3)},firstDayOfWeek:function(){return f.$locale().weekStart||0},weekdays:function(g){return g?g.format("dddd"):l(f,"weekdays")},weekdaysMin:function(g){return g?g.format("dd"):l(f,"weekdaysMin","weekdays",2)},weekdaysShort:function(g){return g?g.format("ddd"):l(f,"weekdaysShort","weekdays",3)},longDateFormat:function(g){return u(f.$locale(),g)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};a.localeData=function(){return h.bind(this)()},r.localeData=function(){var f=c();return{firstDayOfWeek:function(){return f.weekStart||0},weekdays:function(){return r.weekdays()},weekdaysShort:function(){return r.weekdaysShort()},weekdaysMin:function(){return r.weekdaysMin()},months:function(){return r.months()},monthsShort:function(){return r.monthsShort()},longDateFormat:function(g){return u(f,g)},meridiem:f.meridiem,ordinal:f.ordinal}},r.months=function(){return l(c(),"months")},r.monthsShort=function(){return l(c(),"monthsShort","months",3)},r.weekdays=function(f){return l(c(),"weekdays",null,null,f)},r.weekdaysShort=function(f){return l(c(),"weekdaysShort","weekdays",3,f)},r.weekdaysMin=function(f){return l(c(),"weekdaysMin","weekdays",2,f)}}}))})(Wt)),Wt.exports}var Ps=As();const Ms=At(Ps);var Kt={exports:{}},zs=Kt.exports,_r;function Ds(){return _r||(_r=1,(function(i,e){(function(t,o){i.exports=o(A)})(zs,(function(t){function o(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var r=o(t),a={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(s){return s+"."}};return r.default.locale(a,null,!0),a}))})(Kt)),Kt.exports}Ds(),A.extend(fs),A.extend(vs),A.extend(xs),A.extend(Ss),A.extend(Ms),A.locale("tr");const yr=["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"],wr=A.weekdaysShort(),Ts=A.months(),Ls=[...wr.slice(1),wr[0]];function ce(i){if(!i)return null;for(const t of yr){const o=A(i,t,!0);if(o.isValid())return o}const e=A(i);return e.isValid()?e:null}var Os=Object.defineProperty,Bs=Object.getOwnPropertyDescriptor,X=(i,e,t,o)=>{for(var r=o>1?void 0:o?Bs(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Os(e,t,r),r};n.LogosphereCalendar=class extends P{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=A(),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=A();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,o,r,a;if(e.has("value")&&!this.rangeMode){const s=ce(this.value);s&&(this._cursor=s)}e.has("rangeStart")&&(this._rangeStart=this.rangeStart),e.has("rangeEnd")&&(this._rangeEnd=this.rangeEnd),(e.has("rangeStart")||e.has("rangeEnd"))&&this.rangeMode&&(this._cursor=(a=(r=(t=ce(this.rangeEnd))==null?void 0:t.clone())!=null?r:(o=ce(this.rangeStart))==null?void 0:o.clone())!=null?a: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=ce(this.min),o=ce(this.max);return!(t&&e.isBefore(t,"day")||o&&e.isAfter(o,"day")||this.disabledDays.includes(e.day()))}_getYears(){const e=this._cursor.year()-6;return Array.from({length:12},(t,o)=>e+o)}_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},(o,r)=>t.add(r,"day"))}_isInRange(e){if(!this.rangeMode||!this._rangeStart||!this._rangeEnd)return null;const t=ce(this._rangeStart),o=ce(this._rangeEnd);return!t||!o?null:e.isSame(t,"day")?"start":e.isSame(o,"day")?"end":e.isBetween(t,o,"day","[]")?"between":null}_getHoverPreview(e){if(!this.rangeMode||!this._rangeStart||this._rangeEnd||!this._hoverDate)return null;const t=ce(this._rangeStart);if(!t)return null;const o=this._hoverDate,r=o.isAfter(t,"day"),a=r?t:o,s=r?o:t;return e.isSame(t,"day")?"preview-start":e.isSame(o,"day")?"preview-end":e.isAfter(a,"day")&&e.isBefore(s,"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 o=this._isInRange(e);if(o==="start")return t.push("dp__day--range-start"),t.join(" ");if(o==="end")return t.push("dp__day--range-end"),t.join(" ");if(o==="between")return t.push("dp__day--range-between"),t.join(" ");const r=this._getHoverPreview(e);return r==="preview-start"?(t.push("dp__day--range-start"),t.join(" ")):r==="preview-end"?(t.push("dp__day--range-end"),t.join(" ")):r==="preview-between"?(t.push("dp__day--range-between"),t.join(" ")):this.rangeMode&&this._rangeStart&&!this._rangeEnd&&e.isSame(ce(this._rangeStart),"day")?(t.push("dp__day--range-pending"),t.join(" ")):(e.isSame(ce(this.value),"day")?t.push("dp__day--selected"):e.isSame(A(),"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=ce(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 p`
|
|
1179
|
+
`}},a.LogosphereChatBot.styles=[D`${A(Pa)}`],a.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"},R([l({type:String,attribute:"return-uri"})],a.LogosphereChatBot.prototype,"returnUri",2),R([l({type:String,attribute:"question-prompt"})],a.LogosphereChatBot.prototype,"questionPrompt",2),R([l({type:Boolean,attribute:"minimized-icon-only"})],a.LogosphereChatBot.prototype,"minimizedIconOnly",2),R([l({type:Boolean,attribute:"draggable"})],a.LogosphereChatBot.prototype,"draggable",2),R([l({type:Boolean,attribute:"resizable"})],a.LogosphereChatBot.prototype,"resizable",2),R([l({type:Array,hasChanged:(r,e)=>r===e?!1:!e||!r||r.length!==e.length?!0:JSON.stringify(r)!==JSON.stringify(e)}),l({type:Array})],a.LogosphereChatBot.prototype,"products",2),R([l({type:Boolean,attribute:"open-initially"})],a.LogosphereChatBot.prototype,"openInitially",2),R([l({type:Boolean,attribute:"show-feedback-buttons"})],a.LogosphereChatBot.prototype,"showFeedbackButtons",2),R([m()],a.LogosphereChatBot.prototype,"open",2),R([m()],a.LogosphereChatBot.prototype,"fullscreen",2),R([m()],a.LogosphereChatBot.prototype,"messages",2),R([m()],a.LogosphereChatBot.prototype,"conversationId",2),R([m()],a.LogosphereChatBot.prototype,"assertionToken",2),R([m()],a.LogosphereChatBot.prototype,"isLoading",2),R([m()],a.LogosphereChatBot.prototype,"inputText",2),R([m()],a.LogosphereChatBot.prototype,"selectedProductId",2),R([m()],a.LogosphereChatBot.prototype,"windowWidth",2),R([m()],a.LogosphereChatBot.prototype,"windowHeight",2),R([m()],a.LogosphereChatBot.prototype,"position",2),R([m()],a.LogosphereChatBot.prototype,"isDragging",2),R([m()],a.LogosphereChatBot.prototype,"screenWidth",2),R([m()],a.LogosphereChatBot.prototype,"userAtBottom",2),R([m()],a.LogosphereChatBot.prototype,"showScrollDown",2),R([V("#chat-container")],a.LogosphereChatBot.prototype,"chatContainer",2),R([V("#product")],a.LogosphereChatBot.prototype,"productEl",2),a.LogosphereChatBot=R([L("logosphere-chatbot")],a.LogosphereChatBot);const Da=':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-light)}.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-light)}.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-light)}.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-light)}.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-light);color:var(--color-body-text)}';function Lt(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var Gt={exports:{}},Ma=Gt.exports,yi;function Ta(){return yi||(yi=1,(function(r,e){(function(t,o){r.exports=o()})(Ma,(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(o,i,s){var n=i.prototype,d=n.format;s.en.formats=t,n.format=function(c){c===void 0&&(c="YYYY-MM-DDTHH:mm:ssZ");var u=this.$locale().formats,h=(function(g,b){return g.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(v,w,C){var _=C&&C.toUpperCase();return w||b[C]||t[C]||b[_].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(y,x,$){return x||$.slice(1)}))}))})(c,u===void 0?{}:u);return d.call(this,h)}}}))})(Gt)),Gt.exports}var La=Ta();const Oa=Lt(La);var Xt={exports:{}},Ba=Xt.exports,wi;function Ia(){return wi||(wi=1,(function(r,e){(function(t,o){r.exports=o()})(Ba,(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"},o=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,i=/\d/,s=/\d\d/,n=/\d\d?/,d=/\d*[^-_:/,()\s\d]+/,c={},u=function(_){return(_=+_)+(_>68?1900:2e3)},h=function(_){return function(y){this[_]=+y}},g=[/[+-]\d\d:?(\d\d)?|Z/,function(_){(this.zone||(this.zone={})).offset=(function(y){if(!y||y==="Z")return 0;var x=y.match(/([+-]|\d\d)/g),$=60*x[1]+(+x[2]||0);return $===0?0:x[0]==="+"?-$:$})(_)}],b=function(_){var y=c[_];return y&&(y.indexOf?y:y.s.concat(y.f))},v=function(_,y){var x,$=c.meridiem;if($){for(var k=1;k<=24;k+=1)if(_.indexOf($(k,0,y))>-1){x=k>12;break}}else x=_===(y?"pm":"PM");return x},w={A:[d,function(_){this.afternoon=v(_,!1)}],a:[d,function(_){this.afternoon=v(_,!0)}],Q:[i,function(_){this.month=3*(_-1)+1}],S:[i,function(_){this.milliseconds=100*+_}],SS:[s,function(_){this.milliseconds=10*+_}],SSS:[/\d{3}/,function(_){this.milliseconds=+_}],s:[n,h("seconds")],ss:[n,h("seconds")],m:[n,h("minutes")],mm:[n,h("minutes")],H:[n,h("hours")],h:[n,h("hours")],HH:[n,h("hours")],hh:[n,h("hours")],D:[n,h("day")],DD:[s,h("day")],Do:[d,function(_){var y=c.ordinal,x=_.match(/\d+/);if(this.day=x[0],y)for(var $=1;$<=31;$+=1)y($).replace(/\[|\]/g,"")===_&&(this.day=$)}],w:[n,h("week")],ww:[s,h("week")],M:[n,h("month")],MM:[s,h("month")],MMM:[d,function(_){var y=b("months"),x=(b("monthsShort")||y.map((function($){return $.slice(0,3)}))).indexOf(_)+1;if(x<1)throw new Error;this.month=x%12||x}],MMMM:[d,function(_){var y=b("months").indexOf(_)+1;if(y<1)throw new Error;this.month=y%12||y}],Y:[/[+-]?\d+/,h("year")],YY:[s,function(_){this.year=u(_)}],YYYY:[/\d{4}/,h("year")],Z:g,ZZ:g};function C(_){var y,x;y=_,x=c&&c.formats;for(var $=(_=y.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(I,j,U){var H=U&&U.toUpperCase();return j||x[U]||t[U]||x[H].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(ee,te,Z){return te||Z.slice(1)}))}))).match(o),k=$.length,S=0;S<k;S+=1){var E=$[S],M=w[E],B=M&&M[0],O=M&&M[1];$[S]=O?{regex:B,parser:O}:E.replace(/^\[|\]$/g,"")}return function(I){for(var j={},U=0,H=0;U<k;U+=1){var ee=$[U];if(typeof ee=="string")H+=ee.length;else{var te=ee.regex,Z=ee.parser,oe=I.slice(H),_e=te.exec(oe)[0];Z.call(j,_e),I=I.replace(_e,"")}}return(function(ae){var Pe=ae.afternoon;if(Pe!==void 0){var ie=ae.hours;Pe?ie<12&&(ae.hours+=12):ie===12&&(ae.hours=0),delete ae.afternoon}})(j),j}}return function(_,y,x){x.p.customParseFormat=!0,_&&_.parseTwoDigitYear&&(u=_.parseTwoDigitYear);var $=y.prototype,k=$.parse;$.parse=function(S){var E=S.date,M=S.utc,B=S.args;this.$u=M;var O=B[1];if(typeof O=="string"){var I=B[2]===!0,j=B[3]===!0,U=I||j,H=B[2];j&&(H=B[2]),c=this.$locale(),!I&&H&&(c=x.Ls[H]),this.$d=(function(oe,_e,ae,Pe){try{if(["x","X"].indexOf(_e)>-1)return new Date((_e==="X"?1e3:1)*oe);var ie=C(_e)(oe),ze=ie.year,Ae=ie.month,je=ie.day,xe=ie.hours,Xe=ie.minutes,dt=ie.seconds,De=ie.milliseconds,ct=ie.zone,io=ie.week,Je=new Date,Ot=je||(ze||Ae?1:Je.getDate()),pt=ze||Je.getFullYear(),ht=0;ze&&!Ae||(ht=Ae>0?Ae-1:Je.getMonth());var ut,gt=xe||0,ft=Xe||0,Bt=dt||0,It=De||0;return ct?new Date(Date.UTC(pt,ht,Ot,gt,ft,Bt,It+60*ct.offset*1e3)):ae?new Date(Date.UTC(pt,ht,Ot,gt,ft,Bt,It)):(ut=new Date(pt,ht,Ot,gt,ft,Bt,It),io&&(ut=Pe(ut).week(io).toDate()),ut)}catch(Ye){return new Date("")}})(E,O,M,x),this.init(),H&&H!==!0&&(this.$L=this.locale(H).$L),U&&E!=this.format(O)&&(this.$d=new Date("")),c={}}else if(O instanceof Array)for(var ee=O.length,te=1;te<=ee;te+=1){B[1]=O[te-1];var Z=x.apply(this,B);if(Z.isValid()){this.$d=Z.$d,this.$L=Z.$L,this.init();break}te===ee&&(this.$d=new Date(""))}else k.call(this,S)}}}))})(Xt)),Xt.exports}var Ha=Ia();const Ra=Lt(Ha);var Jt={exports:{}},ja=Jt.exports,xi;function Ya(){return xi||(xi=1,(function(r,e){(function(t,o){r.exports=o()})(ja,(function(){return function(t,o,i){o.prototype.isBetween=function(s,n,d,c){var u=i(s),h=i(n),g=(c=c||"()")[0]==="(",b=c[1]===")";return(g?this.isAfter(u,d):!this.isBefore(u,d))&&(b?this.isBefore(h,d):!this.isAfter(h,d))||(g?this.isBefore(u,d):!this.isAfter(u,d))&&(b?this.isAfter(h,d):!this.isBefore(h,d))}}}))})(Jt)),Jt.exports}var Na=Ya();const Fa=Lt(Na);var Qt={exports:{}},Va=Qt.exports,$i;function Ua(){return $i||($i=1,(function(r,e){(function(t,o){r.exports=o()})(Va,(function(){var t="week",o="year";return function(i,s,n){var d=s.prototype;d.week=function(c){if(c===void 0&&(c=null),c!==null)return this.add(7*(c-this.week()),"day");var u=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var h=n(this).startOf(o).add(1,o).date(u),g=n(this).endOf(t);if(h.isBefore(g))return 1}var b=n(this).startOf(o).date(u).startOf(t).subtract(1,"millisecond"),v=this.diff(b,t,!0);return v<0?n(this).startOf("week").week():Math.ceil(v)},d.weeks=function(c){return c===void 0&&(c=null),this.week(c)}}}))})(Qt)),Qt.exports}var qa=Ua();const Za=Lt(qa);var eo={exports:{}},Wa=eo.exports,ki;function Ka(){return ki||(ki=1,(function(r,e){(function(t,o){r.exports=o()})(Wa,(function(){return function(t,o,i){var s=o.prototype,n=function(g){return g&&(g.indexOf?g:g.s)},d=function(g,b,v,w,C){var _=g.name?g:g.$locale(),y=n(_[b]),x=n(_[v]),$=y||x.map((function(S){return S.slice(0,w)}));if(!C)return $;var k=_.weekStart;return $.map((function(S,E){return $[(E+(k||0))%7]}))},c=function(){return i.Ls[i.locale()]},u=function(g,b){return g.formats[b]||(function(v){return v.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(w,C,_){return C||_.slice(1)}))})(g.formats[b.toUpperCase()])},h=function(){var g=this;return{months:function(b){return b?b.format("MMMM"):d(g,"months")},monthsShort:function(b){return b?b.format("MMM"):d(g,"monthsShort","months",3)},firstDayOfWeek:function(){return g.$locale().weekStart||0},weekdays:function(b){return b?b.format("dddd"):d(g,"weekdays")},weekdaysMin:function(b){return b?b.format("dd"):d(g,"weekdaysMin","weekdays",2)},weekdaysShort:function(b){return b?b.format("ddd"):d(g,"weekdaysShort","weekdays",3)},longDateFormat:function(b){return u(g.$locale(),b)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};s.localeData=function(){return h.bind(this)()},i.localeData=function(){var g=c();return{firstDayOfWeek:function(){return g.weekStart||0},weekdays:function(){return i.weekdays()},weekdaysShort:function(){return i.weekdaysShort()},weekdaysMin:function(){return i.weekdaysMin()},months:function(){return i.months()},monthsShort:function(){return i.monthsShort()},longDateFormat:function(b){return u(g,b)},meridiem:g.meridiem,ordinal:g.ordinal}},i.months=function(){return d(c(),"months")},i.monthsShort=function(){return d(c(),"monthsShort","months",3)},i.weekdays=function(g){return d(c(),"weekdays",null,null,g)},i.weekdaysShort=function(g){return d(c(),"weekdaysShort","weekdays",3,g)},i.weekdaysMin=function(g){return d(c(),"weekdaysMin","weekdays",2,g)}}}))})(eo)),eo.exports}var Ga=Ka();const Xa=Lt(Ga);var to={exports:{}},Ja=to.exports,Ci;function Qa(){return Ci||(Ci=1,(function(r,e){(function(t,o){r.exports=o(P)})(Ja,(function(t){function o(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var i=o(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(n){return n+"."}};return i.default.locale(s,null,!0),s}))})(to)),to.exports}Qa(),P.extend(Oa),P.extend(Ra),P.extend(Fa),P.extend(Za),P.extend(Xa),P.locale("tr");const Si=["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"],Ei=P.weekdaysShort(),en=P.months(),tn=[...Ei.slice(1),Ei[0]];function ce(r){if(!r)return null;for(const t of Si){const o=P(r,t,!0);if(o.isValid())return o}const e=P(r);return e.isValid()?e:null}var on=Object.defineProperty,rn=Object.getOwnPropertyDescriptor,X=(r,e,t,o)=>{for(var i=o>1?void 0:o?rn(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&on(e,t,i),i};a.LogosphereCalendar=class extends z{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=P(),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=P();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,o,i,s;if(e.has("value")&&!this.rangeMode){const n=ce(this.value);n&&(this._cursor=n)}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=(i=(t=ce(this.rangeEnd))==null?void 0:t.clone())!=null?i:(o=ce(this.rangeStart))==null?void 0:o.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=ce(this.min),o=ce(this.max);return!(t&&e.isBefore(t,"day")||o&&e.isAfter(o,"day")||this.disabledDays.includes(e.day()))}_getYears(){const e=this._cursor.year()-6;return Array.from({length:12},(t,o)=>e+o)}_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},(o,i)=>t.add(i,"day"))}_isInRange(e){if(!this.rangeMode||!this._rangeStart||!this._rangeEnd)return null;const t=ce(this._rangeStart),o=ce(this._rangeEnd);return!t||!o?null:e.isSame(t,"day")?"start":e.isSame(o,"day")?"end":e.isBetween(t,o,"day","[]")?"between":null}_getHoverPreview(e){if(!this.rangeMode||!this._rangeStart||this._rangeEnd||!this._hoverDate)return null;const t=ce(this._rangeStart);if(!t)return null;const o=this._hoverDate,i=o.isAfter(t,"day"),s=i?t:o,n=i?o:t;return e.isSame(t,"day")?"preview-start":e.isSame(o,"day")?"preview-end":e.isAfter(s,"day")&&e.isBefore(n,"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 o=this._isInRange(e);if(o==="start")return t.push("dp__day--range-start"),t.join(" ");if(o==="end")return t.push("dp__day--range-end"),t.join(" ");if(o==="between")return t.push("dp__day--range-between"),t.join(" ");const i=this._getHoverPreview(e);return i==="preview-start"?(t.push("dp__day--range-start"),t.join(" ")):i==="preview-end"?(t.push("dp__day--range-end"),t.join(" ")):i==="preview-between"?(t.push("dp__day--range-between"),t.join(" ")):this.rangeMode&&this._rangeStart&&!this._rangeEnd&&e.isSame(ce(this._rangeStart),"day")?(t.push("dp__day--range-pending"),t.join(" ")):(e.isSame(ce(this.value),"day")?t.push("dp__day--selected"):e.isSame(P(),"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=ce(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 p`
|
|
894
1180
|
<div class="dp__weekdays" role="row">
|
|
895
|
-
${
|
|
1181
|
+
${tn.map(o=>p`<div class="dp__weekday" role="columnheader" aria-label=${o}>${o}</div>`)}
|
|
896
1182
|
</div>
|
|
897
1183
|
<div
|
|
898
1184
|
id="grid"
|
|
@@ -903,14 +1189,14 @@
|
|
|
903
1189
|
@keydown=${this._keydownGrid}
|
|
904
1190
|
@mouseleave=${()=>{this._hoverDate=null}}
|
|
905
1191
|
>
|
|
906
|
-
${t.map(o=>{const
|
|
1192
|
+
${t.map(o=>{const i=o.month()===this._cursor.month(),s=e?o.isSame(e,"day"):!1,n=o.isSame(this._cursor,"day"),d=!this._withinBounds(o),c=[this._getDayClasses(o),i?"":"dp__day--out-of-month",n?"dp__day--focused":""].filter(Boolean).join(" ");return p`
|
|
907
1193
|
<button
|
|
908
1194
|
class=${c}
|
|
909
1195
|
role="gridcell"
|
|
910
|
-
aria-selected=${
|
|
911
|
-
aria-disabled=${
|
|
912
|
-
tabindex=${
|
|
913
|
-
@click=${()=>!
|
|
1196
|
+
aria-selected=${s?"true":"false"}
|
|
1197
|
+
aria-disabled=${d?"true":"false"}
|
|
1198
|
+
tabindex=${n?"0":"-1"}
|
|
1199
|
+
@click=${()=>!d&&this._select(o)}
|
|
914
1200
|
@mouseenter=${()=>{this.rangeMode&&this._rangeStart&&!this._rangeEnd&&(this._hoverDate=o)}}
|
|
915
1201
|
>
|
|
916
1202
|
<span class="dp__day-num">${o.date()}</span>
|
|
@@ -919,9 +1205,9 @@
|
|
|
919
1205
|
</div>
|
|
920
1206
|
`}_renderMonthGrid(){return p`
|
|
921
1207
|
<div class="dp__month-grid" role="grid" aria-label="Ay seçimi">
|
|
922
|
-
${
|
|
1208
|
+
${en.map((e,t)=>{const o=t===this._cursor.month(),i=t===P().month()&&this._cursor.year()===P().year();return p`
|
|
923
1209
|
<button
|
|
924
|
-
class="dp__month-btn ${o?"dp__month-btn--selected":""} ${
|
|
1210
|
+
class="dp__month-btn ${o?"dp__month-btn--selected":""} ${i&&!o?"dp__month-btn--current":""}"
|
|
925
1211
|
role="gridcell"
|
|
926
1212
|
aria-selected=${o?"true":"false"}
|
|
927
1213
|
@click=${()=>this._selectMonth(t)}
|
|
@@ -932,7 +1218,7 @@
|
|
|
932
1218
|
</div>
|
|
933
1219
|
`}_renderYearGrid(){return p`
|
|
934
1220
|
<div class="dp__year-grid" role="grid" aria-label="Yıl seçimi">
|
|
935
|
-
${this._getYears().map(e=>{const t=e===this._cursor.year(),o=e===
|
|
1221
|
+
${this._getYears().map(e=>{const t=e===this._cursor.year(),o=e===P().year();return p`
|
|
936
1222
|
<button
|
|
937
1223
|
class="dp__year-btn ${t?"dp__year-btn--selected":""} ${o&&!t?"dp__year-btn--current":""}"
|
|
938
1224
|
role="gridcell"
|
|
@@ -977,7 +1263,7 @@
|
|
|
977
1263
|
`:null}
|
|
978
1264
|
</div>
|
|
979
1265
|
</div>
|
|
980
|
-
`}},
|
|
1266
|
+
`}},a.LogosphereCalendar.styles=[D`${A(Da)}`],X([l({type:String})],a.LogosphereCalendar.prototype,"value",2),X([l({type:String})],a.LogosphereCalendar.prototype,"min",2),X([l({type:String})],a.LogosphereCalendar.prototype,"max",2),X([l({type:Boolean})],a.LogosphereCalendar.prototype,"disabled",2),X([l({type:Boolean})],a.LogosphereCalendar.prototype,"rangeMode",2),X([l({type:Array})],a.LogosphereCalendar.prototype,"disabledDays",2),X([l({type:String})],a.LogosphereCalendar.prototype,"rangeStart",2),X([l({type:String})],a.LogosphereCalendar.prototype,"rangeEnd",2),X([l({type:Boolean})],a.LogosphereCalendar.prototype,"closable",2),X([l({attribute:!1})],a.LogosphereCalendar.prototype,"onChange",2),X([l({attribute:!1})],a.LogosphereCalendar.prototype,"onRangeChange",2),X([m()],a.LogosphereCalendar.prototype,"_cursor",2),X([m()],a.LogosphereCalendar.prototype,"_rangeStart",2),X([m()],a.LogosphereCalendar.prototype,"_rangeEnd",2),X([m()],a.LogosphereCalendar.prototype,"_hoverDate",2),X([m()],a.LogosphereCalendar.prototype,"_viewMode",2),a.LogosphereCalendar=X([L("logosphere-calendar")],a.LogosphereCalendar);const sn=".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 an=Object.defineProperty,nn=Object.getOwnPropertyDescriptor,T=(r,e,t,o)=>{for(var i=o>1?void 0:o?nn(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&an(e,t,i),i};let ln=0;const dn=()=>`dp-${++ln}`;a.LogosphereDatePicker=class extends z{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=dn(),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 ce(e)}_isInputFocused(){var e;return((e=this.shadowRoot)==null?void 0:e.activeElement)===this._inputElement}_withinBounds(e){const t=this._safeDay(this.min),o=this._safeDay(this.max);return!(t&&e.isBefore(t,"day")||o&&e.isAfter(o,"day")||this.disabledDays.includes(e.day()))}_displayValue(){if(this.rangeMode&&this._rangeStart&&this._rangeEnd){const t=this._safeDay(this._rangeStart),o=this._safeDay(this._rangeEnd);if(t&&o)return`${t.format("DD/MM/YYYY")} - ${o.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 Si){const o=P(e,t,!0);if(o.isValid())return o}return this._safeDay(e)}_parseRangeInput(e){const t=e.split(/\s+-\s+/);if(t.length!==2)return null;const o=this._parseSingleDate(t[0].trim()),i=this._parseSingleDate(t[1].trim());return!o||!i?null:o.isAfter(i,"day")?{start:i,end:o}:{start:o,end:i}}_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 i=this._parseRangeInput(t);if(i){if(this._withinBounds(i.start)&&this._withinBounds(i.end)){this._rangeStart=i.start.format("YYYY-MM-DD"),this._rangeEnd=i.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 o=this._parseSingleDate(t);o&&this._withinBounds(o)?(this._emitChange(o.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 o=Math.max(270,Math.round(e.getBoundingClientRect().width*(this.expandFactor||1)));if(t.style.width=`${o}px`,this._popperInstance){this._popperInstance.setOptions({placement:"bottom",strategy:"fixed",modifiers:this._getPopperModifiers()}),this._popperInstance.update();return}this._popperInstance=Mt(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 p`
|
|
981
1267
|
<div class="dp">
|
|
982
1268
|
<div class="dp__reference">
|
|
983
1269
|
<logosphere-formfield
|
|
@@ -996,7 +1282,7 @@
|
|
|
996
1282
|
<input
|
|
997
1283
|
id=${this.inputId}
|
|
998
1284
|
class="dp__input"
|
|
999
|
-
.value=${
|
|
1285
|
+
.value=${Vt(this._inputValue())}
|
|
1000
1286
|
?disabled=${this.disabled}
|
|
1001
1287
|
?readonly=${this.readonly}
|
|
1002
1288
|
placeholder=${this.placeholder}
|
|
@@ -1017,7 +1303,7 @@
|
|
|
1017
1303
|
>
|
|
1018
1304
|
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
1019
1305
|
</button>
|
|
1020
|
-
`:
|
|
1306
|
+
`:f}
|
|
1021
1307
|
<button
|
|
1022
1308
|
id=${this.inputId+"-ico"}
|
|
1023
1309
|
slot="suffix"
|
|
@@ -1057,11 +1343,11 @@
|
|
|
1057
1343
|
@close-request=${()=>this._toggleOpen(!1)}
|
|
1058
1344
|
></logosphere-calendar>
|
|
1059
1345
|
</div>
|
|
1060
|
-
`:
|
|
1346
|
+
`:f}
|
|
1061
1347
|
</div>
|
|
1062
|
-
`}},
|
|
1063
|
-
${
|
|
1064
|
-
`],
|
|
1348
|
+
`}},a.LogosphereDatePicker.styles=[D`
|
|
1349
|
+
${A(sn)}
|
|
1350
|
+
`],T([l({type:String})],a.LogosphereDatePicker.prototype,"value",2),T([l({type:String})],a.LogosphereDatePicker.prototype,"min",2),T([l({type:String})],a.LogosphereDatePicker.prototype,"max",2),T([l({type:Boolean})],a.LogosphereDatePicker.prototype,"required",2),T([l({type:Boolean})],a.LogosphereDatePicker.prototype,"disabled",2),T([l({type:Boolean})],a.LogosphereDatePicker.prototype,"readonly",2),T([l({type:Number})],a.LogosphereDatePicker.prototype,"expandFactor",2),T([l({type:String})],a.LogosphereDatePicker.prototype,"placeholder",2),T([l({type:String})],a.LogosphereDatePicker.prototype,"label",2),T([l({type:String})],a.LogosphereDatePicker.prototype,"helper",2),T([l({type:String})],a.LogosphereDatePicker.prototype,"error",2),T([l({type:String})],a.LogosphereDatePicker.prototype,"size",2),T([l({type:String})],a.LogosphereDatePicker.prototype,"variant",2),T([l({type:Boolean})],a.LogosphereDatePicker.prototype,"rangeMode",2),T([l({type:Array})],a.LogosphereDatePicker.prototype,"disabledDays",2),T([l({type:String})],a.LogosphereDatePicker.prototype,"rangeStart",2),T([l({type:String})],a.LogosphereDatePicker.prototype,"rangeEnd",2),T([l({attribute:!1})],a.LogosphereDatePicker.prototype,"onChange",2),T([l({attribute:!1})],a.LogosphereDatePicker.prototype,"onRangeChange",2),T([m()],a.LogosphereDatePicker.prototype,"_open",2),T([m()],a.LogosphereDatePicker.prototype,"_rangeStart",2),T([m()],a.LogosphereDatePicker.prototype,"_rangeEnd",2),T([m()],a.LogosphereDatePicker.prototype,"_hasError",2),T([m()],a.LogosphereDatePicker.prototype,"_errorMsg",2),T([m()],a.LogosphereDatePicker.prototype,"_inputDraft",2),T([V(".dp__reference")],a.LogosphereDatePicker.prototype,"_referenceElement",2),T([V("[data-datepicker-popper]")],a.LogosphereDatePicker.prototype,"_popupElement",2),T([V("input")],a.LogosphereDatePicker.prototype,"_inputElement",2),a.LogosphereDatePicker=T([L("logosphere-datepicker")],a.LogosphereDatePicker);const cn=":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-color);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-color);cursor:pointer}.drawer__close:hover{background:var(--color-tertiary)}.drawer__body{flex:1;overflow:auto;padding:var(--spacing-4)}";var pn=Object.defineProperty,hn=Object.getOwnPropertyDescriptor,Ge=(r,e,t,o)=>{for(var i=o>1?void 0:o?hn(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&pn(e,t,i),i};a.Drawer=class extends z{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),o=Math.max(0,window.innerHeight-e.bottom),i=Math.max(0,e.left),s=Math.max(0,window.innerWidth-e.right),n=Math.max(0,e.width);this._frameStyle=this.position==="right"?`top:${t}px;bottom:${o}px;right:${s}px;max-width:${n}px;`:`top:${t}px;bottom:${o}px;left:${i}px;max-width:${n}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 i=t.querySelector(this.containerSelector);if(i)return i}const o=document.querySelector(this.containerSelector);if(o)return o}return(e=this.parentElement)!=null?e:this}render(){return p`
|
|
1065
1351
|
<div class="drawer">
|
|
1066
1352
|
<div class="drawer__trigger" @click=${this._onTriggerClick}>
|
|
1067
1353
|
<slot name="trigger"></slot>
|
|
@@ -1092,7 +1378,7 @@
|
|
|
1092
1378
|
</div>
|
|
1093
1379
|
</aside>
|
|
1094
1380
|
</div>
|
|
1095
|
-
`}},n.Drawer.styles=[H`${I(Ns)}`],qe([d({type:Boolean,reflect:!0})],n.Drawer.prototype,"open",2),qe([d({type:String})],n.Drawer.prototype,"title",2),qe([d({type:String})],n.Drawer.prototype,"position",2),qe([d({type:Number})],n.Drawer.prototype,"width",2),qe([d({type:Boolean})],n.Drawer.prototype,"closeOnEsc",2),qe([d({type:String})],n.Drawer.prototype,"containerSelector",2),n.Drawer=qe([V("logosphere-drawer")],n.Drawer);const Us=":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-light);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 qs=Object.defineProperty,Zs=Object.getOwnPropertyDescriptor,rt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Zs(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&qs(e,t,r),r};n.DownloadManager=class extends P{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,o=new globalThis.FormData(t),r=o.get("url"),a=o.get("filename");if(!(r!=null&&r.trim()))return;const s=this.downloads.find(l=>l.url===r.trim());s&&s.status!=="error"||(this.addDownload(r.trim(),(a==null?void 0:a.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(o=>{var r;o.status==="downloading"&&(o.status="paused"),o.status==="error"&&((r=o.error)!=null&&r.includes("Failed to fetch"))&&(o.status="paused",o.error=void 0)})}}catch(e){console.error("Failed to load download state:",e)}}saveState(){try{const e={downloads:this.downloads.map(t=>Pe(we({},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 o=t.headers.get("content-length");if(o){const r=parseInt(o);if(!isNaN(r)&&r>0)return r}}try{const o=await globalThis.fetch(e,{method:"GET",headers:{Range:"bytes=0-0"},mode:"cors",credentials:"omit",signal:globalThis.AbortSignal.timeout(1e4)});if(o.ok){const r=o.headers.get("content-range");if(r){const s=r.match(/\/(\d+)/);if(s){const l=parseInt(s[1]);if(!isNaN(l)&&l>0)return l}}const a=o.headers.get("content-length");if(a){const s=parseInt(a);if(!isNaN(s)&&s>0)return s}}}catch(o){}return 0}catch(t){return(!(t instanceof Error)||!["AbortError","ERR_EMPTY_RESPONSE","Failed to fetch"].some(o=>t.message.includes(o)))&&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 o=0;o<e;o+=this.chunkSize)t.push({start:o,end:Math.min(o+this.chunkSize-1,e-1),downloaded:0,status:"pending"});return t}async downloadChunk(e,t){const o=t.end>t.start?`bytes=${t.start+t.downloaded}-${t.end}`:`bytes=${t.start+t.downloaded}-`,r=await globalThis.fetch(e,{headers:{Range:o},signal:globalThis.AbortSignal.any([new globalThis.AbortController().signal,globalThis.AbortSignal.timeout(6e4)]),mode:"cors",credentials:"omit"});if(!r.ok){if(r.status===416)return{data:new Uint8Array(0),isComplete:!0};throw new Error(`HTTP ${r.status}: ${r.statusText}`)}const a=new Uint8Array(await r.arrayBuffer()),s=r.headers.get("content-range");let l=!1,c;if(s){const u=s.match(/\/(\d+)/);if(u){c=parseInt(u[1]);const h=s.match(/(\d+)-(\d+)/);h&&(l=parseInt(h[2])>=c-1)}}else a.length===0&&(l=!0);return{data:a,isComplete:l,actualSize:c}}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 o=e.chunks.filter(c=>c.status==="pending"),r=new Set,a=async c=>{const u=e.chunks[c];if(!(!u||u.status!=="pending")){u.status="downloading",r.add(c),this.requestUpdate();try{if(e.status!=="downloading")return;const h=await this.downloadChunk(e.url,u);if(e.status!=="downloading")return;u.downloaded=h.data.length,u.status="completed",e.downloaded+=u.downloaded,h.actualSize&&e.size===0&&(e.size=h.actualSize,e.size>this.chunkSize&&e.chunks.push(...this.createChunks(e.size).slice(1))),r.delete(c),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){u.status="error",r.delete(c),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))}},s=[];let l=0;for(;(l<o.length||r.size>0)&&e.status==="downloading";){for(;r.size<this.maxConcurrentChunks&&l<o.length&&e.status==="downloading";)s.push(a(l)),l++;if(r.size>0)try{await Promise.race([Promise.race(s),new Promise(c=>setTimeout(c,100))])}catch(c){}await new Promise(c=>setTimeout(c,10))}}catch(o){(!(o instanceof Error)||o.name!=="AbortError")&&(e.status="error",e.error=o instanceof Error?o.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 o=this.downloads.find(r=>r.id===e);(o==null?void 0:o.status)==="downloading"&&(o.status="paused",this.requestUpdate(),this.saveState())}resumeDownload(e){const t=this.downloads.find(o=>o.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,o=["Bytes","KB","MB","GB"],r=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/Math.pow(t,r)).toFixed(2))+" "+o[r]}formatDuration(e){const t=Math.floor(e/1e3),o=Math.floor(t/60),r=Math.floor(o/60);return r>0?`${r}h ${o%60}m ${t%60}s`:o>0?`${o}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(s){throw new Error("Invalid URL format")}const o=await this.getFileSize(e),a={id:`download_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,url:e,filename:t||e.split("/").pop()||"unknown",size:o,downloaded:0,status:"pending",chunks:this.createChunks(o)};this.downloads.push(a),this.requestUpdate(),this.saveState(),this.downloadFile(a)}catch(o){const r=o instanceof Error?o.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:r}),this.requestUpdate(),this.saveState()}finally{this.isAddingFiles=!1,this.requestUpdate()}}getStatusClass(e){var o;return(o={downloading:"dm__status--downloading",paused:"dm__status--paused",completed:"dm__status--completed",error:"dm__status--error"}[e])!=null?o:"dm__status--pending"}getProgressBarClass(e){var o;return(o={downloading:"dm__progress-bar--downloading",paused:"dm__progress-bar--paused",completed:"dm__progress-bar--completed",error:"dm__progress-bar--error"}[e])!=null?o:"dm__progress-bar--pending"}render(){const e=this.downloads.filter(r=>r.status==="downloading").length,t=this.downloads.filter(r=>r.status==="completed").length,o=this.downloads.filter(r=>r.status==="paused").length;return p`
|
|
1381
|
+
`}},a.Drawer.styles=[D`${A(cn)}`],Ge([l({type:Boolean,reflect:!0})],a.Drawer.prototype,"open",2),Ge([l({type:String})],a.Drawer.prototype,"title",2),Ge([l({type:String})],a.Drawer.prototype,"position",2),Ge([l({type:Number})],a.Drawer.prototype,"width",2),Ge([l({type:Boolean})],a.Drawer.prototype,"closeOnEsc",2),Ge([l({type:String})],a.Drawer.prototype,"containerSelector",2),a.Drawer=Ge([L("logosphere-drawer")],a.Drawer);const un=":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-light);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 gn=Object.defineProperty,fn=Object.getOwnPropertyDescriptor,nt=(r,e,t,o)=>{for(var i=o>1?void 0:o?fn(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&gn(e,t,i),i};a.DownloadManager=class extends z{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,o=new globalThis.FormData(t),i=o.get("url"),s=o.get("filename");if(!(i!=null&&i.trim()))return;const n=this.downloads.find(d=>d.url===i.trim());n&&n.status!=="error"||(this.addDownload(i.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(o=>{var i;o.status==="downloading"&&(o.status="paused"),o.status==="error"&&((i=o.error)!=null&&i.includes("Failed to fetch"))&&(o.status="paused",o.error=void 0)})}}catch(e){console.error("Failed to load download state:",e)}}saveState(){try{const e={downloads:this.downloads.map(t=>Me($e({},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 o=t.headers.get("content-length");if(o){const i=parseInt(o);if(!isNaN(i)&&i>0)return i}}try{const o=await globalThis.fetch(e,{method:"GET",headers:{Range:"bytes=0-0"},mode:"cors",credentials:"omit",signal:globalThis.AbortSignal.timeout(1e4)});if(o.ok){const i=o.headers.get("content-range");if(i){const n=i.match(/\/(\d+)/);if(n){const d=parseInt(n[1]);if(!isNaN(d)&&d>0)return d}}const s=o.headers.get("content-length");if(s){const n=parseInt(s);if(!isNaN(n)&&n>0)return n}}}catch(o){}return 0}catch(t){return(!(t instanceof Error)||!["AbortError","ERR_EMPTY_RESPONSE","Failed to fetch"].some(o=>t.message.includes(o)))&&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 o=0;o<e;o+=this.chunkSize)t.push({start:o,end:Math.min(o+this.chunkSize-1,e-1),downloaded:0,status:"pending"});return t}async downloadChunk(e,t){const o=t.end>t.start?`bytes=${t.start+t.downloaded}-${t.end}`:`bytes=${t.start+t.downloaded}-`,i=await globalThis.fetch(e,{headers:{Range:o},signal:globalThis.AbortSignal.any([new globalThis.AbortController().signal,globalThis.AbortSignal.timeout(6e4)]),mode:"cors",credentials:"omit"});if(!i.ok){if(i.status===416)return{data:new Uint8Array(0),isComplete:!0};throw new Error(`HTTP ${i.status}: ${i.statusText}`)}const s=new Uint8Array(await i.arrayBuffer()),n=i.headers.get("content-range");let d=!1,c;if(n){const u=n.match(/\/(\d+)/);if(u){c=parseInt(u[1]);const h=n.match(/(\d+)-(\d+)/);h&&(d=parseInt(h[2])>=c-1)}}else s.length===0&&(d=!0);return{data:s,isComplete:d,actualSize:c}}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 o=e.chunks.filter(c=>c.status==="pending"),i=new Set,s=async c=>{const u=e.chunks[c];if(!(!u||u.status!=="pending")){u.status="downloading",i.add(c),this.requestUpdate();try{if(e.status!=="downloading")return;const h=await this.downloadChunk(e.url,u);if(e.status!=="downloading")return;u.downloaded=h.data.length,u.status="completed",e.downloaded+=u.downloaded,h.actualSize&&e.size===0&&(e.size=h.actualSize,e.size>this.chunkSize&&e.chunks.push(...this.createChunks(e.size).slice(1))),i.delete(c),this.requestUpdate(),this.saveState(),(h.isComplete||e.chunks.every(g=>g.status==="completed"))&&(e.status="completed",e.endTime=Date.now(),this.requestUpdate(),this.saveState())}catch(h){u.status="error",i.delete(c),e.chunks.filter(g=>g.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))}},n=[];let d=0;for(;(d<o.length||i.size>0)&&e.status==="downloading";){for(;i.size<this.maxConcurrentChunks&&d<o.length&&e.status==="downloading";)n.push(s(d)),d++;if(i.size>0)try{await Promise.race([Promise.race(n),new Promise(c=>setTimeout(c,100))])}catch(c){}await new Promise(c=>setTimeout(c,10))}}catch(o){(!(o instanceof Error)||o.name!=="AbortError")&&(e.status="error",e.error=o instanceof Error?o.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 o=this.downloads.find(i=>i.id===e);(o==null?void 0:o.status)==="downloading"&&(o.status="paused",this.requestUpdate(),this.saveState())}resumeDownload(e){const t=this.downloads.find(o=>o.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,o=["Bytes","KB","MB","GB"],i=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/Math.pow(t,i)).toFixed(2))+" "+o[i]}formatDuration(e){const t=Math.floor(e/1e3),o=Math.floor(t/60),i=Math.floor(o/60);return i>0?`${i}h ${o%60}m ${t%60}s`:o>0?`${o}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(n){throw new Error("Invalid URL format")}const o=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:o,downloaded:0,status:"pending",chunks:this.createChunks(o)};this.downloads.push(s),this.requestUpdate(),this.saveState(),this.downloadFile(s)}catch(o){const i=o instanceof Error?o.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:i}),this.requestUpdate(),this.saveState()}finally{this.isAddingFiles=!1,this.requestUpdate()}}getStatusClass(e){var o;return(o={downloading:"dm__status--downloading",paused:"dm__status--paused",completed:"dm__status--completed",error:"dm__status--error"}[e])!=null?o:"dm__status--pending"}getProgressBarClass(e){var o;return(o={downloading:"dm__progress-bar--downloading",paused:"dm__progress-bar--paused",completed:"dm__progress-bar--completed",error:"dm__progress-bar--error"}[e])!=null?o:"dm__progress-bar--pending"}render(){const e=this.downloads.filter(i=>i.status==="downloading").length,t=this.downloads.filter(i=>i.status==="completed").length,o=this.downloads.filter(i=>i.status==="paused").length;return p`
|
|
1096
1382
|
<div class="dm">
|
|
1097
1383
|
<div class="dm__container">
|
|
1098
1384
|
<div class="dm__header">
|
|
@@ -1123,57 +1409,57 @@
|
|
|
1123
1409
|
</form>
|
|
1124
1410
|
|
|
1125
1411
|
<div class="dm__list">
|
|
1126
|
-
${this.downloads.length===0?p`<div class="dm__empty">No downloads yet. Add a URL to get started.</div>`:this.downloads.map(
|
|
1127
|
-
<div class="dm__item ${
|
|
1412
|
+
${this.downloads.length===0?p`<div class="dm__empty">No downloads yet. Add a URL to get started.</div>`:this.downloads.map(i=>p`
|
|
1413
|
+
<div class="dm__item ${i.status==="error"?"dm__item--error":""}">
|
|
1128
1414
|
<div class="dm__item-header">
|
|
1129
1415
|
<div class="dm__item-info">
|
|
1130
|
-
<p class="dm__item-name">${
|
|
1131
|
-
<p class="dm__item-url">${
|
|
1416
|
+
<p class="dm__item-name">${i.filename}</p>
|
|
1417
|
+
<p class="dm__item-url">${i.url}</p>
|
|
1132
1418
|
</div>
|
|
1133
1419
|
<div class="dm__item-controls">
|
|
1134
|
-
<span class="dm__status ${this.getStatusClass(
|
|
1135
|
-
<button class="dm__remove-btn" @click=${()=>this.removeDownload(
|
|
1420
|
+
<span class="dm__status ${this.getStatusClass(i.status)}">${i.status}</span>
|
|
1421
|
+
<button class="dm__remove-btn" @click=${()=>this.removeDownload(i.id)} title="Remove download">✕</button>
|
|
1136
1422
|
</div>
|
|
1137
1423
|
</div>
|
|
1138
1424
|
|
|
1139
1425
|
<div class="dm__progress">
|
|
1140
1426
|
<div class="dm__progress-labels">
|
|
1141
|
-
<span>${this.formatBytes(
|
|
1142
|
-
<span>${
|
|
1427
|
+
<span>${this.formatBytes(i.downloaded)}${i.size>0?` / ${this.formatBytes(i.size)}`:" (unknown size)"}</span>
|
|
1428
|
+
<span>${i.size>0?`${this.getProgressPercentage(i)}%`:"Downloading..."}</span>
|
|
1143
1429
|
</div>
|
|
1144
1430
|
<div class="dm__progress-track">
|
|
1145
|
-
${
|
|
1431
|
+
${i.size>0?p`<div class="dm__progress-bar ${this.getProgressBarClass(i.status)}" style="width: ${this.getProgressPercentage(i)}%"></div>`:p`<div class="dm__progress-bar ${this.getProgressBarClass(i.status)} dm__progress-bar--indeterminate"></div>`}
|
|
1146
1432
|
</div>
|
|
1147
1433
|
</div>
|
|
1148
1434
|
|
|
1149
1435
|
<div class="dm__item-footer">
|
|
1150
1436
|
<div class="dm__item-speeds">
|
|
1151
|
-
<span>Speed: ${
|
|
1152
|
-
<span>ETA: ${
|
|
1437
|
+
<span>Speed: ${i.status==="downloading"?this.getDownloadSpeed(i):"0 KB/s"}</span>
|
|
1438
|
+
<span>ETA: ${i.status==="downloading"?this.getETA(i):"Unknown"}</span>
|
|
1153
1439
|
</div>
|
|
1154
1440
|
<div class="dm__item-actions">
|
|
1155
|
-
${
|
|
1156
|
-
<button class="dm__action-btn dm__action-btn--pause" @click=${()=>this.pauseDownload(
|
|
1441
|
+
${i.status==="downloading"?p`
|
|
1442
|
+
<button class="dm__action-btn dm__action-btn--pause" @click=${()=>this.pauseDownload(i.id)}>
|
|
1157
1443
|
<span class="dm__spinner dm__spinner--sm"></span> Pause
|
|
1158
1444
|
</button>
|
|
1159
|
-
`:
|
|
1160
|
-
<button class="dm__action-btn dm__action-btn--resume" @click=${()=>this.resumeDownload(
|
|
1161
|
-
`:
|
|
1445
|
+
`:i.status==="paused"?p`
|
|
1446
|
+
<button class="dm__action-btn dm__action-btn--resume" @click=${()=>this.resumeDownload(i.id)}>Resume</button>
|
|
1447
|
+
`:i.status==="completed"?p`
|
|
1162
1448
|
<span class="dm__status-completed">Completed</span>
|
|
1163
|
-
`:
|
|
1449
|
+
`:i.status==="error"?p`
|
|
1164
1450
|
<div class="dm__error-info">
|
|
1165
1451
|
<div class="dm__error-label">Error</div>
|
|
1166
|
-
<div class="dm__error-detail">${
|
|
1452
|
+
<div class="dm__error-detail">${i.error}</div>
|
|
1167
1453
|
</div>
|
|
1168
1454
|
`:""}
|
|
1169
1455
|
</div>
|
|
1170
1456
|
</div>
|
|
1171
1457
|
|
|
1172
|
-
${
|
|
1458
|
+
${i.status==="downloading"?p`
|
|
1173
1459
|
<div class="dm__chunks">
|
|
1174
|
-
<div>Chunks: ${
|
|
1460
|
+
<div>Chunks: ${i.chunks.filter(s=>s.status==="completed").length}/${i.chunks.length} completed</div>
|
|
1175
1461
|
<div>Chunk size: ${this.formatBytes(this.chunkSize)}</div>
|
|
1176
|
-
<div>Downloaded: ${this.formatBytes(
|
|
1462
|
+
<div>Downloaded: ${this.formatBytes(i.downloaded)}${i.size>0?` / ${this.formatBytes(i.size)}`:""}</div>
|
|
1177
1463
|
</div>
|
|
1178
1464
|
`:""}
|
|
1179
1465
|
</div>
|
|
@@ -1188,16 +1474,16 @@
|
|
|
1188
1474
|
`:""}
|
|
1189
1475
|
</div>
|
|
1190
1476
|
</div>
|
|
1191
|
-
`}},
|
|
1477
|
+
`}},a.DownloadManager.styles=[D`${A(un)}`],nt([l({type:Number})],a.DownloadManager.prototype,"chunkSize",2),nt([l({type:Number})],a.DownloadManager.prototype,"maxConcurrentDownloads",2),nt([l({type:Number})],a.DownloadManager.prototype,"maxConcurrentChunks",2),nt([m()],a.DownloadManager.prototype,"downloads",2),nt([m()],a.DownloadManager.prototype,"isAddingFiles",2),a.DownloadManager=nt([L("download-manager")],a.DownloadManager);const bn=".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-color);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-light)}.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-light)}.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 _n=Object.defineProperty,vn=Object.getOwnPropertyDescriptor,He=(r,e,t,o)=>{for(var i=o>1?void 0:o?vn(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&_n(e,t,i),i};a.TreeMenu=class extends z{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 o;t.stopPropagation(),!(e.disabled||!((o=e.children)!=null&&o.length))&&this._setExpanded(e,!this._isExpanded(e.id))}_handleItemClick(e,t){var i,s;if(t.stopPropagation(),e.disabled)return;const o=!!((i=e.children)!=null&&i.length);if(this._emitNodeClick(e,o),o&&this.expandOnLabelClick){this._setExpanded(e,!this._isExpanded(e.id));return}o||((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?p`
|
|
1192
1478
|
<span class="tree__icon">
|
|
1193
1479
|
<ui-icon name=${e.iconName} .size=${this.iconSize}></ui-icon>
|
|
1194
1480
|
</span>
|
|
1195
|
-
`:e.iconHtml?p`<span class="tree__icon">${
|
|
1481
|
+
`:e.iconHtml?p`<span class="tree__icon">${fo(e.iconHtml)}</span>`:f}_renderChevron(e,t){var i;const o=!!((i=e.children)!=null&&i.length);return this.showLabels?o?p`
|
|
1196
1482
|
<button
|
|
1197
1483
|
type="button"
|
|
1198
1484
|
class="tree__chevron-btn ${this.chevronPosition==="right"?"tree__chevron-btn--right":""}"
|
|
1199
1485
|
aria-label=${t?"Collapse":"Expand"}
|
|
1200
|
-
@click=${
|
|
1486
|
+
@click=${s=>this._toggle(e,s)}
|
|
1201
1487
|
>
|
|
1202
1488
|
<ui-icon
|
|
1203
1489
|
class="tree__chevron ${t?"tree__chevron--open":""}"
|
|
@@ -1205,28 +1491,28 @@
|
|
|
1205
1491
|
size="20"
|
|
1206
1492
|
></ui-icon>
|
|
1207
1493
|
</button>
|
|
1208
|
-
`:p`<span class="tree__chevron-spacer"></span>`:
|
|
1494
|
+
`:p`<span class="tree__chevron-spacer"></span>`:f}_renderNode(e,t){var n;const o=!!((n=e.children)!=null&&n.length),i=o?this._isExpanded(e.id):!1,s=this.showLabels?`--tree-level:${t};`:"--tree-level:0;";return p`
|
|
1209
1495
|
<li class="tree__item">
|
|
1210
1496
|
<div
|
|
1211
1497
|
class="tree__row ${e.disabled?"tree__row--disabled":""} ${e.active?"tree__row--active":""}"
|
|
1212
|
-
style=${
|
|
1498
|
+
style=${s}
|
|
1213
1499
|
role="button"
|
|
1214
1500
|
tabindex=${e.disabled?-1:0}
|
|
1215
|
-
@click=${
|
|
1216
|
-
@keydown=${
|
|
1501
|
+
@click=${d=>this._handleItemClick(e,d)}
|
|
1502
|
+
@keydown=${d=>this._handleRowKeydown(e,d)}
|
|
1217
1503
|
title=${this.showLabels?"":e.label}
|
|
1218
1504
|
>
|
|
1219
|
-
${this.chevronPosition==="left"?this._renderChevron(e,
|
|
1505
|
+
${this.chevronPosition==="left"?this._renderChevron(e,i):f}
|
|
1220
1506
|
${this._renderIcon(e)}
|
|
1221
|
-
${this.showLabels?p`<span class="tree__label">${e.label}</span>`:
|
|
1222
|
-
${this.chevronPosition==="right"?this._renderChevron(e,
|
|
1507
|
+
${this.showLabels?p`<span class="tree__label">${e.label}</span>`:f}
|
|
1508
|
+
${this.chevronPosition==="right"?this._renderChevron(e,i):f}
|
|
1223
1509
|
</div>
|
|
1224
1510
|
|
|
1225
|
-
${this.showLabels&&o&&
|
|
1511
|
+
${this.showLabels&&o&&i?p`
|
|
1226
1512
|
<ul class="tree__children">
|
|
1227
|
-
${e.children.map(
|
|
1513
|
+
${e.children.map(d=>this._renderNode(d,t+1))}
|
|
1228
1514
|
</ul>
|
|
1229
|
-
`:
|
|
1515
|
+
`:f}
|
|
1230
1516
|
</li>
|
|
1231
1517
|
`}render(){return p`
|
|
1232
1518
|
<nav class="tree ${this.showLabels?"":"tree--icons"}" aria-label="Tree Menu">
|
|
@@ -1234,7 +1520,7 @@
|
|
|
1234
1520
|
${this.items.map(e=>this._renderNode(e,0))}
|
|
1235
1521
|
</ul>
|
|
1236
1522
|
</nav>
|
|
1237
|
-
`}},
|
|
1523
|
+
`}},a.TreeMenu.styles=[D`${A(bn)}`],He([l({attribute:!1})],a.TreeMenu.prototype,"items",2),He([l({type:Array})],a.TreeMenu.prototype,"expandedIds",2),He([l({type:Boolean})],a.TreeMenu.prototype,"expandOnLabelClick",2),He([l({type:String})],a.TreeMenu.prototype,"chevronPosition",2),He([l({type:Boolean})],a.TreeMenu.prototype,"showLabels",2),He([l({type:Number})],a.TreeMenu.prototype,"iconSize",2),He([m()],a.TreeMenu.prototype,"_expandedSet",2),a.TreeMenu=He([L("logosphere-tree-menu")],a.TreeMenu);var mn=Object.defineProperty,yn=Object.getOwnPropertyDescriptor,lt=(r,e,t,o)=>{for(var i=o>1?void 0:o?yn(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&mn(e,t,i),i};a.LeftMenuItemElement=class extends z{constructor(){super(...arguments),this.itemId="",this.label="",this.disabled=!1,this.active=!1}render(){return p`<slot></slot>`}},lt([l({type:String})],a.LeftMenuItemElement.prototype,"itemId",2),lt([l({type:String})],a.LeftMenuItemElement.prototype,"label",2),lt([l({type:Boolean})],a.LeftMenuItemElement.prototype,"disabled",2),lt([l({type:Boolean})],a.LeftMenuItemElement.prototype,"active",2),lt([l({attribute:!1})],a.LeftMenuItemElement.prototype,"onClick",2),a.LeftMenuItemElement=lt([L("leftmenu-item")],a.LeftMenuItemElement);const wn=':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-color)}.lm__ctrl:hover{background:var(--color-tertiary)}.lm__pin-icon--inactive{color:var(--color-tertiary)}.lm__pin-icon--active{color:var(--color-body-color)}.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 xn=Object.defineProperty,$n=Object.getOwnPropertyDescriptor,fe=(r,e,t,o)=>{for(var i=o>1?void 0:o?$n(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&xn(e,t,i),i};a.LeftMenu=class extends z{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 o=e.target.assignedElements({flatten:!0}).filter(i=>i.tagName==="LEFTMENU-ITEM");this._nodes=o.map((i,s)=>this._mapItemElement(i,`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 i;const o=(i=e.detail)==null?void 0:i.value;typeof o=="string"&&this._setSearch(o)},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:o}=e.detail;o?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 c;const o=e.itemId||e.id||t,i=Array.from(e.children).find(u=>u.getAttribute("slot")==="icon"),s=i==null?void 0:i.querySelector("ui-icon"),n=Array.from(e.children).filter(u=>u.tagName==="LEFTMENU-ITEM"&&u.getAttribute("slot")==="children"),d=Array.from(e.childNodes).filter(u=>u.nodeType===Node.TEXT_NODE).map(u=>{var h;return(h=u.textContent)!=null?h:""}).join(" ").replace(/\s+/g," ").trim();return{id:o,label:(e.label||d||o).trim(),disabled:e.disabled,active:e.active,iconName:(c=s==null?void 0:s.getAttribute("name"))!=null?c:null,iconHtml:i?i.innerHTML:null,onClick:e.onClick?()=>{var u;return(u=e.onClick)==null?void 0:u.call(e,e)}:void 0,children:n.map((u,h)=>this._mapItemElement(u,`${o}-${h}`))}}_setSearch(e){if(this._search=e,!e){this._searchExpandedIds=new Set;return}const t=new Set,o=i=>{let s=!1;return i.forEach(n=>{const d=n.label.toLocaleLowerCase().includes(e.toLocaleLowerCase()),c=o(n.children);c&&t.add(n.id),d&&n.children.length&&t.add(n.id),s=s||d||c}),s};o(this._nodes),this._searchExpandedIds=t}_filterNodes(e,t){if(!t)return e;const o=t.toLocaleLowerCase(),i=s=>{const n=s.children.map(i).filter(Boolean);return!s.label.toLocaleLowerCase().includes(o)&&n.length===0?null:Me($e({},s),{children:n})};return e.map(i).filter(Boolean)}_toTreeItems(e){return e.map(t=>{var o;return{id:t.id,label:t.label,disabled:t.disabled,active:t.active,iconName:(o=t.iconName)!=null?o:void 0,iconHtml:t.iconHtml,onClick:t.onClick?()=>{var i;(i=t.onClick)==null||i.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),o=this.pinned?this.open?this.openWidth:this.closedWidth:this.closedWidth;return p`
|
|
1238
1524
|
<aside
|
|
1239
1525
|
class="lm ${this.open?"lm--open":"lm--closed"} ${this.pinned?"lm--pinned":"lm--overlay"}"
|
|
1240
1526
|
style=${`--lm-open-width:${this.openWidth}px; --lm-closed-width:${this.closedWidth}px; width:${o}px;`}
|
|
@@ -1256,7 +1542,7 @@
|
|
|
1256
1542
|
<ui-icon slot="prefix" name="uil-search" size="16"></ui-icon>
|
|
1257
1543
|
</logosphere-input>
|
|
1258
1544
|
</div>
|
|
1259
|
-
`:
|
|
1545
|
+
`:f}
|
|
1260
1546
|
|
|
1261
1547
|
<nav class="lm__nav">
|
|
1262
1548
|
<logosphere-tree-menu
|
|
@@ -1314,9 +1600,9 @@
|
|
|
1314
1600
|
</div>
|
|
1315
1601
|
</div>
|
|
1316
1602
|
</aside>
|
|
1317
|
-
`}},
|
|
1318
|
-
${
|
|
1319
|
-
`],fe([
|
|
1603
|
+
`}},a.LeftMenu.styles=[D`
|
|
1604
|
+
${A(wn)}
|
|
1605
|
+
`],fe([l({type:Boolean,reflect:!0})],a.LeftMenu.prototype,"open",2),fe([l({type:Boolean,reflect:!0})],a.LeftMenu.prototype,"pinned",2),fe([l({type:Number})],a.LeftMenu.prototype,"closedWidth",2),fe([l({type:Number})],a.LeftMenu.prototype,"openWidth",2),fe([l({type:String})],a.LeftMenu.prototype,"storageKey",2),fe([m()],a.LeftMenu.prototype,"_nodes",2),fe([m()],a.LeftMenu.prototype,"_expandedIds",2),fe([m()],a.LeftMenu.prototype,"_search",2),fe([m()],a.LeftMenu.prototype,"_searchExpandedIds",2),fe([m()],a.LeftMenu.prototype,"_hasCustomOpen",2),fe([m()],a.LeftMenu.prototype,"_hasCustomClosed",2),a.LeftMenu=fe([L("logosphere-leftmenu")],a.LeftMenu);const kn='.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-modal-backdrop, 1050);display:flex;align-items:center;justify-content:center;background-color:#00000080;padding:var(--spacing-4, 16px);font-family:var(--font-family-base, "Inter", sans-serif);animation:modal-backdrop-fade-in .15s ease-out}@keyframes modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal__dialog{width:100%;max-width:500px;max-height:calc(100vh - 48px);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-border, #e0e0e0);overflow:hidden;box-shadow:0 8px 8px -4px #0000000a,0 20px 24px -4px #0000001a;background-color:var(--color-body-bg, white);display:flex;flex-direction:column;animation:modal-dialog-scale-in .15s ease-out}@keyframes modal-dialog-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal__dialog:focus{outline:none}.modal__dialog--sm{max-width:400px}.modal__dialog--md{max-width:500px}.modal__dialog--lg{max-width:720px}.modal__dialog--xl{max-width:900px}.modal__dialog--full{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}.modal__header{padding:var(--spacing-4, 16px) var(--spacing-2, 8px);border-bottom:1px solid var(--color-border, #e0e0e0);display:flex;align-items:center;flex-shrink:0}.modal__header-content{flex:1;min-width:0;display:flex;align-items:center;gap:var(--spacing-2, 8px);padding:0 var(--spacing-2, 8px)}.modal__header-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-body-text, #2b2b2b)}.modal__title{font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-semibold, 600);color:var(--color-emphasis, black);margin:0;line-height:1.2;letter-spacing:-.16px}.modal__header-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--spacing-2, 8px);border:none;background:transparent;border-radius:var(--radius-base, 8px);cursor:pointer;color:var(--color-secondary, #565656);transition:background-color .15s ease,color .15s ease;flex-shrink:0}.modal__header-btn:hover{background-color:var(--color-body-bg-hover, #f5f5f5);color:var(--color-body-text, #2b2b2b)}.modal__header-btn:focus-visible{outline:2px solid var(--color-primary, #c8102e);outline-offset:2px}.modal__body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px);overflow-y:auto;flex:1;min-height:0;font-size:var(--font-size-sm, 14px);line-height:20px;color:var(--color-body-text, #2b2b2b);letter-spacing:-.14px}.modal__body::-webkit-scrollbar{width:6px}.modal__body::-webkit-scrollbar-track{background:transparent}.modal__body::-webkit-scrollbar-thumb{background-color:var(--color-border, #e0e0e0);border-radius:3px}.modal__body::-webkit-scrollbar-thumb:hover{background-color:var(--color-secondary, #565656)}.modal__footer{padding:var(--spacing-4, 16px) var(--spacing-6, 24px);display:flex;flex-wrap:wrap;gap:var(--spacing-2, 8px);justify-content:flex-end;align-items:center;border-top:1px solid var(--color-border, #e0e0e0);flex-shrink:0}@media(max-width:576px){.modal__backdrop{padding:var(--spacing-3, 12px)}.modal__dialog{max-height:calc(100vh - 24px)}.modal__dialog--sm,.modal__dialog--md,.modal__dialog--lg,.modal__dialog--xl{max-width:100%}.modal__footer{flex-direction:column}.modal__footer ::slotted(*){width:100%}}';var Cn=Object.defineProperty,J=(r,e,t,o)=>{for(var i=void 0,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=n(e,t,i)||i);return i&&Cn(e,t,i),i};const Ao=class Ao extends z{constructor(){super(...arguments),this.open=!1,this.title="",this.size="md",this.closeOnEsc=!0,this.closeOnBackdrop=!0,this.showBack=!1,this.showClose=!0,this.showIcon=!1,this.footer=!0,this.okLabel="Tamam",this.cancelLabel="İptal",this.showCancel=!0,this.hasFooterSlot=!1,this.hasHeaderSlot=!1,this.previousActiveElement=null,this.focusableElements=[],this.onKeyDown=e=>{if(this.open){if(this.closeOnEsc&&e.key==="Escape"){e.preventDefault(),this.setOpen(!1);return}e.key==="Tab"&&this.handleTabKey(e)}},this.onBackdropClick=e=>{var o;if(!this.closeOnBackdrop)return;const t=(o=this.shadowRoot)==null?void 0:o.querySelector(".__modal-content");t&&!e.composedPath().includes(t)&&this.setOpen(!1)},this.handleOk=()=>{var e;(e=this.onOk)==null||e.call(this),this.dispatchEvent(new CustomEvent("ok",{bubbles:!0,composed:!0})),this.setOpen(!1)},this.handleCancel=()=>{var e;(e=this.onCancel)==null||e.call(this),this.dispatchEvent(new CustomEvent("cancel",{bubbles:!0,composed:!0})),this.setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.onKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.onKeyDown),this.unlockBodyScroll()}openModal(){this.setOpen(!0)}closeModal(){this.setOpen(!1)}setOpen(e){var t;this.open!==e&&(this.open=e,e?(this.lockBodyScroll(),this.previousActiveElement=document.activeElement,requestAnimationFrame(()=>{this.trapFocus()})):(this.unlockBodyScroll(),(t=this.previousActiveElement)==null||t.focus()),this.dispatchEvent(new CustomEvent(e?"modal-open":"modal-close",{bubbles:!0,composed:!0})))}lockBodyScroll(){document.body.style.overflow="hidden",document.body.style.paddingRight=`${window.innerWidth-document.documentElement.clientWidth}px`}unlockBodyScroll(){document.body.style.overflow="",document.body.style.paddingRight=""}trapFocus(){if(!this.dialogElement)return;const e=["button:not([disabled])","[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");this.focusableElements=Array.from(this.dialogElement.querySelectorAll(e));const t=this.querySelectorAll(e);this.focusableElements.push(...Array.from(t)),this.focusableElements.length>0?this.focusableElements[0].focus():this.dialogElement.focus()}handleTabKey(e){var i,s;if(this.focusableElements.length===0){e.preventDefault();return}const t=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];e.shiftKey?(document.activeElement===t||((i=this.shadowRoot)==null?void 0:i.activeElement)===t)&&(e.preventDefault(),o.focus()):(document.activeElement===o||((s=this.shadowRoot)==null?void 0:s.activeElement)===o)&&(e.preventDefault(),t.focus())}checkSlotContent(){this.hasFooterSlot=this.querySelector('[slot="footer"]')!==null,this.hasHeaderSlot=this.querySelector('[slot="header"]')!==null}updated(e){super.updated(e),this.checkSlotContent(),e.has("open")&&this.open&&requestAnimationFrame(()=>{this.trapFocus()})}get modalId(){var e;return`modal-${((e=this.title)==null?void 0:e.replace(/\s+/g,"-").toLowerCase())||"dialog"}`}get sizeClass(){const e={sm:"modal__dialog--sm",md:"modal__dialog--md",lg:"modal__dialog--lg",xl:"modal__dialog--xl",full:"modal__dialog--full"};return e[this.size]||e.md}get showHeader(){return this.showBack||this.showClose||this.title||this.hasHeaderSlot||this.showIcon}render(){if(!this.open)return f;const e=`${this.modalId}-title`,t=`${this.modalId}-desc`;return p`
|
|
1320
1606
|
<div
|
|
1321
1607
|
class="modal__backdrop"
|
|
1322
1608
|
role="presentation"
|
|
@@ -1327,7 +1613,7 @@
|
|
|
1327
1613
|
class="__modal-content modal__dialog ${this.sizeClass}"
|
|
1328
1614
|
role="dialog"
|
|
1329
1615
|
aria-modal="true"
|
|
1330
|
-
aria-labelledby=${this.title?e:
|
|
1616
|
+
aria-labelledby=${this.title?e:f}
|
|
1331
1617
|
aria-describedby=${t}
|
|
1332
1618
|
tabindex="-1"
|
|
1333
1619
|
>
|
|
@@ -1342,7 +1628,7 @@
|
|
|
1342
1628
|
>
|
|
1343
1629
|
<ui-icon name="uil-arrow-left" size="16"></ui-icon>
|
|
1344
1630
|
</button>
|
|
1345
|
-
`:
|
|
1631
|
+
`:f}
|
|
1346
1632
|
<div class="modal__header-content">
|
|
1347
1633
|
${this.showIcon?p`
|
|
1348
1634
|
<span class="modal__header-icon">
|
|
@@ -1350,8 +1636,8 @@
|
|
|
1350
1636
|
<ui-icon name="uil-exclamation-triangle" size="16"></ui-icon>
|
|
1351
1637
|
</slot>
|
|
1352
1638
|
</span>
|
|
1353
|
-
`:
|
|
1354
|
-
${this.title?p`<h2 id=${e} class="modal__title">${this.title}</h2>`:
|
|
1639
|
+
`:f}
|
|
1640
|
+
${this.title?p`<h2 id=${e} class="modal__title">${this.title}</h2>`:f}
|
|
1355
1641
|
<slot name="header"></slot>
|
|
1356
1642
|
</div>
|
|
1357
1643
|
${this.showClose?p`
|
|
@@ -1363,9 +1649,9 @@
|
|
|
1363
1649
|
>
|
|
1364
1650
|
<ui-icon name="uil-times" size="16"></ui-icon>
|
|
1365
1651
|
</button>
|
|
1366
|
-
`:
|
|
1652
|
+
`:f}
|
|
1367
1653
|
</div>
|
|
1368
|
-
`:
|
|
1654
|
+
`:f}
|
|
1369
1655
|
|
|
1370
1656
|
<div id=${t} class="modal__body">
|
|
1371
1657
|
<slot></slot>
|
|
@@ -1389,7 +1675,7 @@
|
|
|
1389
1675
|
>
|
|
1390
1676
|
${this.cancelLabel}
|
|
1391
1677
|
</logosphere-button>
|
|
1392
|
-
`:
|
|
1678
|
+
`:f}
|
|
1393
1679
|
<logosphere-button
|
|
1394
1680
|
variant="solid"
|
|
1395
1681
|
theme="primary"
|
|
@@ -1399,7 +1685,7 @@
|
|
|
1399
1685
|
${this.okLabel}
|
|
1400
1686
|
</logosphere-button>
|
|
1401
1687
|
</div>
|
|
1402
|
-
`:
|
|
1688
|
+
`:f}};Ao.styles=[D`${A(kn)}`];let q=Ao;J([l({type:Boolean,reflect:!0})],q.prototype,"open"),J([l({type:String})],q.prototype,"title"),J([l({type:String})],q.prototype,"size"),J([l({type:Boolean})],q.prototype,"closeOnEsc"),J([l({type:Boolean})],q.prototype,"closeOnBackdrop"),J([l({type:Boolean})],q.prototype,"showBack"),J([l({type:Boolean})],q.prototype,"showClose"),J([l({type:Boolean})],q.prototype,"showIcon"),J([l({type:Boolean})],q.prototype,"footer"),J([l({type:String})],q.prototype,"okLabel"),J([l({type:String})],q.prototype,"cancelLabel"),J([l({type:Boolean})],q.prototype,"showCancel"),J([l({attribute:!1})],q.prototype,"onOk"),J([l({attribute:!1})],q.prototype,"onCancel"),J([m()],q.prototype,"hasFooterSlot"),J([m()],q.prototype,"hasHeaderSlot"),J([V(".modal__dialog")],q.prototype,"dialogElement"),customElements.get("logosphere-modal")||customElements.define("logosphere-modal",q);const Sn=".toast{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;width:100%;box-sizing:border-box;border-radius:var(--radius-md);border-left:4px solid var(--toast-accent);background:#fff;box-shadow:var(--shadow-md);padding:var(--spacing-4);color:#3d3d3d;font-family:var(--font-family-base);animation:toast-enter .22s cubic-bezier(.2,.8,.2,1);transform-origin:top right}.toast__icon{display:inline-flex;margin-top:2px;color:var(--toast-accent)}.toast__content{min-width:0}.toast__title{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}.toast__title--as-text{font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);color:#555}.toast__text{margin:4px 0 0;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:#555}.toast__actions{display:flex;gap:10px;margin-top:12px}.toast__close{border:0;background:transparent;color:#5a5a5a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}.toast__close:hover{color:#2f2f2f}.toast--success{--toast-accent: var(--color-success-active)}.toast--danger{--toast-accent: var(--color-danger-active)}.toast--warning{--toast-accent: var(--color-warning-active)}.toast--info{--toast-accent: var(--color-info-active)}.toast[data-closing=true]{pointer-events:none;animation:toast-exit .22s cubic-bezier(.4,0,1,1) forwards}@keyframes toast-enter{0%{opacity:0;transform:translate3d(18px,-8px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateZ(0) scale(1);max-height:240px;margin-bottom:0}to{opacity:0;transform:translate3d(20px,-6px,0) scale(.97);max-height:0;margin-bottom:-12px}}";var En=Object.defineProperty,Pn=Object.getOwnPropertyDescriptor,we=(r,e,t,o)=>{for(var i=o>1?void 0:o?Pn(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&En(e,t,i),i};const Pi=6e3,zn=220,An={success:"uil-check-circle",danger:"uil-exclamation-octagon",warning:"uil-exclamation-triangle",info:"uil-info-circle"};a.LogosphereToast=class extends z{constructor(){super(...arguments),this.type="info",this.title="",this.text="",this.icon="",this.closeable=!0,this.duration=Pi,this.autoDismiss=!0,this.isClosing=!1,this.remainingMs=Pi,this.startedAt=0}connectedCallback(){super.connectedCallback(),this.remainingMs=this.duration,this.startTimer()}disconnectedCallback(){super.disconnectedCallback(),this.clearTimer(),this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=void 0)}updated(e){e.has("duration")&&(this.remainingMs=this.duration,this.restartTimer()),(e.has("action")||e.has("autoDismiss")||e.has("type"))&&this.restartTimer()}close(e="manual"){this.isClosing||(this.clearTimer(),this.isClosing=!0,this.closeTimerId=setTimeout(()=>{this.dispatchEvent(new CustomEvent("toast-close",{detail:{reason:e},bubbles:!0,composed:!0}))},zn))}get canAutoDismiss(){return this.autoDismiss&&this.type!=="danger"&&!this.hasActions}get resolvedTitle(){return this.title||this.text}get resolvedText(){return this.title?this.text:""}get resolvedIcon(){return this.icon||An[this.type]}get hasActions(){return!!this.action}onActionClick(e){var t,o,i,s,n;this.action&&(e==="okay"?(o=(t=this.action).onOkay)==null||o.call(t):(s=(i=this.action).onCancel)==null||s.call(i),((n=this.action.closeOnAction)==null||n)&&this.close("manual"))}clearTimer(){this.timerId&&(clearTimeout(this.timerId),this.timerId=void 0)}startTimer(){this.clearTimer(),!(!this.canAutoDismiss||this.remainingMs<=0)&&(this.startedAt=Date.now(),this.timerId=setTimeout(()=>this.close("auto"),this.remainingMs))}pauseTimer(){this.timerId&&(this.clearTimer(),this.remainingMs=Math.max(0,this.remainingMs-(Date.now()-this.startedAt)))}resumeTimer(){this.canAutoDismiss&&this.startTimer()}restartTimer(){this.clearTimer(),this.startTimer()}render(){var e,t;return p`
|
|
1403
1689
|
<article
|
|
1404
1690
|
class="toast toast--${this.type}"
|
|
1405
1691
|
data-closing=${this.isClosing?"true":"false"}
|
|
@@ -1416,7 +1702,7 @@
|
|
|
1416
1702
|
<h4 class=${this.title?"toast__title":"toast__title toast__title--as-text"}>
|
|
1417
1703
|
${this.resolvedTitle}
|
|
1418
1704
|
</h4>
|
|
1419
|
-
${this.resolvedText?p`<p class="toast__text">${this.resolvedText}</p>`:
|
|
1705
|
+
${this.resolvedText?p`<p class="toast__text">${this.resolvedText}</p>`:f}
|
|
1420
1706
|
${this.hasActions?p`
|
|
1421
1707
|
<div class="toast__actions">
|
|
1422
1708
|
<logosphere-button
|
|
@@ -1434,20 +1720,20 @@
|
|
|
1434
1720
|
${((t=this.action)==null?void 0:t.cancelLabel)||"İptal"}
|
|
1435
1721
|
</logosphere-button>
|
|
1436
1722
|
</div>
|
|
1437
|
-
`:
|
|
1723
|
+
`:f}
|
|
1438
1724
|
</div>
|
|
1439
1725
|
|
|
1440
1726
|
${this.closeable?p`
|
|
1441
1727
|
<button class="toast__close" @click=${()=>this.close("manual")} aria-label="Close">
|
|
1442
1728
|
<ui-icon name="uil-times" size="20"></ui-icon>
|
|
1443
1729
|
</button>
|
|
1444
|
-
`:
|
|
1730
|
+
`:f}
|
|
1445
1731
|
</article>
|
|
1446
|
-
`}},
|
|
1447
|
-
${
|
|
1448
|
-
`],
|
|
1732
|
+
`}},a.LogosphereToast.styles=[D`
|
|
1733
|
+
${A(Sn)}
|
|
1734
|
+
`],we([l({type:String})],a.LogosphereToast.prototype,"type",2),we([l({type:String})],a.LogosphereToast.prototype,"title",2),we([l({type:String})],a.LogosphereToast.prototype,"text",2),we([l({type:String})],a.LogosphereToast.prototype,"icon",2),we([l({type:Boolean})],a.LogosphereToast.prototype,"closeable",2),we([l({type:Number})],a.LogosphereToast.prototype,"duration",2),we([l({type:Boolean})],a.LogosphereToast.prototype,"autoDismiss",2),we([l({attribute:!1})],a.LogosphereToast.prototype,"action",2),we([m()],a.LogosphereToast.prototype,"isClosing",2),a.LogosphereToast=we([L("logosphere-toast")],a.LogosphereToast);const zi=(r,e,t)=>{const o=new Map;for(let i=e;i<=t;i++)o.set(r[i],i);return o},Dn=Yt(class extends Nt{constructor(r){if(super(r),r.type!==ke.CHILD)throw Error("repeat() can only be used in text expressions")}dt(r,e,t){let o;t===void 0?t=e:e!==void 0&&(o=e);const i=[],s=[];let n=0;for(const d of r)i[n]=o?o(d,n):n,s[n]=t(d,n),n++;return{values:s,keys:i}}render(r,e,t){return this.dt(r,e,t).values}update(r,[e,t,o]){var C;const i=$r(r),{values:s,keys:n}=this.dt(e,t,o);if(!Array.isArray(i))return this.ut=n,s;const d=(C=this.ut)!=null?C:this.ut=[],c=[];let u,h,g=0,b=i.length-1,v=0,w=s.length-1;for(;g<=b&&v<=w;)if(i[g]===null)g++;else if(i[b]===null)b--;else if(d[g]===n[v])c[v]=Ze(i[g],s[v]),g++,v++;else if(d[b]===n[w])c[w]=Ze(i[b],s[w]),b--,w--;else if(d[g]===n[w])c[w]=Ze(i[g],s[w]),xt(r,c[w+1],i[g]),g++,w--;else if(d[b]===n[v])c[v]=Ze(i[b],s[v]),xt(r,i[g],i[b]),b--,v++;else if(u===void 0&&(u=zi(n,v,w),h=zi(d,g,b)),u.has(d[g]))if(u.has(d[b])){const _=h.get(n[v]),y=_!==void 0?i[_]:null;if(y===null){const x=xt(r,i[g]);Ze(x,s[v]),c[v]=x}else c[v]=Ze(y,s[v]),xt(r,i[g],y),i[_]=null;v++}else _o(i[b]),b--;else _o(i[g]),g++;for(;v<=w;){const _=xt(r,c[w+1]);Ze(_,s[v]),c[v++]=_}for(;g<=b;){const _=i[g++];_!==null&&_o(_)}return this.ut=n,Xo(r,c),pe}}),Mn=":host{position:fixed;top:16px;right:16px;z-index:9999;width:min(420px,calc(100vw - 24px));box-sizing:border-box}.toast-container{display:flex;flex-direction:column;gap:12px}";var Tn=Object.defineProperty,Ln=Object.getOwnPropertyDescriptor,Ai=(r,e,t,o)=>{for(var i=o>1?void 0:o?Ln(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&Tn(e,t,i),i};const Di=4;a.LogosphereToastContainer=class extends z{constructor(){super(...arguments),this.visibleToasts=[],this.queuedToasts=[]}show(e){const t=this.toToast(e);return this.visibleToasts.length<Di?(this.visibleToasts=[t,...this.visibleToasts],t.id):(this.queuedToasts.push(t),t.id)}close(e){const t=this.visibleToasts.findIndex(o=>o.id===e);if(t!==-1){const o=this.visibleToasts.slice();o.splice(t,1),this.visibleToasts=o,this.dequeue();return}this.queuedToasts=this.queuedToasts.filter(o=>o.id!==e)}clear(){this.visibleToasts=[],this.queuedToasts=[]}dequeue(){if(!this.queuedToasts.length||this.visibleToasts.length>=Di)return;const e=this.queuedToasts.shift();e&&(this.visibleToasts=[e,...this.visibleToasts])}toToast(e){var t,o,i;return{id:e.id||this.createId(),type:e.type||"info",title:e.title||"",text:e.text,icon:e.icon||"",closeable:(t=e.closeable)!=null?t:!0,autoDismiss:(o=e.autoDismiss)!=null?o:!0,duration:(i=e.duration)!=null?i:6e3,action:e.action}}createId(){return`toast-${Date.now()}-${Math.random().toString(36).slice(2,8)}`}render(){return p`
|
|
1449
1735
|
<div class="toast-container" role="region" aria-label="Notifications">
|
|
1450
|
-
${
|
|
1736
|
+
${Dn(this.visibleToasts,e=>e.id,e=>p`
|
|
1451
1737
|
<logosphere-toast
|
|
1452
1738
|
.type=${e.type}
|
|
1453
1739
|
.title=${e.title}
|
|
@@ -1462,34 +1748,34 @@
|
|
|
1462
1748
|
</logosphere-toast>
|
|
1463
1749
|
`)}
|
|
1464
1750
|
</div>
|
|
1465
|
-
`}},
|
|
1751
|
+
`}},a.LogosphereToastContainer.styles=[D`${A(Mn)}`],Ai([m()],a.LogosphereToastContainer.prototype,"visibleToasts",2),a.LogosphereToastContainer=Ai([L("logosphere-toast-container")],a.LogosphereToastContainer);class On{static show(e){return this.getContainer().show(e)}static success(e){return this.show(Me($e({},e),{type:"success"}))}static danger(e){return this.show(Me($e({},e),{type:"danger",autoDismiss:!1}))}static warning(e){return this.show(Me($e({},e),{type:"warning"}))}static info(e){return this.show(Me($e({},e),{type:"info"}))}static close(e){this.getContainer().close(e)}static clear(){this.getContainer().clear()}static getContainer(){if(this.container&&document.body.contains(this.container))return this.container;const e=document.querySelector("logosphere-toast-container");if(e&&e instanceof a.LogosphereToastContainer)return this.container=e,e;const t=document.createElement("logosphere-toast-container");return document.body.appendChild(t),this.container=t,t}}const Bn=".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-light)}.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 In=Object.defineProperty,Hn=Object.getOwnPropertyDescriptor,Re=(r,e,t,o)=>{for(var i=o>1?void 0:o?Hn(e,t):e,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=(o?n(e,t,i):n(i))||i);return o&&i&&In(e,t,i),i};a.LogosphereTab=class extends z{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(o=>o.id===this.activeTab);t!==-1&&(this._focusedIndex=t)}e.has("tabs")&&this.tabs.length>0&&(this.tabs.some(o=>o.id===this.activeTab)||(this.activeTab=this.tabs[0].id),this._focusedIndex=this.tabs.findIndex(o=>o.id===this.activeTab))}handleTabClick(e,t){if(t)return;const o=this.activeTab;this.activeTab=e,this._focusedIndex=this.tabs.findIndex(i=>i.id===e),this.dispatchEvent(new CustomEvent("tab-change",{detail:{oldTab:o,newTab:e},bubbles:!0,composed:!0}))}handleKeyDown(e){var s,n,d,c,u;const{tabs:t}=this;if(t.filter(h=>!h.disabled).length===0)return;let o=this._focusedIndex;const i=this._focusedIndex;switch(e.key){case"ArrowLeft":e.preventDefault();do o=o>0?o-1:t.length-1;while((s=t[o])!=null&&s.disabled&&o!==i);break;case"ArrowRight":e.preventDefault();do o=o<t.length-1?o+1:0;while((n=t[o])!=null&&n.disabled&&o!==i);break;case"Home":for(e.preventDefault(),o=0;(d=t[o])!=null&&d.disabled&&o<t.length-1;)o++;break;case"End":for(e.preventDefault(),o=t.length-1;(c=t[o])!=null&&c.disabled&&o>0;)o--;break;default:return}if(o!==this._focusedIndex&&!((u=t[o])!=null&&u.disabled)){const h=this.activeTab;this._focusedIndex=o,this.activeTab=t[o].id,this.updateComplete.then(()=>{var b;const g=(b=this.shadowRoot)==null?void 0:b.querySelector(`[role="tab"][data-tab-id="${t[o].id}"]`);g==null||g.focus()}),this.dispatchEvent(new CustomEvent("tab-change",{detail:{oldTab:h,newTab:t[o].id},bubbles:!0,composed:!0}))}}scrollTabIntoView(e){this.updateComplete.then(()=>{var o;const t=(o=this.shadowRoot)==null?void 0:o.querySelector(`[role="tab"][data-tab-id="${e}"]`);if(t&&this.tablist){const i=this.tablist.getBoundingClientRect(),s=t.getBoundingClientRect();s.left<i.left?this.tablist.scrollLeft-=i.left-s.left+16:s.right>i.right&&(this.tablist.scrollLeft+=s.right-i.right+16)}})}renderTabButton(e,t){const o=this.activeTab===e.id,i=this._focusedIndex===t,s=["tab__button",o?"tab__button--active":"",e.disabled?"tab__button--disabled":""].filter(Boolean).join(" "),n=["tab__label",o?"":"tab__label--inactive"].filter(Boolean).join(" "),d=["tab__description",o?"tab__description--active":""].filter(Boolean).join(" ");return p`
|
|
1466
1752
|
<button
|
|
1467
1753
|
role="tab"
|
|
1468
|
-
class=${
|
|
1754
|
+
class=${s}
|
|
1469
1755
|
data-tab-id=${e.id}
|
|
1470
1756
|
aria-selected=${o?"true":"false"}
|
|
1471
1757
|
aria-controls="panel-${e.id}"
|
|
1472
|
-
tabindex=${o||
|
|
1758
|
+
tabindex=${o||i?"0":"-1"}
|
|
1473
1759
|
?disabled=${e.disabled}
|
|
1474
1760
|
@click=${()=>this.handleTabClick(e.id,e.disabled)}
|
|
1475
1761
|
@focus=${()=>this.scrollTabIntoView(e.id)}
|
|
1476
1762
|
>
|
|
1477
|
-
${e.icon?p`<i class="${e.icon} tab__icon"></i>`:
|
|
1763
|
+
${e.icon?p`<i class="${e.icon} tab__icon"></i>`:f}
|
|
1478
1764
|
<div class="tab__content">
|
|
1479
|
-
<span class=${
|
|
1480
|
-
${e.description?p`<span class=${
|
|
1765
|
+
<span class=${n}>${e.label}</span>
|
|
1766
|
+
${e.description?p`<span class=${d}>${e.description}</span>`:f}
|
|
1481
1767
|
</div>
|
|
1482
1768
|
</button>
|
|
1483
|
-
`}renderTabPanel(e){const t=this.activeTab===e.id;if(!(!this.lazy||this._renderedTabs.has(e.id)))return
|
|
1769
|
+
`}renderTabPanel(e){const t=this.activeTab===e.id;if(!(!this.lazy||this._renderedTabs.has(e.id)))return f;const i=["tab__panel",t?"":"tab__panel--hidden"].filter(Boolean).join(" ");return p`
|
|
1484
1770
|
<div
|
|
1485
1771
|
role="tabpanel"
|
|
1486
1772
|
id="panel-${e.id}"
|
|
1487
1773
|
aria-labelledby="tab-${e.id}"
|
|
1488
|
-
class=${
|
|
1774
|
+
class=${i}
|
|
1489
1775
|
tabindex="0"
|
|
1490
1776
|
>
|
|
1491
1777
|
<slot name=${`panel-${e.id}`}>
|
|
1492
|
-
${typeof e.content=="string"?p`${e.content}`:
|
|
1778
|
+
${typeof e.content=="string"?p`${e.content}`:f}
|
|
1493
1779
|
</slot>
|
|
1494
1780
|
</div>
|
|
1495
1781
|
`}render(){return p`
|
|
@@ -1499,6 +1785,6 @@
|
|
|
1499
1785
|
</div>
|
|
1500
1786
|
<div class="tab__panels">${this.tabs.map(e=>this.renderTabPanel(e))}</div>
|
|
1501
1787
|
</div>
|
|
1502
|
-
`}},
|
|
1503
|
-
${
|
|
1504
|
-
`],
|
|
1788
|
+
`}},a.LogosphereTab.styles=[D`
|
|
1789
|
+
${A(Bn)}
|
|
1790
|
+
`],Re([l({type:Array})],a.LogosphereTab.prototype,"tabs",2),Re([l({type:String})],a.LogosphereTab.prototype,"activeTab",2),Re([l({type:Boolean})],a.LogosphereTab.prototype,"lazy",2),Re([l({type:String})],a.LogosphereTab.prototype,"variant",2),Re([m()],a.LogosphereTab.prototype,"_focusedIndex",2),Re([m()],a.LogosphereTab.prototype,"_renderedTabs",2),Re([V('[role="tablist"]')],a.LogosphereTab.prototype,"tablist",2),a.LogosphereTab=Re([L("logosphere-tab")],a.LogosphereTab),a.Modal=q,a.Pagination=W,a.ToastService=On,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
|