tek-ms-header 1.0.3 → 1.0.5
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--bg:#0a0a0a;--panel-soft:#1c1c1e;--field:#2c2c2e;--line:#2a2a2a;--muted:#777;--orange:#ff6b35}*{box-sizing:border-box}body{background:var(--bg);color:#fff;margin:0;font-family:-apple-system,Segoe UI,system-ui,sans-serif}.app-header{background:var(--panel-soft);padding:10px 16px 12px}.brand-row{border-bottom:1px solid var(--line);align-items:center;gap:7px;margin-bottom:12px;padding-bottom:10px;display:flex}.brand-row svg{flex-shrink:0;width:20px;height:20px}.wordmark{font-size:11px;font-weight:800}.wordmark span{color:var(--orange)}.header-main{justify-content:space-between;align-items:center;gap:10px;display:flex}.seller{align-items:center;gap:8px;min-width:0;display:flex}.avatar{background:var(--orange);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:flex}.seller .name{white-space:nowrap;font-size:11px;font-weight:700}.seller .role{color:var(--muted);white-space:nowrap;font-size:8.5px}.daily-badge{border:1px solid var(--orange);text-align:right;background:#ff6b351a;border-radius:10px;flex-shrink:0;padding:6px 12px}.daily-badge .lab{color:var(--orange);letter-spacing:.06em;font-size:6.5px;font-weight:700;display:block}.daily-badge .amt{color:var(--orange);font-size:11px;font-weight:700}.logout-link{color:var(--muted);cursor:pointer;flex-shrink:0;font-size:11px;text-decoration:underline;display:none}.logout-link:hover{color:#ccc}@media (width>=768px){.app-header{justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.brand-row{border-bottom:none;gap:10px;margin-bottom:0;padding-bottom:0}.brand-row svg{width:26px;height:26px}.wordmark{font-size:15px}.header-main{gap:24px}.daily-badge{border-radius:12px;padding:8px 16px}.daily-badge .lab{font-size:8px}.daily-badge .amt{font-size:14px}.avatar{width:36px;height:36px;font-size:11px}.avatar svg{width:100%;height:100%;display:block}.seller .name{font-size:12.5px}.seller .role{font-size:10px}.logout-link{display:inline}}.demo-note{color:var(--muted);max-width:560px;padding:30px 24px;font-size:13px;line-height:1.6}.demo-note b{color:#ddd}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();function e(e,t){let n=new DOMParser().parseFromString(e,`image/svg+xml`).documentElement;t.innerHTML=``,t.appendChild(n)}new class{el;constructor(e){this.el=e}render(t,n){this.el.innerHTML=`
|
|
2
|
+
<header class="app-header">
|
|
3
|
+
<div class="brand-row">
|
|
4
|
+
<svg viewBox="0 0 100 100">
|
|
5
|
+
<path d="M26 66 L26 36 L41 58 L50 38 L59 58 L74 36 L74 66"
|
|
6
|
+
stroke="#FF6B35" stroke-width="10" fill="none"
|
|
7
|
+
stroke-linecap="round" stroke-linejoin="round"/>
|
|
8
|
+
<circle cx="50" cy="25" r="7" fill="#FF6B35"/>
|
|
9
|
+
</svg>
|
|
10
|
+
<div class="wordmark">${t.firstName} <span>${t.secondName}</span></div>
|
|
11
|
+
</div>
|
|
12
|
+
|
|
13
|
+
<div class="header-main">
|
|
14
|
+
<div class="seller">
|
|
15
|
+
<div class="avatar">${n.stringAvatar}</div>
|
|
16
|
+
<div>
|
|
17
|
+
<div class="name">${n.name}</div>
|
|
18
|
+
<div class="role">${n.role}</div>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="daily-badge">
|
|
22
|
+
<span class="lab">VENTES DU JOUR</span>
|
|
23
|
+
<span class="amt">${n.dailySalesTotal} F</span>
|
|
24
|
+
</div>
|
|
25
|
+
<span class="logout-link">Déconnexion</span>
|
|
26
|
+
</div>
|
|
27
|
+
</header>
|
|
28
|
+
`;let r=document.querySelector(`.avatar`);n.svgAvatar&&r&&e(n.svgAvatar,r)}}(document.querySelector(`#app`)).render({firstName:`Maman`,secondName:`Solution`,icone:`
|
|
29
|
+
<svg viewBox="0 0 100 100">
|
|
30
|
+
<path d="M26 66 L26 36 L41 58 L50 38 L59 58 L74 36 L74 66"
|
|
31
|
+
stroke="#FF6B35" stroke-width="10" fill="none"
|
|
32
|
+
stroke-linecap="round" stroke-linejoin="round"/>
|
|
33
|
+
<circle cx="50" cy="25" r="7" fill="#FF6B35"/>
|
|
34
|
+
</svg>`},{name:`Tesia M.`,role:`Vendeur · Zone Nord`,dailySalesTotal:5660,stringAvatar:`TS`,svgAvatar:`
|
|
35
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="white">
|
|
36
|
+
<circle cx="12" cy="8" r="4"/>
|
|
37
|
+
<path d="M12 14c-4.42 0-8 3.13-8 7h16c0-3.87-3.58-7-8-7z"/>
|
|
38
|
+
</svg>`});
|
package/dist/index.html
CHANGED
|
@@ -5,7 +5,8 @@
|
|
|
5
5
|
<link rel="icon" type="image/svg+xml" href="/assets/mama_solution_icon-C3CyFw6W.svg" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<title>ms-header</title>
|
|
8
|
-
<script type="module" crossorigin src="/assets/index-
|
|
8
|
+
<script type="module" crossorigin src="/assets/index-CfziLkNC.js"></script>
|
|
9
|
+
<link rel="stylesheet" crossorigin href="/assets/index-BsvgdbbA.css">
|
|
9
10
|
</head>
|
|
10
11
|
<body>
|
|
11
12
|
<div id="app"></div>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tek-ms-header",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "v1.0.
|
|
4
|
+
"version": "v1.0.5",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist/"
|
|
@@ -28,5 +28,8 @@
|
|
|
28
28
|
"typescript": "~6.0.2",
|
|
29
29
|
"vite": "^8.0.12",
|
|
30
30
|
"vitest": "^4.1.9"
|
|
31
|
+
},
|
|
32
|
+
"dependencies": {
|
|
33
|
+
"tek-ms-ds": "^1.0.5"
|
|
31
34
|
}
|
|
32
35
|
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})(),new class{el;constructor(e){this.el=e}render(){this.el.innerHTML=`
|
|
2
|
-
<header>
|
|
3
|
-
<span class="text-lg">Mon Header</span>
|
|
4
|
-
</header>
|
|
5
|
-
`}}(document.querySelector(`#app`)).render();
|