@yesilyazilim/web.spa 1.0.57 → 1.0.59

package/index.css

@@ -3088,7 +3088,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: normal;
   font-weight: 100;
-  src: url("roboto-v47-latin-100.c9f5a5e5.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-100.58f3f7b0.woff2") format("woff2");
 }
 
 @font-face {
@@ -3096,7 +3096,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: italic;
   font-weight: 100;
-  src: url("roboto-v47-latin-100italic.424a9a14.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-100italic.6861ba33.woff2") format("woff2");
 }
 
 @font-face {
@@ -3104,7 +3104,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: normal;
   font-weight: 200;
-  src: url("roboto-v47-latin-200.dc3317d8.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-200.c4445c9c.woff2") format("woff2");
 }
 
 @font-face {
@@ -3112,7 +3112,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: italic;
   font-weight: 200;
-  src: url("roboto-v47-latin-200italic.015fe3a8.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-200italic.8e782917.woff2") format("woff2");
 }
 
 @font-face {
@@ -3120,7 +3120,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
-  src: url("roboto-v47-latin-300.0569b5b3.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-300.bfb33508.woff2") format("woff2");
 }
 
 @font-face {
@@ -3128,7 +3128,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: italic;
   font-weight: 300;
-  src: url("roboto-v47-latin-300italic.85eb7a41.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-300italic.5839da0d.woff2") format("woff2");
 }
 
 @font-face {
@@ -3136,7 +3136,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: normal;
   font-weight: 400;
-  src: url("roboto-v47-latin-regular.7014c08d.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-regular.1c3e5175.woff2") format("woff2");
 }
 
 @font-face {
@@ -3144,7 +3144,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: italic;
   font-weight: 400;
-  src: url("roboto-v47-latin-italic.f9909d9d.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-italic.aa25881a.woff2") format("woff2");
 }
 
 @font-face {
@@ -3152,7 +3152,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: normal;
   font-weight: 500;
-  src: url("roboto-v47-latin-500.4d0daca4.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-500.d28cacd3.woff2") format("woff2");
 }
 
 @font-face {
@@ -3160,7 +3160,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: italic;
   font-weight: 500;
-  src: url("roboto-v47-latin-500italic.9d016e97.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-500italic.d70e36fb.woff2") format("woff2");
 }
 
 @font-face {
@@ -3168,7 +3168,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: normal;
   font-weight: 600;
-  src: url("roboto-v47-latin-600.8732151a.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-600.e064064a.woff2") format("woff2");
 }
 
 @font-face {
@@ -3176,7 +3176,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: italic;
   font-weight: 600;
-  src: url("roboto-v47-latin-600italic.84aae73e.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-600italic.d0b1fa1a.woff2") format("woff2");
 }
 
 @font-face {
@@ -3184,7 +3184,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: normal;
   font-weight: 700;
-  src: url("roboto-v47-latin-700.ff86afd9.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-700.b13d40e2.woff2") format("woff2");
 }
 
 @font-face {
@@ -3192,7 +3192,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: italic;
   font-weight: 700;
-  src: url("roboto-v47-latin-700italic.9463ba11.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-700italic.f8d1e8d0.woff2") format("woff2");
 }
 
 @font-face {
@@ -3200,7 +3200,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: normal;
   font-weight: 800;
-  src: url("roboto-v47-latin-800.e34d1333.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-800.e5e7df1a.woff2") format("woff2");
 }
 
 @font-face {
@@ -3208,7 +3208,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: italic;
   font-weight: 800;
-  src: url("roboto-v47-latin-800italic.a1b1ef05.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-800italic.5b057aa0.woff2") format("woff2");
 }
 
 @font-face {
@@ -3216,7 +3216,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: normal;
   font-weight: 900;
-  src: url("roboto-v47-latin-900.0a31df3d.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-900.3a40187e.woff2") format("woff2");
 }
 
 @font-face {
@@ -3224,7 +3224,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   font-family: Roboto;
   font-style: italic;
   font-weight: 900;
-  src: url("roboto-v47-latin-900italic.a536e538.woff2") format("woff2");
+  src: url("roboto-v47-latin_latin-ext-900italic.e64fe078.woff2") format("woff2");
 }
 
 :root {
@@ -4149,6 +4149,7 @@ app-spinner .spinner {
   pointer-events: all;
   box-shadow: 3px 6px 12px 3px var(--drop-shadow-color);
   border-radius: var(--spacing-2x);
+  backdrop-filter: blur(10px);
   align-self: flex-end;
   animation-name: toasting;
   animation-duration: .3s;
@@ -4216,7 +4217,7 @@ app-spinner .spinner {
 }
 
 #notify-container app-notify > div.success {
-  background-color: var(--success);
+  background-color: color-mix(in srgb, var(--success) 70%, transparent);
 }
 
 #notify-container app-notify > div.success .title, #notify-container app-notify > div.success .message {
@@ -4224,7 +4225,7 @@ app-spinner .spinner {
 }
 
 #notify-container app-notify > div.warning {
-  background-color: var(--warning);
+  background-color: color-mix(in srgb, var(--warning) 70%, transparent);
 }
 
 #notify-container app-notify > div.warning .title, #notify-container app-notify > div.warning .message {
@@ -4232,7 +4233,7 @@ app-spinner .spinner {
 }
 
 #notify-container app-notify > div.error {
-  background-color: var(--danger);
+  background-color: color-mix(in srgb, var(--danger) 70%, transparent);
 }
 
 #notify-container app-notify > div.error .title, #notify-container app-notify > div.error .message {
@@ -4240,7 +4241,7 @@ app-spinner .spinner {
 }
 
 #notify-container app-notify > div.info {
-  background-color: var(--info);
+  background-color: color-mix(in srgb, var(--info) 70%, transparent);
 }
 
 #notify-container app-notify > div.info .title, #notify-container app-notify > div.info .message {
@@ -4775,8 +4776,10 @@ app-radio-button.readonly * {
 }
 
 app-tab-container {
+  grid-template-rows: auto 1fr;
   width: 100%;
   height: 100%;
+  display: grid;
   overflow-y: hidden;
 }
 
@@ -4885,6 +4888,23 @@ app-tab-container .appTabContainerBody app-tab {
 app-tab-container .appTabContainerBody app-tab > .componentWrapper {
   width: 100%;
   height: 100%;
+  padding-bottom: 1px;
+}
+
+app-tab-container.enof {
+  overflow-y: visible;
+}
+
+app-tab-container.enof .appTabContainerHeader {
+  overflow: visible;
+}
+
+app-tab-container.enof .appTabContainerBody {
+  overflow-y: visible;
+}
+
+app-tab-container.enof .appTabContainerBody app-tab {
+  overflow: visible;
 }
 
 app-dropdown-button {
@@ -5684,8 +5704,8 @@ app-form {
 }
 
 app-form app-form-line {
-  gap: var(--spacing-half);
   flex-direction: column;
+  gap: 1px;
   width: 100%;
   display: flex;
 }
@@ -5705,6 +5725,12 @@ app-form app-form-line > .titleContainer {
   display: flex;
 }
 
+app-form app-form-line > .titleContainer > .required {
+  color: var(--danger);
+  margin: 0;
+  padding: 0;
+}
+
 app-form app-form-line > .titleContainer > i {
   visibility: hidden;
   height: 100%;
@@ -5722,6 +5748,7 @@ app-form app-form-line > .titleContainer > label {
   margin: 0;
   padding: 0;
   font-size: 11px;
+  line-height: 13px;
   overflow: hidden;
 }
 
@@ -5791,7 +5818,7 @@ app-form app-form-line.val-success > .inputContainer:after {
 app-taginput {
   margin-bottom: var(--spacing);
   appearance: none;
-  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
+  padding: var(--spacing-half) var(--spacing-half);
   width: 100%;
   min-height: calc(1rem * var(--line-height)  + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
   --background-color: var(--form-element-background-color);
@@ -5805,10 +5832,10 @@ app-taginput {
   color: var(--color);
   font-weight: var(--font-weight);
   transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
+  align-items: center;
+  gap: var(--spacing-half);
   outline: 0;
   flex-wrap: wrap;
-  align-items: center;
-  gap: 3px;
   display: inline-flex;
   position: relative;
 }
@@ -5981,7 +6008,6 @@ dialog.MessageBox > app-msgbox-content > .contentContainer {
   max-width: 80vw;
   max-height: 60vh;
   padding: 10px;
-  overflow-y: auto;
 }
 
 dialog.MessageBox > app-msgbox-content > .contentContainer > .textContent {