@taon-dev/ui 21.0.3 → 21.0.5

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

@@ -1,40 +1,99 @@
 :host {
   display: block;
+  width: 100%;
   height: 100%;
+  min-width: 0;
   min-height: 0;
 }
 
-.admin-menu {
-  mat-expansion-panel {
-    border-radius: 0 !important;
-    box-shadow: none !important;
-    border-bottom: 1px solid var(--mat-sys-outline-variant);
-    margin-top: 0 !important;
-    margin-bottom: 0 !important;
-  }
+// ============================================================================
+// ROOT
+// ============================================================================
 
-  mat-expansion-panel:first-of-type,
-  mat-expansion-panel:last-of-type {
-    border-radius: 0 !important;
-  }
+.admin-layout {
+  position: relative;
 
-  mat-expansion-panel-header {
-    border-radius: 0 !important;
-  }
+  display: flex;
+  flex-direction: column;
+
+  min-width: 0;
+  min-height: 0;
+
+  overflow: hidden;
+
+  background: white;
+}
+
+.admin-layout-dialog {
+  min-width: 500px;
+  min-height: 350px;
+}
+
+// ============================================================================
+// HEADER
+// ============================================================================
+
+.admin-header {
+  display: flex;
+  align-items: center;
+
+  flex: 0 0 64px;
+  height: 64px;
+
+  border-bottom: 1px solid var(--mat-sys-outline-variant);
+  background: white;
+}
+
+.admin-menu-button {
+  flex: 0 0 auto;
+  margin-left: 8px;
+  margin-right: 8px;
+  cursor: pointer;
+}
+
+.admin-header-content {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+// ============================================================================
+// BODY
+// ============================================================================
+
+.admin-body {
+  position: relative;
+
+  display: flex;
+
+  flex: 1 1 auto;
+
+  min-width: 0;
+  min-height: 0;
+
+  overflow: hidden;
 }
 
+// ============================================================================
+// ASIDE
+// ============================================================================
+
 .admin-aside {
   position: absolute;
-  inset-block: 0;
+
+  top: 0;
+  bottom: 0;
   left: 0;
+
   z-index: 30;
 
   display: flex;
   flex-direction: column;
 
-  width: 18rem;
+  width: 288px;
   min-height: 0;
 
+  overflow: hidden;
+
   background: white;
   border-right: 1px solid var(--mat-sys-outline-variant);
 
@@ -43,31 +102,228 @@
   transition:
     transform 200ms ease,
     width 200ms ease;
-
-  overflow: hidden;
 }
 
 .admin-aside-open {
   transform: translateX(0);
 }
 
-/* desktop */
+.admin-aside-content {
+  flex: 1 1 auto;
+
+  min-height: 0;
+
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.admin-aside-footer {
+  flex: 0 0 auto;
+
+  padding: 12px;
+
+  border-top: 1px solid var(--mat-sys-outline-variant);
+  background: white;
+}
+
+// ============================================================================
+// ASIDE MENU
+// ============================================================================
+
+.admin-menu {
+  display: block;
+
+  mat-expansion-panel {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+
+    border-radius: 0 !important;
+    box-shadow: none !important;
+
+    border-bottom: 1px solid var(--mat-sys-outline-variant);
+  }
+
+  mat-expansion-panel:first-of-type,
+  mat-expansion-panel:last-of-type,
+  mat-expansion-panel-header {
+    border-radius: 0 !important;
+  }
+}
+
+.admin-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.admin-level2 {
+  display: flex;
+  flex-direction: column;
+}
+
+.admin-level2-item {
+  display: flex;
+  align-items: center;
+
+  gap: 12px;
+
+  padding: 10px 24px;
+
+  cursor: pointer;
+}
+
+.admin-level2-item:hover,
+.admin-level2-item-active {
+  background: #f5f5f5;
+}
+
+.admin-level2-item-active {
+  font-weight: 600;
+}
+
+.admin-level1-item {
+  display: flex;
+  align-items: center;
+
+  height: 56px;
+
+  gap: 12px;
+  padding: 0 24px;
+
+  cursor: pointer;
+}
+
+.admin-level1-item:hover,
+.admin-level1-item-active {
+  background: #f5f5f5;
+}
+
+.admin-level1-item-active {
+  font-weight: 600;
+}
+
+.admin-loading {
+  padding: 8px 16px;
+  opacity: 0.6;
+}
+
+// ============================================================================
+// MAIN
+// ============================================================================
+
+.admin-main {
+  display: flex;
+  flex-direction: column;
+
+  flex: 1 1 auto;
+
+  min-width: 0;
+  min-height: 0;
+
+  overflow: hidden;
+}
+
+.admin-tabs {
+  display: block;
+  flex: 0 0 auto;
+}
+
+.admin-content {
+  flex: 1 1 auto;
+
+  min-width: 0;
+  min-height: 0;
+
+  padding: 24px;
+
+  overflow-x: auto;
+  overflow-y: auto;
+}
+
+.admin-content-footer {
+  flex: 0 0 auto;
+
+  padding: 12px 24px;
+
+  border-top: 1px solid var(--mat-sys-outline-variant);
+  background: white;
+}
+
+// ============================================================================
+// MOBILE
+// ============================================================================
+
+.admin-aside-backdrop {
+  position: absolute;
+
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+
+  z-index: 20;
+
+  background: rgba(0, 0, 0, 0.3);
+}
+
+// ============================================================================
+// DESKTOP
+// ============================================================================
+
 @media (min-width: 768px) {
   .admin-aside {
     position: relative;
-    inset: auto;
+
+    top: auto;
+    bottom: auto;
+    left: auto;
+
     z-index: auto;
 
     width: 0;
 
-    /*
-     * Desktop doesn't slide away.
-     * Its actual flex width changes.
-     */
     transform: none;
   }
 
   .admin-aside-open {
-    width: 18rem;
+    width: 288px;
+    min-width: 288px;
+  }
+
+  .admin-aside-backdrop {
+    display: none;
   }
+}
+
+// ============================================================================
+// RESIZE HANDLE
+// ============================================================================
+
+.admin-resize-handle {
+  position: absolute;
+
+  right: 0;
+  bottom: 0;
+
+  z-index: 100;
+
+  width: 18px;
+  height: 18px;
+
+  cursor: nwse-resize;
+}
+
+.admin-resize-handle::after {
+  content: '';
+
+  position: absolute;
+
+  right: 4px;
+  bottom: 4px;
+
+  width: 8px;
+  height: 8px;
+
+  border-right: 2px solid #777;
+  border-bottom: 2px solid #777;
 }

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

@@ -0,0 +1,3 @@
+:host {
+  display: none;
+}

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

@@ -0,0 +1,62 @@
+.error-message {
+  margin-bottom: 16px;
+  font-weight: 500;
+}
+
+//#region editor selector
+.editor-selector {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+
+  margin-bottom: 12px;
+}
+
+.editor-selector-label {
+  font-size: 13px;
+}
+//#endregion
+
+//#region error details
+.error-details {
+  box-sizing: border-box;
+  max-width: 100%;
+  max-height: 60vh;
+
+  margin: 0;
+  padding: 16px;
+
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  border-radius: 6px;
+
+  background: rgba(0, 0, 0, 0.06);
+
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+
+  font-size: 12px;
+  line-height: 1.5;
+
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.stack-link {
+  cursor: pointer;
+  text-decoration: underline;
+  text-decoration-style: dotted;
+  text-underline-offset: 2px;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.08);
+  }
+}
+
+.stack-line {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+//#endregion

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

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

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

@@ -0,0 +1,11 @@
+:host {
+  display: block;
+  width: 100%;
+  min-height: 250px;
+}
+
+:host ::ng-deep {
+  .mat-mdc-form-field {
+    margin: 0;
+  }
+}

package/scss/lib/taon-draggable-button-panel/taon-draggable-button-panel.component.scss

@@ -23,10 +23,10 @@
 }
 
 .taon-window {
-  width: 50vw;
-  height: 50vh;
+  width: 70vw;
+  height: 70vh;
 
-  left: 25vw;
+  left: 15vw;
   top: 25vh;
 
   border-radius: 6px;

package/websql/fesm2022/ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-DdHr5V8R.mjs

@@ -0,0 +1,15 @@
+// THIS FILE IS GENERATED - DO NOT MODIFY
+// THIS FILE IS GENERATED - DO NOT MODIFY
+var taonBackofficeNotifications_component_ts_enUS_i18n_data = {
+    "fileRelativePath": "src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts",
+    "tags": [
+        {
+            "gettextString": "Unknown error",
+            "lineNumber": 64
+        }
+    ]
+};
+// THIS FILE IS GENERATED - DO NOT MODIFY
+
+export { taonBackofficeNotifications_component_ts_enUS_i18n_data as default };
+//# sourceMappingURL=ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-DdHr5V8R.mjs.map

package/websql/fesm2022/ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-DdHr5V8R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-DdHr5V8R.mjs","sources":["../../../tmp-libs-for-dist-websql/ui/projects/ui/src/lib/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.en-US.i18n.data.ts"],"sourcesContent":["// THIS FILE IS GENERATED - DO NOT MODIFY\n\nexport interface EnUsTraslationOverrideSrcLibTaonBackofficeNotificationsTaonBackofficeNotificationsComponentTs {\n  \"en-US\": {\n  \"\": {\n    \"Unknown error\"?: string;\n  };\n\n  };\n}\n// THIS FILE IS GENERATED - DO NOT MODIFY\nexport default {\n  \"fileRelativePath\": \"src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts\",\n  \"tags\": [\n    {\n      \"gettextString\": \"Unknown error\",\n      \"lineNumber\": 64\n    }\n  ]\n};\n// THIS FILE IS GENERATED - DO NOT MODIFY\n"],"names":[],"mappings":"AAAA;AAUA;AACA,8DAAe;AACb,IAAA,kBAAkB,EAAE,kFAAkF;AACtG,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,eAAe,EAAE,eAAe;AAChC,YAAA,YAAY,EAAE;AACf;AACF;CACF;AACD;;"}

package/websql/fesm2022/ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-CD5ZqDCD.mjs

@@ -0,0 +1,15 @@
+// THIS FILE IS GENERATED - DO NOT MODIFY
+// THIS FILE IS GENERATED - DO NOT MODIFY
+var taonBackofficeNotifications_component_ts_plPL_i18n_data = {
+    "fileRelativePath": "src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts",
+    "tags": [
+        {
+            "gettextString": "Unknown error",
+            "lineNumber": 64
+        }
+    ]
+};
+// THIS FILE IS GENERATED - DO NOT MODIFY
+
+export { taonBackofficeNotifications_component_ts_plPL_i18n_data as default };
+//# sourceMappingURL=ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-CD5ZqDCD.mjs.map

package/websql/fesm2022/ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-CD5ZqDCD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-CD5ZqDCD.mjs","sources":["../../../tmp-libs-for-dist-websql/ui/projects/ui/src/lib/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.pl-PL.i18n.data.ts"],"sourcesContent":["// THIS FILE IS GENERATED - DO NOT MODIFY\n\nexport interface PlPlTraslationOverrideSrcLibTaonBackofficeNotificationsTaonBackofficeNotificationsComponentTs {\n  \"pl-PL\": {\n  \"\": {\n    \"Unknown error\"?: string;\n  };\n\n  };\n}\n// THIS FILE IS GENERATED - DO NOT MODIFY\nexport default {\n  \"fileRelativePath\": \"src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts\",\n  \"tags\": [\n    {\n      \"gettextString\": \"Unknown error\",\n      \"lineNumber\": 64\n    }\n  ]\n};\n// THIS FILE IS GENERATED - DO NOT MODIFY\n"],"names":[],"mappings":"AAAA;AAUA;AACA,8DAAe;AACb,IAAA,kBAAkB,EAAE,kFAAkF;AACtG,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,eAAe,EAAE,eAAe;AAChC,YAAA,YAAY,EAAE;AACf;AACF;CACF;AACD;;"}