@taon-dev/ui 21.0.3 → 21.0.5

package/html/assets/generated/pwa/html-pwa.html

@@ -1,60 +1,60 @@
-<link rel="icon" type="image/x-icon" href="/assets/assets-for/ui/assets/generated/pwa/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="/assets/assets-for/ui/assets/generated/pwa/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="/assets/assets-for/ui/assets/generated/pwa/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="48x48" href="/assets/assets-for/ui/assets/generated/pwa/favicon-48x48.png">
-<link rel="manifest" href="/assets/assets-for/ui/assets/generated/pwa/manifest.webmanifest">
+<link rel="icon" type="image/x-icon" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="48x48" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/favicon-48x48.png">
+<link rel="manifest" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/manifest.webmanifest">
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="theme-color" content="#fff">
 <meta name="application-name">
-<link rel="apple-touch-icon" sizes="57x57" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-57x57.png">
-<link rel="apple-touch-icon" sizes="60x60" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-60x60.png">
-<link rel="apple-touch-icon" sizes="72x72" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-72x72.png">
-<link rel="apple-touch-icon" sizes="76x76" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-76x76.png">
-<link rel="apple-touch-icon" sizes="114x114" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-114x114.png">
-<link rel="apple-touch-icon" sizes="120x120" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-120x120.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-144x144.png">
-<link rel="apple-touch-icon" sizes="152x152" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-152x152.png">
-<link rel="apple-touch-icon" sizes="167x167" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-167x167.png">
-<link rel="apple-touch-icon" sizes="180x180" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-180x180.png">
-<link rel="apple-touch-icon" sizes="1024x1024" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-1024x1024.png">
+<link rel="apple-touch-icon" sizes="57x57" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-167x167.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-180x180.png">
+<link rel="apple-touch-icon" sizes="1024x1024" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-1024x1024.png">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <meta name="apple-mobile-web-app-title">
-<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-640x1136.png">
-<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1136x640.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-750x1334.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1334x750.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1125x2436.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2436x1125.png">
-<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1170x2532.png">
-<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2532x1170.png">
-<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1179x2556.png">
-<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2556x1179.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-828x1792.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1792x828.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1242x2688.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2688x1242.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1242x2208.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2208x1242.png">
-<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1284x2778.png">
-<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2778x1284.png">
-<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1290x2796.png">
-<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2796x1290.png">
-<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1488x2266.png">
-<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2266x1488.png">
-<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1536x2048.png">
-<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2048x1536.png">
-<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1620x2160.png">
-<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2160x1620.png">
-<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1640x2160.png">
-<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2160x1640.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1668x2388.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2388x1668.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1668x2224.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2224x1668.png">
-<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2048x2732.png">
-<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2732x2048.png">
+<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-640x1136.png">
+<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1136x640.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-750x1334.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1334x750.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1125x2436.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2436x1125.png">
+<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1170x2532.png">
+<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2532x1170.png">
+<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1179x2556.png">
+<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2556x1179.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-828x1792.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1792x828.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1242x2688.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2688x1242.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1242x2208.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2208x1242.png">
+<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1284x2778.png">
+<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2778x1284.png">
+<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1290x2796.png">
+<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2796x1290.png">
+<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1488x2266.png">
+<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2266x1488.png">
+<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1536x2048.png">
+<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2048x1536.png">
+<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1620x2160.png">
+<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2160x1620.png">
+<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1640x2160.png">
+<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2160x1640.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1668x2388.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2388x1668.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1668x2224.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2224x1668.png">
+<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2048x2732.png">
+<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2732x2048.png">
 <meta name="msapplication-TileColor" content="#fff">
-<meta name="msapplication-TileImage" content="/assets/assets-for/ui/assets/generated/pwa/mstile-144x144.png">
-<meta name="msapplication-config" content="/assets/assets-for/ui/assets/generated/pwa/browserconfig.xml">
-<link rel="yandex-tableau-widget" href="/assets/assets-for/ui/assets/generated/pwa/yandex-browser-manifest.json">
+<meta name="msapplication-TileImage" content="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/mstile-144x144.png">
+<meta name="msapplication-config" content="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/browserconfig.xml">
+<link rel="yandex-tableau-widget" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/yandex-browser-manifest.json">

package/html/lib/taon-admin-layout/taon-admin-layout.component.html

@@ -1,21 +1,24 @@
-<div class="flex h-dvh min-h-0 flex-col overflow-hidden">
+<div
+  #layout
+  class="admin-layout"
+  [class.admin-layout-dialog]="isDialogMode"
+  [style.width.px]="layoutWidth() || null"
+  [style.height.px]="layoutHeight() || null">
   <!-- ============================================================= -->
   <!-- HEADER -->
   <!-- ============================================================= -->
 
-  <header
-    class="flex h-16 shrink-0 items-center border-b border-gray-200 bg-white">
-    <!-- hamburger ALWAYS visible -->
+  <header class="admin-header">
     <button
       mat-icon-button
       type="button"
       aria-label="Toggle admin menu"
-      class="mx-2 shrink-0 cursor-pointer"
+      class="admin-menu-button"
       (click)="toggleAside()">
       <mat-icon>menu</mat-icon>
     </button>
 
-    <div class="min-w-0 flex-1">
+    <div class="admin-header-content">
       <ng-content select="[header]" />
     </div>
   </header>
@@ -24,14 +27,14 @@
   <!-- BODY -->
   <!-- ============================================================= -->
 
-  <div class="relative flex min-h-0 flex-1 overflow-hidden">
+  <div class="admin-body">
     <!-- =========================================================== -->
     <!-- MOBILE BACKDROP -->
     <!-- =========================================================== -->
 
     @if (asideOpened()) {
       <div
-        class="absolute inset-0 z-20 bg-black/30 md:hidden"
+        class="admin-aside-backdrop"
         (click)="closeAside()"></div>
     }
 
@@ -40,74 +43,69 @@
     <!-- =========================================================== -->
 
     <aside
-      class="absolute inset-y-0 left-0 z-30 flex min-h-0 flex-col border-r border-gray-200 bg-white transition-[width,transform] duration-200 md:relative md:inset-auto md:z-auto md:translate-x-0"
-      [class.w-72]="asideOpened()"
-      [class.-translate-x-full]="!asideOpened()"
-      [class.translate-x-0]="asideOpened()"
-      [class.md:w-72]="asideOpened()"
-      [class.md:w-0]="!asideOpened()"
-      [class.md:overflow-hidden]="!asideOpened()">
+      class="admin-aside"
+      [class.admin-aside-open]="asideOpened()">
       <!-- ========================================================= -->
       <!-- SCROLLABLE ASIDE CONTENT -->
       <!-- ========================================================= -->
 
-      <div class="min-h-0 flex-1 overflow-y-auto">
+      <div class="admin-aside-content">
         <mat-accordion class="admin-menu">
           @for (level1 of routes; track level1.path) {
-            <!-- =================================================== -->
-            <!-- EXPANDABLE LEVEL 1 -->
-            <!-- =================================================== -->
-
             @if (isExpandable(level1)) {
               <mat-expansion-panel
                 [expanded]="isLevel1Active(level1)"
                 (expandedChange)="panelExpanded(level1, $event)">
-                <!-- ================================================= -->
-                <!-- LEVEL 1 -->
-                <!-- ================================================= -->
-
                 <mat-expansion-panel-header (click)="level1Clicked(level1)">
                   <mat-panel-title>
-                    <div class="flex items-center gap-3">
+                    <div class="admin-menu-item">
                       @if (icon(level1)) {
-                        <mat-icon>
+                        <mat-icon
+                          [ngStyle]="{
+                            color: color(level1),
+                          }">
                           {{ icon(level1) }}
                         </mat-icon>
                       }
 
-                      <span [class.font-semibold]="isLevel1Active(level1)">
+                      <span
+                        [class.font-semibold]="isLevel1Active(level1)"
+                        [ngStyle]="{
+                          color: color(level1),
+                        }">
                         {{ label(level1) }}
                       </span>
                     </div>
                   </mat-panel-title>
                 </mat-expansion-panel-header>
 
-                <!-- ================================================= -->
-                <!-- LEVEL 2 -->
-                <!-- ================================================= -->
-
-                <div class="flex flex-col">
+                <div class="admin-level2">
                   @if (isLoading(level1)) {
-                    <div class="px-4 py-2 text-sm text-gray-400">
-                      Loading...
-                    </div>
+                    <div class="admin-loading">Loading...</div>
                   } @else {
                     @for (
                       level2 of getLevel2Routes(level1);
                       track level2.path
                     ) {
                       <a
-                        (click)="level2Clicked(level1, level2)"
-                        class="flex cursor-pointer items-center gap-3 px-6 py-2.5 text-sm transition-colors hover:bg-gray-100"
-                        [class.bg-gray-100]="isLevel2Active(level1, level2)"
-                        [class.font-semibold]="isLevel2Active(level1, level2)">
+                        class="admin-level2-item"
+                        [class.admin-level2-item-active]="
+                          isLevel2Active(level1, level2)
+                        "
+                        (click)="level2Clicked(level1, level2)">
                         @if (icon(level2)) {
-                          <mat-icon>
+                          <mat-icon
+                            [ngStyle]="{
+                              color: color(level2),
+                            }">
                             {{ icon(level2) }}
                           </mat-icon>
                         }
 
-                        <span>
+                        <span
+                          [ngStyle]="{
+                            color: color(level2),
+                          }">
                           {{ label(level2) }}
                         </span>
                       </a>
@@ -116,22 +114,23 @@
                 </div>
               </mat-expansion-panel>
             } @else {
-              <!-- ================================================= -->
-              <!-- NON-EXPANDABLE LEVEL 1 -->
-              <!-- ================================================= -->
-
               <a
-                (click)="level1Clicked(level1)"
-                class="flex h-14 cursor-pointer items-center gap-3 px-6 transition-colors hover:bg-gray-100"
-                [class.bg-gray-100]="isLevel1Active(level1)"
-                [class.font-semibold]="isLevel1Active(level1)">
+                class="admin-level1-item"
+                [class.admin-level1-item-active]="isLevel1Active(level1)"
+                (click)="level1Clicked(level1)">
                 @if (icon(level1)) {
-                  <mat-icon>
+                  <mat-icon
+                    [ngStyle]="{
+                      color: color(level1),
+                    }">
                     {{ icon(level1) }}
                   </mat-icon>
                 }
 
-                <span>
+                <span
+                  [ngStyle]="{
+                    color: color(level1),
+                  }">
                   {{ label(level1) }}
                 </span>
               </a>
@@ -141,10 +140,10 @@
       </div>
 
       <!-- ========================================================= -->
-      <!-- ASIDE FOOTER - ALWAYS VISIBLE -->
+      <!-- ASIDE FOOTER -->
       <!-- ========================================================= -->
 
-      <footer class="shrink-0 border-t border-gray-200 bg-white p-3">
+      <footer class="admin-aside-footer">
         <ng-content select="[asideFooter]" />
       </footer>
     </aside>
@@ -153,24 +152,42 @@
     <!-- MAIN -->
     <!-- =========================================================== -->
 
-    <main class="flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden">
+    <main class="admin-main">
       <!-- ========================================================= -->
       <!-- LEVEL 3+ TABS -->
       <!-- ========================================================= -->
 
       <taon-admin-page-tabs
-        class="shrink-0"
+        class="admin-tabs"
         [routes]="routes"
         [basePath]="basePath"
         [outlet]="outlet" />
 
       <!-- ========================================================= -->
-      <!-- ROUTER CONTENT -->
+      <!-- SCROLLABLE CONTENT -->
       <!-- ========================================================= -->
 
-      <div class="min-h-0 flex-1 overflow-y-auto p-4 md:p-6">
+      <div class="admin-content">
         <router-outlet />
       </div>
+
+      <!-- ========================================================= -->
+      <!-- CONTENT FOOTER -->
+      <!-- ========================================================= -->
+
+      <footer class="admin-content-footer">
+        <ng-content select="[contentFooter]" />
+      </footer>
     </main>
   </div>
+
+  <!-- ============================================================= -->
+  <!-- DIALOG RESIZE HANDLE -->
+  <!-- ============================================================= -->
+
+  @if (isDialogMode) {
+    <div
+      class="admin-resize-handle"
+      (pointerdown)="startResize($event)"></div>
+  }
 </div>

package/html/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.html

@@ -0,0 +1,3 @@
+<!-- <p>
+  notyfications works!
+</p> -->

package/html/lib/taon-backoffice-notifications/taon-error-details-dialog.component.html

@@ -0,0 +1,36 @@
+<h2 mat-dialog-title>Error details</h2>
+
+<mat-dialog-content>
+  <div class="error-message">
+    {{ data.message }}
+  </div>
+
+  <div class="editor-selector">
+    <span class="editor-selector-label"> I am using editor: </span>
+
+    <mat-button-toggle-group
+      [value]="editor"
+      (change)="setEditor($event.value)"
+      aria-label="Code editor">
+      <mat-button-toggle value="vscode"> VS Code </mat-button-toggle>
+
+      <mat-button-toggle value="vscodium"> VSCodium </mat-button-toggle>
+    </mat-button-toggle-group>
+  </div>
+
+  <pre
+    class="error-details"><code>@for (stackLine of stackLines; track $index) {
+@if (stackLine.file) {<a
+  class="stack-link"
+  title="Open {{ stackLine.file }}:{{ stackLine.line }}:{{ stackLine.column }}"
+  (click)="openStackLine(stackLine)">{{ stackLine.text }}</a>} @else {{{ stackLine.text }}}{{ '\n' }}
+}</code></pre>
+</mat-dialog-content>
+
+<mat-dialog-actions align="end">
+  <button
+    mat-button
+    mat-dialog-close>
+    Close
+  </button>
+</mat-dialog-actions>

package/html/lib/taon-confirm-dialog/taon-confirm-dialog.component.html

@@ -0,0 +1,34 @@
+<div
+  class="flex min-w-[320px] max-w-[560px] flex-col gap-6 p-6 text-gray-900 dark:text-gray-100 sm:p-7">
+  <!-- Header -->
+  <h2 class="m-0 text-xl leading-snug font-medium sm:text-2xl">
+    {{ data.title }}
+  </h2>
+
+  <!-- Message -->
+  @if (data.message) {
+    <p
+      class="m-0 whitespace-pre-line text-base leading-relaxed text-gray-600 dark:text-gray-300 sm:text-lg">
+      {{ data.message }}
+    </p>
+  }
+
+  <!-- Actions -->
+  <div class="flex flex-wrap items-center justify-end gap-3">
+    <button
+      mat-button
+      type="button"
+      (click)="cancel()">
+      {{ data.cancelText || 'Cancel' }}
+    </button>
+
+    <button
+      mat-flat-button
+      color="primary"
+      type="button"
+      class="!rounded-full !px-6"
+      (click)="confirm()">
+      {{ data.confirmText || 'OK' }}
+    </button>
+  </div>
+</div>

package/html/lib/taon-datatable/taon-datatable.component.html

@@ -0,0 +1,161 @@
+<div class="flex w-full flex-col gap-3">
+  <!-- #region toolbar -->
+  @if (!hideSearch) {
+    <div
+      class="flex w-full flex-col gap-2 rounded-lg border border-gray-200 bg-white p-3 shadow-sm dark:border-gray-700 dark:bg-gray-900 md:flex-row md:items-center">
+      <!-- global search -->
+      <mat-form-field
+        appearance="outline"
+        subscriptSizing="dynamic"
+        class="min-w-0 flex-1">
+        <mat-icon matPrefix> search </mat-icon>
+
+        <input
+          matInput
+          placeholder="Search..."
+          [value]="searchValue"
+          (input)="searchChanged($any($event.target).value)" />
+
+        @if (searchValue) {
+          <button
+            mat-icon-button
+            matSuffix
+            type="button"
+            (click)="clearSearch()">
+            <mat-icon>close</mat-icon>
+          </button>
+        }
+      </mat-form-field>
+
+      <!-- advanced search -->
+      @if (searchMode === 'advanced') {
+        <button
+          mat-stroked-button
+          type="button"
+          (click)="toggleAdvancedSearch()">
+          <mat-icon> tune </mat-icon>
+
+          Filters
+
+          @if (advancedSearchOpened) {
+            <mat-icon> expand_less </mat-icon>
+          } @else {
+            <mat-icon> expand_more </mat-icon>
+          }
+        </button>
+      }
+
+      <!-- refresh -->
+      <button
+        mat-icon-button
+        type="button"
+        title="Refresh"
+        (click)="reload()">
+        <mat-icon> refresh </mat-icon>
+      </button>
+
+      <!-- add -->
+      @if (!hideAddButton) {
+        <button
+          mat-flat-button
+          color="primary"
+          type="button"
+          (click)="addingItem.emit()">
+          <mat-icon> add </mat-icon>
+
+          Add
+        </button>
+      }
+    </div>
+  }
+  <!-- #endregion -->
+
+  <!-- #region advanced filters -->
+  @if (!hideSearch && searchMode === 'advanced' && advancedSearchOpened) {
+    <div
+      class="grid grid-cols-1 gap-3 rounded-lg border border-gray-200 bg-gray-50 p-4 shadow-sm dark:border-gray-700 dark:bg-gray-800 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+      @for (column of filterableColumns; track column.field) {
+        <mat-form-field
+          appearance="outline"
+          subscriptSizing="dynamic"
+          class="w-full">
+          <mat-label>
+            {{ column.header }}
+          </mat-label>
+
+          <input
+            matInput
+            [(ngModel)]="columnFilters[$any(column.field)]"
+            (keyup.enter)="applyAdvancedFilters()" />
+        </mat-form-field>
+      }
+
+      <div
+        class="flex items-center justify-end gap-2 md:col-span-2 lg:col-span-3 xl:col-span-4">
+        <button
+          mat-button
+          type="button"
+          (click)="clearSearch()">
+          <mat-icon> filter_alt_off </mat-icon>
+
+          Clear
+        </button>
+
+        <button
+          mat-flat-button
+          color="primary"
+          type="button"
+          (click)="applyAdvancedFilters()">
+          <mat-icon> filter_alt </mat-icon>
+
+          Apply filters
+        </button>
+      </div>
+    </div>
+  }
+  <!-- #endregion -->
+
+  <!-- #region grid -->
+  <div
+    class="relative min-h-[250px] overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-900">
+    @if (isLoading) {
+      <div
+        class="absolute inset-0 z-10 flex items-center justify-center bg-white/60 backdrop-blur-[1px] dark:bg-gray-900/60">
+        <div
+          class="flex items-center gap-2 rounded-md bg-white px-4 py-2 shadow dark:bg-gray-800">
+          <mat-icon class="animate-spin"> refresh </mat-icon>
+
+          Loading...
+        </div>
+      </div>
+    }
+
+    <mtx-grid
+      [data]="rows"
+      [columns]="columns"
+      [expandable]="expandable"
+      [expansionTemplate]="lazyExpansionTemplate"
+      [length]="totalElements"
+      [pageOnFront]="false"
+      [pageIndex]="pageNumber - 1"
+      [pageSize]="pageSize"
+      [pageSizeOptions]="pageSizeOptions"
+      [showPaginator]="showPaginator"
+      (expansionChange)="onExpansionChange($event)"
+      (page)="getNextPage($event)"
+      (sortChange)="sortChanged($event)">
+    </mtx-grid>
+
+    <ng-template
+      #lazyExpansionTemplate
+      let-row>
+      @if (isExpanded(row)) {
+        <ng-container
+          [ngTemplateOutlet]="expansionTemplate"
+          [ngTemplateOutletContext]="{ $implicit: row }">
+        </ng-container>
+      }
+    </ng-template>
+  </div>
+  <!-- #endregion -->
+</div>