@teranga-ds/components 0.1.0

package/dist/components/tg-toast.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TgToast extends Components.TgToast, HTMLElement {}
+export const TgToast: {
+    prototype: TgToast;
+    new (): TgToast;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/tg-toast.js

@@ -0,0 +1 @@
+import{p as t,H as o,c as a,h as s,a as r,t as e}from"./index.js";const i=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tgDismiss=a(this,"tgDismiss"),this.variant="info",this.duration=5e3,this.dismissible=!0,this.visible=!0,this.exiting=!1,this.dismiss=()=>{this.exiting=!0,setTimeout((()=>{this.visible=!1,this.tgDismiss.emit()}),200)}}connectedCallback(){this.duration>0&&(this.timer=setTimeout((()=>this.dismiss()),this.duration))}disconnectedCallback(){clearTimeout(this.timer)}getIcon(){return{success:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z" clip-rule="evenodd"/></svg>',danger:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM8.28 7.22a.75.75 0 0 0-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06L10 11.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L11.06 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L10 8.94 8.28 7.22Z" clip-rule="evenodd"/></svg>',warning:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 5Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"/></svg>',info:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z" clip-rule="evenodd"/></svg>'}[this.variant]}render(){return this.visible?s(r,null,s("div",{class:{"tg-toast":!0,["tg-toast--"+this.variant]:!0,"tg-toast--exiting":this.exiting},role:"alert","aria-live":"assertive"},s("span",{class:"tg-toast__icon",innerHTML:this.getIcon()}),s("div",{class:"tg-toast__body"},this.toastTitle&&s("span",{class:"tg-toast__title"},this.toastTitle),this.message&&s("span",{class:"tg-toast__message"},this.message),s("slot",null)),this.dismissible&&s("button",{class:"tg-toast__close",onClick:this.dismiss,"aria-label":"Fermer"},s("svg",{viewBox:"0 0 14 14",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"},s("line",{x1:"3",y1:"3",x2:"11",y2:"11"}),s("line",{x1:"11",y1:"3",x2:"3",y2:"11"}))))):null}static get style(){return":host{display:block}.tg-toast{display:flex;align-items:flex-start;gap:var(--tg-spacing-3);padding:var(--tg-spacing-3) var(--tg-spacing-4);font-family:var(--tg-font-family-sans);border-radius:var(--tg-radius-xl);box-shadow:var(--tg-shadow-lg);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);color:var(--tg-color-text-primary);max-width:24rem;animation:tg-toast-enter var(--tg-duration-slow) var(--tg-ease-out)}.tg-toast--exiting{animation:tg-toast-exit var(--tg-duration-normal) var(--tg-ease-in) forwards}@keyframes tg-toast-enter{from{opacity:0;transform:translateY(1rem) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tg-toast-exit{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.tg-toast--success{border-left:3px solid var(--tg-color-success)}.tg-toast--danger{border-left:3px solid var(--tg-color-danger)}.tg-toast--warning{border-left:3px solid var(--tg-color-warning)}.tg-toast--info{border-left:3px solid var(--tg-color-info)}.tg-toast__icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:0.125rem}.tg-toast--success .tg-toast__icon{color:var(--tg-color-success)}.tg-toast--danger .tg-toast__icon{color:var(--tg-color-danger)}.tg-toast--warning .tg-toast__icon{color:var(--tg-color-warning)}.tg-toast--info .tg-toast__icon{color:var(--tg-color-info)}.tg-toast__body{flex:1;display:flex;flex-direction:column;gap:var(--tg-spacing-1);min-width:0}.tg-toast__title{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-semibold);line-height:var(--tg-line-height-tight)}.tg-toast__message{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);line-height:var(--tg-line-height-normal)}.tg-toast__close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:none;cursor:pointer;color:var(--tg-color-text-secondary);border-radius:var(--tg-radius-md);padding:0;flex-shrink:0;transition:background var(--tg-duration-fast) var(--tg-ease-default)}.tg-toast__close:hover{background:var(--tg-color-neutral-100);color:var(--tg-color-text-primary)}.tg-toast__close svg{width:0.875rem;height:0.875rem}.tg-toast__progress{position:absolute;bottom:0;left:0;height:2px;border-radius:0 0 var(--tg-radius-xl) var(--tg-radius-xl);background:var(--tg-color-primary);transition:width linear}.tg-toast{position:relative;overflow:hidden}"}},[257,"tg-toast",{variant:[1],toastTitle:[1,"toast-title"],message:[1],duration:[2],dismissible:[4],visible:[32],exiting:[32]}]);function l(){"undefined"!=typeof customElements&&["tg-toast"].forEach((t=>{"tg-toast"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}l();const n=i,g=l;export{n as TgToast,g as defineCustomElement}

package/dist/components/tg-token-usage.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TgTokenUsage extends Components.TgTokenUsage, HTMLElement {}
+export const TgTokenUsage: {
+    prototype: TgTokenUsage;
+    new (): TgTokenUsage;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/tg-token-usage.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as a,a as s,t as o}from"./index.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.promptTokens=0,this.completionTokens=0,this.maxTokens=4096,this.compact=!1}get total(){return this.promptTokens+this.completionTokens}get pct(){return this.total/this.maxTokens*100}render(){return a(s,{key:"ce0670ef0eb3cc61d04706f9c930db7584a1c970"},a("div",{key:"e8037942f8c57a2cf9a5e1d8724cfb06a306b93d",class:{"tg-tu":!0,"tg-tu--compact":this.compact}},a("div",{key:"27f3af584a7582fd4b21173cc467944d3747022e",class:"tg-tu__bar"},a("div",{key:"dadf017849e681688764c29241425f58e3bc6f2e",class:"tg-tu__segment tg-tu__segment--prompt",style:{width:this.promptTokens/this.maxTokens*100+"%"}}),a("div",{key:"58b5ed73602fa5af342a4f74f549796bbcd6312c",class:"tg-tu__segment tg-tu__segment--completion",style:{width:this.completionTokens/this.maxTokens*100+"%"}})),a("div",{key:"df6f1b6d5207485898dd4f046a4c4ba7de0e4f85",class:"tg-tu__info"},a("span",{key:"c6a10c9839881ce2c15b15a35aa1558afd1212bc",class:"tg-tu__stat"},a("span",{key:"36d81b57a12a15a80f41feb794df3d477c1d5cd5",class:"tg-tu__dot tg-tu__dot--prompt"})," Prompt: ",this.promptTokens),a("span",{key:"ca65c496ee27ee00c90e914d8a2952130e723097",class:"tg-tu__stat"},a("span",{key:"0fddc113c73fdc51189e71cef6eb2f9832de0e82",class:"tg-tu__dot tg-tu__dot--completion"})," Compl\\u00e9tion: ",this.completionTokens),a("span",{key:"f806e3e0450d8259f6f9f7e398c1e7d86cc07a07",class:"tg-tu__total"},this.total," / ",this.maxTokens," (",Math.round(this.pct),"%)"),this.cost&&a("span",{key:"076bece91ad867b3ed3e5afdaa4f94eb3405873c",class:"tg-tu__cost"},this.cost))))}static get style(){return":host{display:block}.tg-tu{font-family:var(--tg-font-family-sans)}.tg-tu__bar{display:flex;height:6px;border-radius:var(--tg-radius-full);background:var(--tg-color-surface-sunken);overflow:hidden}.tg-tu__segment{height:100%;transition:width var(--tg-duration-normal)}.tg-tu__segment--prompt{background:var(--tg-color-primary)}.tg-tu__segment--completion{background:var(--tg-color-info)}.tg-tu__info{display:flex;flex-wrap:wrap;gap:var(--tg-spacing-3);margin-top:var(--tg-spacing-1-5);align-items:center}.tg-tu__stat{display:inline-flex;align-items:center;gap:var(--tg-spacing-1);font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}.tg-tu__dot{width:8px;height:8px;border-radius:50%}.tg-tu__dot--prompt{background:var(--tg-color-primary)}.tg-tu__dot--completion{background:var(--tg-color-info)}.tg-tu__total{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);font-family:var(--tg-font-family-mono);margin-left:auto}.tg-tu__cost{font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-tu--compact .tg-tu__info{font-size:var(--tg-font-size-xs);gap:var(--tg-spacing-2)}"}},[1,"tg-token-usage",{promptTokens:[2,"prompt-tokens"],completionTokens:[2,"completion-tokens"],maxTokens:[2,"max-tokens"],cost:[1],compact:[4]}]);function n(){"undefined"!=typeof customElements&&["tg-token-usage"].forEach((t=>{"tg-token-usage"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}n();const i=c,g=n;export{i as TgTokenUsage,g as defineCustomElement}

package/dist/components/tg-tooltip.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TgTooltip extends Components.TgTooltip, HTMLElement {}
+export const TgTooltip: {
+    prototype: TgTooltip;
+    new (): TgTooltip;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/tg-tooltip.js

@@ -0,0 +1 @@
+import{p as t,H as o,h as e,a as n,t as i}from"./index.js";const a=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.text="",this.position="top",this.delay=200,this.visible=!1,this.show=()=>{this.showTimeout=setTimeout((()=>{this.visible=!0}),this.delay)},this.hide=()=>{clearTimeout(this.showTimeout),this.visible=!1}}render(){return e(n,{key:"49be9dbde614486e03430b933d2381127bd4c3fd",onMouseEnter:this.show,onMouseLeave:this.hide,onFocusin:this.show,onFocusout:this.hide},e("span",{key:"52f041f387a611de25dfc8362762dab68547b0c8",class:"tg-tooltip__trigger"},e("slot",{key:"ecf1fa7b4498714dbf063266baa3f4ea3bca8f52"})),this.text&&e("span",{key:"1662fd98d6fd38d04caa678c674ab97a936b18ab",class:{"tg-tooltip__content":!0,["tg-tooltip__content--"+this.position]:!0,"tg-tooltip__content--visible":this.visible},role:"tooltip"},this.text))}static get style(){return":host{display:inline-flex;position:relative}.tg-tooltip__trigger{display:inline-flex}.tg-tooltip__content{position:absolute;z-index:1600;padding:var(--tg-spacing-1-5) var(--tg-spacing-2-5);font-family:var(--tg-font-family-sans);font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium);line-height:var(--tg-line-height-snug);color:var(--tg-color-neutral-0);background:var(--tg-color-neutral-800);border-radius:var(--tg-radius-md);white-space:nowrap;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity var(--tg-duration-fast) var(--tg-ease-out),               transform var(--tg-duration-fast) var(--tg-ease-out);box-shadow:var(--tg-shadow-md)}.tg-tooltip__content--visible{opacity:1;transform:scale(1)}.tg-tooltip__content--top{bottom:100%;left:50%;transform:translateX(-50%) scale(0.95);margin-bottom:var(--tg-spacing-1-5)}.tg-tooltip__content--top.tg-tooltip__content--visible{transform:translateX(-50%) scale(1)}.tg-tooltip__content--bottom{top:100%;left:50%;transform:translateX(-50%) scale(0.95);margin-top:var(--tg-spacing-1-5)}.tg-tooltip__content--bottom.tg-tooltip__content--visible{transform:translateX(-50%) scale(1)}.tg-tooltip__content--left{right:100%;top:50%;transform:translateY(-50%) scale(0.95);margin-right:var(--tg-spacing-1-5)}.tg-tooltip__content--left.tg-tooltip__content--visible{transform:translateY(-50%) scale(1)}.tg-tooltip__content--right{left:100%;top:50%;transform:translateY(-50%) scale(0.95);margin-left:var(--tg-spacing-1-5)}.tg-tooltip__content--right.tg-tooltip__content--visible{transform:translateY(-50%) scale(1)}.tg-tooltip__content::after{content:'';position:absolute;width:6px;height:6px;background:var(--tg-color-neutral-800);transform:rotate(45deg)}.tg-tooltip__content--top::after{bottom:-3px;left:50%;margin-left:-3px}.tg-tooltip__content--bottom::after{top:-3px;left:50%;margin-left:-3px}.tg-tooltip__content--left::after{right:-3px;top:50%;margin-top:-3px}.tg-tooltip__content--right::after{left:-3px;top:50%;margin-top:-3px}"}},[257,"tg-tooltip",{text:[1],position:[1],delay:[2],visible:[32]}]);function s(){"undefined"!=typeof customElements&&["tg-tooltip"].forEach((t=>{"tg-tooltip"===t&&(customElements.get(i(t))||customElements.define(i(t),a))}))}s();const r=a,l=s;export{r as TgTooltip,l as defineCustomElement}

package/dist/components/tg-tree-view.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TgTreeView extends Components.TgTreeView, HTMLElement {}
+export const TgTreeView: {
+    prototype: TgTreeView;
+    new (): TgTreeView;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/tg-tree-view.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as r,a as s,t as a}from"./index.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=[],this.selectable=!1,this.expandedKeys=new Set,this.selectedKey=""}get parsed(){if("string"==typeof this.data)try{return JSON.parse(this.data)}catch(t){return[]}return this.data}toggle(t){const e=new Set(this.expandedKeys);e.has(t)?e.delete(t):e.add(t),this.expandedKeys=e}renderNode(t,e,s){const a=t.children&&t.children.length>0,i=this.expandedKeys.has(e);return[r("div",{class:{"tg-tv__node":!0,"tg-tv__node--sel":this.selectedKey===e},style:{paddingLeft:1.25*s+"rem"},onClick:()=>{a&&this.toggle(e),this.selectable&&(this.selectedKey=e)}},r("span",{class:{"tg-tv__arrow":!0,"tg-tv__arrow--expanded":i,"tg-tv__arrow--hidden":!a}},r("svg",{viewBox:"0 0 16 16",fill:"currentColor",width:"12",height:"12"},r("path",{d:"M6 4l4 4-4 4z"}))),t.icon&&r("span",{class:"tg-tv__icon"},t.icon),r("span",{class:"tg-tv__label"},t.label)),a&&i&&t.children.map(((t,r)=>this.renderNode(t,e+"-"+r,s+1)))]}render(){return r(s,{key:"c80aaea69704113b373305ea6149c344ea155406"},r("div",{key:"da6c72d703622634d462d1ef21ec071d60e7c53e",class:"tg-tree-view"},this.parsed.map(((t,e)=>this.renderNode(t,e+"",0)))))}static get style(){return":host{display:block}.tg-tree-view{font-family:var(--tg-font-family-sans)}.tg-tv__node{display:flex;align-items:center;gap:var(--tg-spacing-1);padding:var(--tg-spacing-1-5) var(--tg-spacing-2);cursor:pointer;border-radius:var(--tg-radius-md);font-size:var(--tg-font-size-sm);color:var(--tg-color-text-primary);transition:background var(--tg-duration-fast);user-select:none}.tg-tv__node:hover{background:var(--tg-color-primary-subtle)}.tg-tv__node--sel{background:var(--tg-color-primary-subtle);color:var(--tg-color-primary);font-weight:var(--tg-font-weight-medium)}.tg-tv__arrow{display:flex;transition:transform var(--tg-duration-fast);color:var(--tg-color-text-secondary)}.tg-tv__arrow--expanded{transform:rotate(90deg)}.tg-tv__arrow--hidden{visibility:hidden}.tg-tv__icon{font-size:1rem}.tg-tv__label{flex:1}"}},[1,"tg-tree-view",{data:[1],selectable:[4],expandedKeys:[32],selectedKey:[32]}]);function o(){"undefined"!=typeof customElements&&["tg-tree-view"].forEach((t=>{"tg-tree-view"===t&&(customElements.get(a(t))||customElements.define(a(t),i))}))}o();const n=i,d=o;export{n as TgTreeView,d as defineCustomElement}

package/dist/components/tg-undo-snackbar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TgUndoSnackbar extends Components.TgUndoSnackbar, HTMLElement {}
+export const TgUndoSnackbar: {
+    prototype: TgUndoSnackbar;
+    new (): TgUndoSnackbar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/tg-undo-snackbar.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as o,h as n,a as e,t as a}from"./index.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tgUndo=o(this,"tgUndo"),this.tgDismiss=o(this,"tgDismiss"),this.message="",this.open=!1,this.undoLabel="Annuler",this.duration=5e3}componentDidUpdate(){this.open&&this.duration>0&&setTimeout((()=>this.tgDismiss.emit()),this.duration)}render(){return this.open?n(e,null,n("div",{class:"tg-us"},n("span",{class:"tg-us__msg"},this.message),n("button",{class:"tg-us__undo",type:"button",onClick:()=>this.tgUndo.emit()},this.undoLabel),n("button",{class:"tg-us__close",type:"button","aria-label":"Close",onClick:()=>this.tgDismiss.emit()},"\\u00d7"))):n(e,null)}static get style(){return":host{display:block;position:fixed;bottom:var(--tg-spacing-4);left:50%;transform:translateX(-50%);z-index:10000}.tg-us{display:flex;align-items:center;gap:var(--tg-spacing-3);padding:var(--tg-spacing-3) var(--tg-spacing-4);background:var(--tg-color-neutral-900);color:white;border-radius:var(--tg-radius-lg);box-shadow:var(--tg-shadow-xl);font-family:var(--tg-font-family-sans);animation:tg-us-in 0.2s var(--tg-ease-out)}@keyframes tg-us-in{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.tg-us__msg{font-size:var(--tg-font-size-sm)}.tg-us__undo{background:none;border:none;color:var(--tg-color-primary, #4ade80);font-weight:var(--tg-font-weight-semibold);font-size:var(--tg-font-size-sm);cursor:pointer;text-transform:uppercase;letter-spacing:var(--tg-tracking-wide)}.tg-us__undo:hover{text-decoration:underline}.tg-us__close{background:none;border:none;color:rgba(255,255,255,0.6);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.tg-us__close:hover{color:white}"}},[1,"tg-undo-snackbar",{message:[1],open:[4],undoLabel:[1,"undo-label"],duration:[2]}]);function i(){"undefined"!=typeof customElements&&["tg-undo-snackbar"].forEach((t=>{"tg-undo-snackbar"===t&&(customElements.get(a(t))||customElements.define(a(t),r))}))}i();const g=r,u=i;export{g as TgUndoSnackbar,u as defineCustomElement}

package/dist/components/tg-video-player.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TgVideoPlayer extends Components.TgVideoPlayer, HTMLElement {}
+export const TgVideoPlayer: {
+    prototype: TgVideoPlayer;
+    new (): TgVideoPlayer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/tg-video-player.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as a,a as o,t as s}from"./index.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.src="",this.aspectRatio="16/9"}render(){return a(o,{key:"6f0dbc06a4893ff242d6fd4ed6552d4a40b6a12b"},a("div",{key:"907de69e60c7bcf4e160098b8ab5e3618274b201",class:"tg-vp"},this.heading&&a("div",{key:"f2209ad8ecf963eea39b108f77080d5e305b5f8c",class:"tg-vp__header"},a("span",{key:"8156016564902a363fc2e36b3a9a36b38c32ca86",class:"tg-vp__title"},this.heading)),a("div",{key:"0bb6a8ee43cd5df6ff8437b29b9bfb98cbd815d8",class:"tg-vp__container",style:{aspectRatio:this.aspectRatio}},a("video",Object.assign({key:"9e4882704f2ee94fa07eedc885f62de695fe29cd",class:"tg-vp__video",controls:!0},this.poster?{poster:this.poster}:{},{preload:"metadata"}),a("source",{key:"4f239ccf6d3fb836671ac1c761b2cb6acc947bca",src:this.src})))))}static get style(){return":host{display:block}.tg-vp{font-family:var(--tg-font-family-sans);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-xl);overflow:hidden;background:var(--tg-color-neutral-900)}.tg-vp__header{padding:var(--tg-spacing-2) var(--tg-spacing-3);background:var(--tg-color-surface-raised);border-bottom:1px solid var(--tg-color-border)}.tg-vp__title{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-vp__container{position:relative;width:100%}.tg-vp__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}"}},[1,"tg-video-player",{src:[1],poster:[1],heading:[1],aspectRatio:[1,"aspect-ratio"]}]);function c(){"undefined"!=typeof customElements&&["tg-video-player"].forEach((t=>{"tg-video-player"===t&&(customElements.get(s(t))||customElements.define(s(t),r))}))}c();const i=r,d=c;export{i as TgVideoPlayer,d as defineCustomElement}

package/dist/components/tg-wizard-nav.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TgWizardNav extends Components.TgWizardNav, HTMLElement {}
+export const TgWizardNav: {
+    prototype: TgWizardNav;
+    new (): TgWizardNav;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/tg-wizard-nav.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as e,h as i,a as r,t as a}from"./index.js";const n=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tgBack=e(this,"tgBack"),this.tgNext=e(this,"tgNext"),this.tgFinish=e(this,"tgFinish"),this.currentStep=0,this.totalSteps=1,this.backLabel="Précédent",this.nextLabel="Suivant",this.finishLabel="Terminer",this.showProgress=!0}get isLast(){return this.currentStep>=this.totalSteps-1}get progress(){return(this.currentStep+1)/this.totalSteps*100}render(){return i(r,{key:"edb5f78e83c1dab9e34200063b803b7842cce693"},i("div",{key:"030c10b44b1e92ee8e45d41851fd7853f9175ff8",class:"tg-wiz"},this.showProgress&&i("div",{key:"0315eddfb2be048a582b3e16499c725978c1742a",class:"tg-wiz__progress"},i("div",{key:"e8949eed4cd964dcab17835a37689dd3d63bb846",class:"tg-wiz__bar",style:{width:this.progress+"%"}})),i("div",{key:"10eec94b68f18850d33c4e5642f57f1b5360875f",class:"tg-wiz__actions"},i("button",{key:"31323728f528247c336b8a9bc066c9690179e586",class:"tg-wiz__btn tg-wiz__btn--back",type:"button",disabled:0===this.currentStep,onClick:()=>this.tgBack.emit()},"\\u2039 ",this.backLabel),i("span",{key:"e397620856c90eaa0ebe614be777a7c37621e171",class:"tg-wiz__step"},"\\u00c9tape ",this.currentStep+1," / ",this.totalSteps),this.isLast?i("button",{class:"tg-wiz__btn tg-wiz__btn--finish",type:"button",onClick:()=>this.tgFinish.emit()},this.finishLabel):i("button",{class:"tg-wiz__btn tg-wiz__btn--next",type:"button",onClick:()=>this.tgNext.emit()},this.nextLabel," \\u203a"))))}static get style(){return":host{display:block}.tg-wiz{font-family:var(--tg-font-family-sans)}.tg-wiz__progress{height:4px;background:var(--tg-color-surface-sunken);border-radius:var(--tg-radius-full);margin-bottom:var(--tg-spacing-3);overflow:hidden}.tg-wiz__bar{height:100%;background:var(--tg-color-primary);border-radius:var(--tg-radius-full);transition:width var(--tg-duration-normal) var(--tg-ease-out)}.tg-wiz__actions{display:flex;align-items:center;justify-content:space-between}.tg-wiz__btn{display:inline-flex;align-items:center;gap:var(--tg-spacing-1);padding:var(--tg-spacing-2) var(--tg-spacing-4);border-radius:var(--tg-radius-lg);font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);cursor:pointer;transition:all var(--tg-duration-fast);border:1px solid transparent}.tg-wiz__btn--back{background:none;color:var(--tg-color-text-secondary);border-color:var(--tg-color-border)}.tg-wiz__btn--back:hover:not(:disabled){background:var(--tg-color-surface-sunken)}.tg-wiz__btn--back:disabled{opacity:0.4;cursor:not-allowed}.tg-wiz__btn--next{background:var(--tg-color-primary);color:var(--tg-color-primary-on)}.tg-wiz__btn--next:hover{filter:brightness(1.1)}.tg-wiz__btn--finish{background:var(--tg-color-success);color:white}.tg-wiz__btn--finish:hover{filter:brightness(1.1)}.tg-wiz__step{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}"}},[1,"tg-wizard-nav",{currentStep:[2,"current-step"],totalSteps:[2,"total-steps"],backLabel:[1,"back-label"],nextLabel:[1,"next-label"],finishLabel:[1,"finish-label"],showProgress:[4,"show-progress"]}]);function o(){"undefined"!=typeof customElements&&["tg-wizard-nav"].forEach((t=>{"tg-wizard-nav"===t&&(customElements.get(a(t))||customElements.define(a(t),n))}))}o();const c=n,g=o;export{c as TgWizardNav,g as defineCustomElement}

package/dist/docs.d.ts

@@ -0,0 +1,480 @@
+
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * DO NOT MODIFY IT MANUALLY
+ */
+interface ComponentCompilerPropertyComplexType {
+  /**
+   * The string of the original type annotation in the Stencil source code
+   */
+  original: string;
+  /**
+   * A 'resolved' type, where e.g. imported types have been resolved and inlined
+   *
+   * For instance, an annotation like `(foo: Foo) => string;` will be
+   * converted to `(foo: { foo: string }) => string;`.
+   */
+  resolved: string;
+  /**
+   * A record of the types which were referenced in the assorted type
+   * annotation in the original source file.
+   */
+  references: ComponentCompilerTypeReferences;
+}
+type ComponentCompilerTypeReferences = Record<string, ComponentCompilerTypeReference>;
+interface ComponentCompilerTypeReference {
+  /**
+   * A type may be defined:
+   * - locally (in the same file as the component that uses it)
+   * - globally
+   * - by importing it into a file (and is defined elsewhere)
+   */
+  location: "local" | "global" | "import";
+  /**
+   * The path to the type reference, if applicable (global types should not need a path associated with them)
+   */
+  path?: string;
+  /**
+   * An ID for this type which is unique within a Stencil project.
+   */
+  id: string;
+  /**
+   * Whether this type was imported as a default import (e.g., `import MyEnum from './my-enum'`)
+   * vs a named import (e.g., `import { MyType } from './my-type'`)
+   */
+  isDefault?: boolean;
+  /**
+   * The name used in the import statement (before any user-defined alias).
+   * For `import { XAxisOption as moo }`, this would be "XAxisOption".
+   * This is the name exported by the source module.
+   */
+  referenceLocation?: string;
+}
+interface ComponentCompilerReferencedType {
+  /**
+   * The path to the module where the type is declared.
+   */
+  path: string;
+  /**
+   * The string of the original type annotation in the Stencil source code
+   */
+  declaration: string;
+  /**
+   * An extracted docstring
+   */
+  docstring: string;
+}
+interface ComponentCompilerEventComplexType {
+  original: string;
+  resolved: string;
+  references: ComponentCompilerTypeReferences;
+}
+interface ComponentCompilerMethodComplexType {
+  signature: string;
+  parameters: JsonDocMethodParameter[];
+  references: ComponentCompilerTypeReferences;
+  return: string;
+}
+/**
+ * The Type Library holds information about the types which are used in a
+ * Stencil project. During compilation, Stencil gathers information about the
+ * types which form part of a component's public API, such as properties
+ * decorated with `@Prop`, `@Event`, `@Watch`, etc. This type information is
+ * then added to the Type Library, where it can be accessed later on for
+ * generating documentation.
+ *
+ * This information is included in the file written by the `docs-json` output
+ * target (see {@link JsonDocs.typeLibrary}).
+ */
+export type JsonDocsTypeLibrary = Record<string, ComponentCompilerReferencedType>;
+/**
+ * A container for JSDoc metadata for a project
+ */
+export interface JsonDocs {
+  /**
+   * The metadata for the JSDocs for each component in a Stencil project
+   */
+  components: JsonDocsComponent[];
+  /**
+   * The timestamp at which the metadata was generated, in the format YYYY-MM-DDThh:mm:ss
+   */
+  timestamp: string;
+  compiler: {
+    /**
+     * The name of the compiler that generated the metadata
+     */
+    name: string;
+    /**
+     * The version of the Stencil compiler that generated the metadata
+     */
+    version: string;
+    /**
+     * The version of TypeScript that was used to generate the metadata
+     */
+    typescriptVersion: string;
+  };
+  typeLibrary: JsonDocsTypeLibrary;
+}
+/**
+ * Container for JSDoc metadata for a single Stencil component
+ */
+export interface JsonDocsComponent {
+  /**
+   * The directory containing the Stencil component, minus the file name.
+   *
+   * @example /workspaces/stencil-project/src/components/my-component
+   */
+  dirPath?: string;
+  /**
+   * The name of the file containing the Stencil component, with no path
+   *
+   * @example my-component.tsx
+   */
+  fileName?: string;
+  /**
+   * The full path of the file containing the Stencil component
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/my-component.tsx
+   */
+  filePath?: string;
+  /**
+   * The path to the component's `readme.md` file, including the filename
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/readme.md
+   */
+  readmePath?: string;
+  /**
+   * The path to the component's `usage` directory
+   *
+   * @example /workspaces/stencil-project/src/components/my-component/usage/
+   */
+  usagesDir?: string;
+  /**
+   * The encapsulation strategy for a component
+   */
+  encapsulation: "shadow" | "scoped" | "none";
+  /**
+   * The tag name for the component, for use in HTML
+   */
+  tag: string;
+  /**
+   * The contents of a component's `readme.md` that are user generated.
+   *
+   * Auto-generated contents are not stored in this reference.
+   */
+  readme: string;
+  /**
+   * The description of a Stencil component, found in the JSDoc that sits above the component's declaration
+   */
+  docs: string;
+  /**
+   * JSDoc tags found in the JSDoc comment written atop a component's declaration
+   */
+  docsTags: JsonDocsTag[];
+  /**
+   * The text from the class-level JSDoc for a Stencil component, if present.
+   */
+  overview?: string;
+  /**
+   * A mapping of usage example file names to their contents for the component.
+   */
+  usage: JsonDocsUsage;
+  /**
+   * Array of metadata for a component's `@Prop`s
+   */
+  props: JsonDocsProp[];
+  /**
+   * Array of metadata for a component's `@Method`s
+   */
+  methods: JsonDocsMethod[];
+  /**
+   * Array of metadata for a component's `@Event`s
+   */
+  events: JsonDocsEvent[];
+  /**
+   * Array of metadata for a component's `@Listen` handlers
+   */
+  listeners: JsonDocsListener[];
+  /**
+   * Array of metadata for a component's CSS styling information
+   */
+  styles: JsonDocsStyle[];
+  /**
+   * Array of component Slot information, generated from `@slot` tags
+   */
+  slots: JsonDocsSlot[];
+  /**
+   * Array of component Parts information, generate from `@part` tags
+   */
+  parts: JsonDocsPart[];
+  /**
+   * Array of custom states defined via @AttachInternals({ states: {...} })
+   */
+  customStates: JsonDocsCustomState[];
+  /**
+   * Array of metadata describing where the current component is used
+   */
+  dependents: string[];
+  /**
+   * Array of metadata listing the components which are used in current component
+   */
+  dependencies: string[];
+  /**
+   * Describes a tree of components coupling
+   */
+  dependencyGraph: JsonDocsDependencyGraph;
+  /**
+   * A deprecation reason/description found following a `@deprecated` tag
+   */
+  deprecation?: string;
+}
+export interface JsonDocsDependencyGraph {
+  [tagName: string]: string[];
+}
+/**
+ * A descriptor for a single JSDoc tag found in a block comment
+ */
+export interface JsonDocsTag {
+  /**
+   * The tag name (immediately following the '@')
+   */
+  name: string;
+  /**
+   * The description that immediately follows the tag name
+   */
+  text?: string;
+}
+export interface JsonDocsValue {
+  value?: string;
+  type: string;
+}
+/**
+ * A mapping of file names to their contents.
+ *
+ * This type is meant to be used when reading one or more usage markdown files associated with a component. For the
+ * given directory structure:
+ * ```
+ * src/components/my-component
+ * ├── my-component.tsx
+ * └── usage
+ *     ├── bar.md
+ *     └── foo.md
+ * ```
+ * an instance of this type would include the name of the markdown file, mapped to its contents:
+ * ```ts
+ * {
+ *   'bar': STRING_CONTENTS_OF_BAR.MD
+ *   'foo': STRING_CONTENTS_OF_FOO.MD
+ * }
+ * ```
+ */
+export interface JsonDocsUsage {
+  [key: string]: string;
+}
+/**
+ * An intermediate representation of a `@Prop` decorated member's JSDoc
+ */
+export interface JsonDocsProp {
+  /**
+   * the name of the prop
+   */
+  name: string;
+  complexType?: ComponentCompilerPropertyComplexType;
+  /**
+   * the type of the prop, in terms of the TypeScript type system (as opposed to JavaScript's or HTML's)
+   */
+  type: string;
+  /**
+   * `true` if the prop was configured as "mutable" where it was declared, `false` otherwise
+   */
+  mutable: boolean;
+  /**
+   * The name of the attribute that is exposed to configure a compiled web component
+   */
+  attr?: string;
+  /**
+   * `true` if the prop was configured to "reflect" back to HTML where it (the prop) was declared, `false` otherwise
+   */
+  reflectToAttr: boolean;
+  /**
+   * the JSDoc description text associated with the prop
+   */
+  docs: string;
+  /**
+   * JSDoc tags associated with the prop
+   */
+  docsTags: JsonDocsTag[];
+  /**
+   * The default value of the prop
+   */
+  default?: string;
+  /**
+   * Deprecation text associated with the prop. This is the text that immediately follows a `@deprecated` tag
+   */
+  deprecation?: string;
+  values: JsonDocsValue[];
+  /**
+   * `true` if a component is declared with a '?', `false` otherwise
+   *
+   * @example
+   * ```tsx
+   * @Prop() componentProps?: any;
+   * ```
+   */
+  optional: boolean;
+  /**
+   * `true` if a component is declared with a '!', `false` otherwise
+   *
+   * @example
+   * ```tsx
+   * @Prop() componentProps!: any;
+   * ```
+   */
+  required: boolean;
+  /**
+   * `true` if the prop has a `get()`. `false` otherwise
+   */
+  getter: boolean;
+  /**
+   * `true` if the prop has a `set()`. `false` otherwise
+   */
+  setter: boolean;
+}
+export interface JsonDocsMethod {
+  name: string;
+  docs: string;
+  docsTags: JsonDocsTag[];
+  deprecation?: string;
+  signature: string;
+  returns: JsonDocsMethodReturn;
+  parameters: JsonDocMethodParameter[];
+  complexType: ComponentCompilerMethodComplexType;
+}
+export interface JsonDocsMethodReturn {
+  type: string;
+  docs: string;
+}
+export interface JsonDocMethodParameter {
+  name: string;
+  type: string;
+  docs: string;
+}
+export interface JsonDocsEvent {
+  event: string;
+  bubbles: boolean;
+  cancelable: boolean;
+  composed: boolean;
+  complexType: ComponentCompilerEventComplexType;
+  docs: string;
+  docsTags: JsonDocsTag[];
+  deprecation?: string;
+  detail: string;
+}
+/**
+ * Type describing a CSS Style, as described by a JSDoc-style comment
+ */
+export interface JsonDocsStyle {
+  /**
+   * The name of the style
+   */
+  name: string;
+  /**
+   * The type/description associated with the style
+   */
+  docs: string;
+  /**
+   * The annotation used in the JSDoc of the style (e.g. `@prop`)
+   */
+  annotation: string;
+  /**
+   * The mode associated with the style
+   */
+  mode: string | undefined;
+}
+export interface JsonDocsListener {
+  event: string;
+  target?: string;
+  capture: boolean;
+  passive: boolean;
+}
+/**
+ * A descriptor for a slot
+ *
+ * Objects of this type are translated from the JSDoc tag, `@slot`
+ */
+export interface JsonDocsSlot {
+  /**
+   * The name of the slot. Defaults to an empty string for an unnamed slot.
+   */
+  name: string;
+  /**
+   * A textual description of the slot.
+   */
+  docs: string;
+}
+/**
+ * A descriptor of a CSS Shadow Part
+ *
+ * Objects of this type are translated from the JSDoc tag, `@part`, or the 'part'
+ * attribute on a component in TSX
+ */
+export interface JsonDocsPart {
+  /**
+   * The name of the Shadow part
+   */
+  name: string;
+  /**
+   * A textual description of the Shadow part.
+   */
+  docs: string;
+}
+/**
+ * A descriptor for a Custom State defined via @AttachInternals({ states: {...} })
+ *
+ * Custom states are exposed via the ElementInternals.states CustomStateSet
+ * and can be targeted with the CSS `:state()` pseudo-class.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+ */
+export interface JsonDocsCustomState {
+  /**
+   * The name of the custom state (without dashes)
+   */
+  name: string;
+  /**
+   * The initial/default value of the state
+   */
+  initialValue: boolean;
+  /**
+   * A textual description of the custom state
+   */
+  docs: string;
+}
+/**
+ * Represents a parsed block comment in a CSS, Sass, etc. file for a custom property.
+ */
+export interface StyleDoc {
+  /**
+   * The name of the CSS property
+   */
+  name: string;
+  /**
+   * The user-defined description of the CSS property
+   */
+  docs: string;
+  /**
+   * The JSDoc-style annotation (e.g. `@prop`) that was used in the block comment to detect the comment.
+   * Used to inform Stencil where the start of a new property's description starts (and where the previous description
+   * ends).
+   */
+  annotation: "prop";
+  /**
+   * The Stencil style-mode that is associated with this property.
+   */
+  mode: string | undefined;
+}
+
+export {};
+
+declare const _default: JsonDocs;
+export default _default;