Merge pull request #502 from Inxton/test-update

test update

Author: Brano5

src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/momentum.css

@@ -44,8 +44,8 @@
     --color-danger-light: #FFDCDA;
     --color-info: #2B8CC4;
     --color-info-light: #D4ECF7;
-    --color-noactive: #7C7C7C;
-    --color-noactive-light: #DEE0E2;
+    --color-neutral: #7C7C7C;
+    --color-neutral-light: #DEE0E2;
   }
 }
 @layer base {

src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/operon-variables.css

@@ -133,8 +133,8 @@
     --color-danger-light: #FFDCDA;
     --color-info: #2B8CC4;
     --color-info-light: #D4ECF7;
-    --color-noactive: #7C7C7C;
-    --color-noactive-light: #DEE0E2;
+    --color-neutral: #7C7C7C;
+    --color-neutral-light: #DEE0E2;
     /* #endregion */
     /* #region Result colors */
     --color-result-failed: #D0190F;
@@ -168,12 +168,13 @@
     --color-quality: #EC9811;
     /* end of prodinsight colors */
     /* downtime colors */
-    --color-downtime-unassigned: #C7C7C7;
-    --color-downtime-material: #EC9811;
-    --color-downtime-operator: #F08584;
     --color-downtime-working: #B6D069;
-    --color-downtime-technical: #9885A9;
     --color-downtime-planned: #7DCDD2;
+    --color-downtime-unassigned: #C7C7C7;
+    --color-downtime-technical: #9885A9;
+    --color-downtime-operator: #F08584;
+    --color-downtime-material: #EC9811;
+    --color-downtime-external: #9E1912;
     /* end of downtime colors */
     /* buttons colors */
     --color-btn-primary: var(--color-primary);
@@ -186,20 +187,31 @@
     --color-btn-warning-hover: var(--color-warning-light);
     --color-btn-info: var(--color-info);
     --color-btn-info-hover: var(--color-info-light);
-    --color-btn-noactive: var(--color-noactive);
-    --color-btn-noactive-hover: var(--color-noactive-light);
+    --color-btn-neutral: var(--color-neutral);
+    --color-btn-neutral-hover: var(--color-neutral-light);
     --color-btn-outline-bg: transparent;
     --color-btn-no-bg-bg: transparent;
     /* end of buttons colors */
-    --animate-pulse-danger: pulse-danger 2s ease-in-out infinite;
 
-    @keyframes pulse-danger {
+    @keyframes riple {
+        0% {
+            transform: scale(1);
+            opacity: 1;
+        }
+
+        100% {
+            transform: scale(1.05);
+            opacity: 0;
+        }
+    }
+
+    @keyframes wiggle {
         0%, 100% {
-            box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-danger) 30%, transparent);
+            transform: rotate(-3deg);
         }
 
         50% {
-            box-shadow: 0 0 0 6px color-mix(in srgb, var(--color-danger) 0%, transparent);
+            transform: rotate(3deg);
         }
     }
 }

src/AXSharp.blazor/tests/sandbox/AXSharp.RenderableContent.Tests/HtmlFiles/prgWeatherStations.html

@@ -1,25 +1,25 @@
-<div data-stack-panel-layout class="flex flex-wrap flex-col gap-1 my-6 "><div class="my-6 "><nav class="tab" blazor:elementReference=""><button class="btn tab-btn active" blazor:onclick="4" blazor:elementReference="85140de2-1ec4-4416-8863-bf03f94445aa">North pole station</button><button class="btn tab-btn " blazor:onclick="5" blazor:elementReference="6c515cae-47e3-4721-b651-feb5bf4652c0">South pole station</button><button class="btn tab-btn " blazor:onclick="6" blazor:elementReference="3fcd4cbc-4b04-4e0a-95f0-4e00d633eafc">Verl, Germany</button><button class="btn tab-btn " blazor:onclick="7" blazor:elementReference="5b31563a-8e44-4ae9-afe1-ab6a1463071f">Kriva, Slovakia</button></nav></div>
+<div data-stack-panel-layout class="flex flex-wrap flex-col gap-1 my-6 "><div class="my-6 "><nav class="tab" blazor:elementReference=""><button class="btn tab-btn active" blazor:onclick="4" blazor:elementReference="6762c32c-b7dd-42f3-9324-6ed867c78473">North pole station</button><button class="btn tab-btn " blazor:onclick="5" blazor:elementReference="80bacf94-7ee7-41b3-ba69-03c95ad08b60">South pole station</button><button class="btn tab-btn " blazor:onclick="6" blazor:elementReference="89ca973e-6cd6-4ae2-8ac0-17e4c4a006fe">Verl, Germany</button><button class="btn tab-btn " blazor:onclick="7" blazor:elementReference="1e0343c5-7b4e-48c2-a052-8868cb9801cd">Kriva, Slovakia</button></nav></div>
 
-    <div data-stack-panel-layout class="flex flex-wrap flex-col gap-1 my-6 "><div name="prgWeatherStations-_weatherStations-NorthPole-StationICAO"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="f3c842de-0ef0-40c0-b166-fac66ddddf35">Station name (ICAO)</label></div><div class="relative w-full"><input type="text" id:ignore="f3c842de-0ef0-40c0-b166-fac66ddddf35" class=" w-full min-w-20" style="" blazor:onfocusin="8" blazor:onfocusout="9" step="any" readonly="readonly" value="" blazor:onchange="35" /></div></div>
+    <div data-stack-panel-layout class="flex flex-wrap flex-col gap-1 my-6 "><div name="prgWeatherStations-_weatherStations-NorthPole-StationICAO"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="e24d34df-b9f5-4920-833b-352ccff322b8">Station name (ICAO)</label></div><div class="relative w-full"><input type="text" id:ignore="e24d34df-b9f5-4920-833b-352ccff322b8" class=" w-full min-w-20" style="" blazor:onfocusin="8" blazor:onfocusout="9" step="any" readonly="readonly" value="" blazor:onchange="10" /></div></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-StationStatus"><div class="select-group"><label for:ignore="prgWeatherStations._weatherStations.NorthPole.StationStatus_6e99dce6-b7da-4940-9c5d-fc46951cd792">Station status</label><select id:ignore="prgWeatherStations._weatherStations.NorthPole.StationStatus_6e99dce6-b7da-4940-9c5d-fc46951cd792" class="min-w-6 " disabled="disabled"><option selected>Unknown</option></select></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Pressure"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="7fba7c9d-db06-4083-a697-0309fdb571cd">Pressure [Torr]</label></div><div class="relative w-full"><input type="number" id:ignore="7fba7c9d-db06-4083-a697-0309fdb571cd" class=" w-full min-w-20" style="" blazor:onfocusin="11" blazor:onfocusout="12" step="any" readonly="readonly" value="0" blazor:onchange="36" /></div></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-StationStatus"><div class="select-group"><label for:ignore="prgWeatherStations._weatherStations.NorthPole.StationStatus_b609e110-c6e9-40ef-a82b-1f1888c32754">Station status</label><select id:ignore="prgWeatherStations._weatherStations.NorthPole.StationStatus_b609e110-c6e9-40ef-a82b-1f1888c32754" class="min-w-6 " disabled="disabled"><option selected>Unknown</option></select></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Pressure"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="1bb4f2e9-824a-47cb-92f2-6305b5f3f09d">Pressure [Torr]</label></div><div class="relative w-full"><input type="number" id:ignore="1bb4f2e9-824a-47cb-92f2-6305b5f3f09d" class=" w-full min-w-20" style="" blazor:onfocusin="11" blazor:onfocusout="12" step="any" readonly="readonly" value="0" blazor:onchange="13" /></div></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Temp"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="a0101a7d-c2fb-41d5-afa5-0414c39e2f16">Temperature [&#xB0;C]</label></div><div class="relative w-full"><input type="number" id:ignore="a0101a7d-c2fb-41d5-afa5-0414c39e2f16" class=" w-full min-w-20" style="" blazor:onfocusin="14" blazor:onfocusout="15" step="any" readonly="readonly" value="0" blazor:onchange="37" /></div></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Temp"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="27ce92e3-cb05-4561-99b0-5e0e78c2a439">Temperature [&#xB0;C]</label></div><div class="relative w-full"><input type="number" id:ignore="27ce92e3-cb05-4561-99b0-5e0e78c2a439" class=" w-full min-w-20" style="" blazor:onfocusin="14" blazor:onfocusout="15" step="any" readonly="readonly" value="0" blazor:onchange="16" /></div></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Visibility"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="52b9e134-bec8-4bac-9fa5-e0a9c84f8300">Visibility [km]</label></div><div class="relative w-full"><input type="number" id:ignore="52b9e134-bec8-4bac-9fa5-e0a9c84f8300" class=" w-full min-w-20" style="" blazor:onfocusin="17" blazor:onfocusout="18" step="any" readonly="readonly" value="0" blazor:onchange="38" /></div></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Visibility"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="910a53ee-7c4f-4845-8283-ac39acc2b350">Visibility [km]</label></div><div class="relative w-full"><input type="number" id:ignore="910a53ee-7c4f-4845-8283-ac39acc2b350" class=" w-full min-w-20" style="" blazor:onfocusin="17" blazor:onfocusout="18" step="any" readonly="readonly" value="0" blazor:onchange="19" /></div></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-WindHeading"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="e782c8bf-af34-4e7e-93f7-651855383597">Wind heading [Azimuth]</label></div><div class="relative w-full"><input type="number" id:ignore="e782c8bf-af34-4e7e-93f7-651855383597" class=" w-full min-w-20" style="" blazor:onfocusin="20" blazor:onfocusout="21" step="any" readonly="readonly" value="0" blazor:onchange="39" /></div></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-WindHeading"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="84bb9581-1e7c-4cfc-a1a7-e958ffadcb60">Wind heading [Azimuth]</label></div><div class="relative w-full"><input type="number" id:ignore="84bb9581-1e7c-4cfc-a1a7-e958ffadcb60" class=" w-full min-w-20" style="" blazor:onfocusin="20" blazor:onfocusout="21" step="any" readonly="readonly" value="0" blazor:onchange="22" /></div></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-WindSpeed"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="2c29436e-c461-4f21-b9f3-7225640e3480">Wind speed [m/s]</label></div><div class="relative w-full"><input type="number" id:ignore="2c29436e-c461-4f21-b9f3-7225640e3480" class=" w-full min-w-20" style="" blazor:onfocusin="23" blazor:onfocusout="24" step="any" readonly="readonly" value="0" blazor:onchange="40" /></div></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-WindSpeed"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="06282bfd-b6ea-4740-9134-212968e3dbc6">Wind speed [m/s]</label></div><div class="relative w-full"><input type="number" id:ignore="06282bfd-b6ea-4740-9134-212968e3dbc6" class=" w-full min-w-20" style="" blazor:onfocusin="23" blazor:onfocusout="24" step="any" readonly="readonly" value="0" blazor:onchange="25" /></div></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestDate"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="b70dd677-288f-4ba7-8fdf-27683c1f6715">TestDate</label></div><div class="relative w-full"><input type="date" id:ignore="b70dd677-288f-4ba7-8fdf-27683c1f6715" class=" w-full min-w-20" style="" blazor:onfocusin="26" blazor:onfocusout="27" step="any" readonly="readonly" value="0001-01-01" blazor:onchange="41" /></div></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestDate"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="4fdd06df-c486-4d83-81f4-a8085df5c686">TestDate</label></div><div class="relative w-full"><input type="date" id:ignore="4fdd06df-c486-4d83-81f4-a8085df5c686" class=" w-full min-w-20" style="" blazor:onfocusin="26" blazor:onfocusout="27" step="any" readonly="readonly" value="0001-01-01" blazor:onchange="28" /></div></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestDateTime"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="9d3ba096-dee3-4008-8c66-65d84ff6b2a3">TestDateTime</label></div><div class="relative w-full"><input type="datetime-local" id:ignore="9d3ba096-dee3-4008-8c66-65d84ff6b2a3" class=" w-full min-w-20" style="" blazor:onfocusin="29" blazor:onfocusout="30" step="any" readonly="readonly" value="0001-01-01T00:00:00" blazor:onchange="42" /></div></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestDateTime"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="ca38a72a-c6ed-426c-84d7-b64f19d95553">TestDateTime</label></div><div class="relative w-full"><input type="datetime-local" id:ignore="ca38a72a-c6ed-426c-84d7-b64f19d95553" class=" w-full min-w-20" style="" blazor:onfocusin="29" blazor:onfocusout="30" step="any" readonly="readonly" value="0001-01-01T00:00:00" blazor:onchange="31" /></div></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestTimeOfDay"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="3f39a80d-f931-4d19-8448-21bc210ceaa6">TestTimeOfDay</label></div><div class="relative w-full"><input type="text" id:ignore="3f39a80d-f931-4d19-8448-21bc210ceaa6" class=" w-full min-w-20" style="" blazor:onfocusin="32" blazor:onfocusout="33" step="any" readonly="readonly" value="00:00:00" blazor:onchange="43" /></div></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestTimeOfDay"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="0de1ab59-5da1-431d-aba7-5ec18f11cfad">TestTimeOfDay</label></div><div class="relative w-full"><input type="time" id:ignore="0de1ab59-5da1-431d-aba7-5ec18f11cfad" class=" w-full min-w-20" style="" value="00:00" blazor:onchange="32" blazor:onfocusin="33" blazor:onfocusout="34" step="any" readonly="readonly" /></div></div>
     <div class="invalid-feedback hidden"></div>
     <div class="invalid-feedback"></div></div></div><div data-group-box-layout class="simple-border gap-8 p-4 my-6"><h3>What plc says</h3>
-    <div class="mt-2"><div data-stack-panel-layout class="flex flex-wrap flex-col gap-1 my-6 "><div name="prgWeatherStations-PlcCommentOnCurrentWeather"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="30db3e71-69ba-44f1-9ce3-27df598ac266">What plc says</label></div><div class="relative w-full"><input type="text" id:ignore="30db3e71-69ba-44f1-9ce3-27df598ac266" class=" w-full min-w-20" style="" blazor:onfocusin="1" blazor:onfocusout="2" step="any" readonly="readonly" value="" blazor:onchange="3" /></div></div>
+    <div class="mt-2"><div data-stack-panel-layout class="flex flex-wrap flex-col gap-1 my-6 "><div name="prgWeatherStations-PlcCommentOnCurrentWeather"><div class="input-group "><div class="flex flex-wrap flex-row items-center gap-2"><label for:ignore="592d503c-7c72-4279-b37a-e19948e09683">What plc says</label></div><div class="relative w-full"><input type="text" id:ignore="592d503c-7c72-4279-b37a-e19948e09683" class=" w-full min-w-20" style="" blazor:onfocusin="1" blazor:onfocusout="2" step="any" readonly="readonly" value="" blazor:onchange="3" /></div></div>
     <div class="invalid-feedback hidden"></div>
     <div class="invalid-feedback"></div></div></div></div></div></div>