@avenirs-esr/avenirs-dsav 0.1.104 → 0.1.105

package/dist/test-utils.cjs.js

@@ -4,7 +4,7 @@
       :style="{ backgroundColor, borderColor, color }"
     >
       {{ label }}
-    </div>`,props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,borderColor:String,icon:String}}),d=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),r=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),c=e.defineComponent({name:"AvIcon",props:["name","color","size","title","animation"],template:'<div class="av-vicon-stub" />'}),u=e.defineComponent({name:"AvIconText",template:'<div class="av-icon-text" />',props:["icon","text","icon-color","text-color"]}),p=e.defineComponent({name:"AvCard",props:{titleOnly:{type:Boolean,default:!1},baclgroundColor:{type:String,default:"var(--card)"},borderColor:{type:String,default:"var(--stroke)"},titleBackground:{type:String,default:"var(--surface-background)"},titleHeight:{type:String},collapsible:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1}},template:'<div class="av-card"><slot name="title" /><slot /></div>'}),m=e.defineComponent({name:"AvAccordion",props:["title","icon"],template:`
+    </div>`,props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,borderColor:String,icon:String}}),r=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),d=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),c=e.defineComponent({name:"AvIcon",props:["name","color","size","title","animation"],template:'<div class="av-vicon-stub" />'}),u=e.defineComponent({name:"AvIconText",template:'<div class="av-icon-text" />',props:["icon","text","icon-color","text-color"]}),p=e.defineComponent({name:"AvCard",props:{titleOnly:{type:Boolean,default:!1},baclgroundColor:{type:String,default:"var(--card)"},borderColor:{type:String,default:"var(--stroke)"},titleBackground:{type:String,default:"var(--surface-background)"},titleHeight:{type:String},collapsible:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1}},template:'<div class="av-card"><slot name="title" /><slot /></div>'}),m=e.defineComponent({name:"AvAccordion",props:["title","icon"],template:`
     <div class="av-accordion">
       <button
         class="av-accordion__btn"
@@ -58,7 +58,7 @@
     <fieldset class="av-checkboxes-group-stub">
       <slot />
     </fieldset>
-  `}),f=e.defineComponent({name:"AvInput",props:{modelValue:String,label:String,labelClass:String,placeholder:String,isValid:Boolean,isTextarea:Boolean,labelVisible:Boolean,disabled:Boolean,required:Boolean,maxlength:Number,minlength:Number,errorMessage:String,validMessage:String,prefixIcon:String,id:String,descriptionId:String,hint:String,type:String,minDate:String,maxDate:String,width:String,noRadius:Boolean,modelModifiers:Object,textareaMinHeight:String},emits:["update:modelValue"],template:`<input @input="$emit('update:modelValue', $event.target.value)" data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />`}),A=e.defineComponent({name:"AvList",props:["size"],template:`
+  `}),f=e.defineComponent({name:"AvInput",props:{modelValue:String,label:String,labelClass:String,placeholder:String,isValid:Boolean,isTextarea:Boolean,labelVisible:Boolean,disabled:Boolean,required:Boolean,maxlength:Number,minlength:Number,errorMessage:String,validMessage:String,prefixIcon:String,id:String,descriptionId:String,hint:String,type:String,minDate:String,maxDate:String,width:String,noRadius:Boolean,modelModifiers:Object,textareaMinHeight:String,formatDateStr:String},emits:["update:modelValue"],template:`<input @input="$emit('update:modelValue', $event.target.value)" data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />`}),A=e.defineComponent({name:"AvList",props:["size"],template:`
     <div class="av-list-stub">
       <slot />
     </div>`}),C=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
@@ -170,4 +170,4 @@
       <slot />
       <slot name="footer"></slot>
     </div>
-  `});function N(){return{given(a,t){return describe(`🔵 GIVEN ${a}`,t),this},when(a,t){return describe(`🔶 WHEN ${a}`,t),this},and(a,t){return describe(`➕ AND ${a}`,t),this},then(a,t){return it(`🟩 THEN ${a}`,t),this}}}exports.AvAccordionStub=m;exports.AvAutocompleteStub=y;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=T;exports.AvButtonStub=v;exports.AvCancelConfirmButtonsStub=b;exports.AvCardStub=p;exports.AvCheckboxStub=g;exports.AvCheckboxesGroupStub=S;exports.AvDrawerStub=M;exports.AvDropdownStub=$;exports.AvFieldsetStub=r;exports.AvIconStub=c;exports.AvIconTextStub=u;exports.AvInputStub=f;exports.AvListItemStub=C;exports.AvListStub=A;exports.AvModalStub=q;exports.AvSelectStub=k;exports.AvSideNavigationStub=I;exports.AvStepperStub=L;exports.AvTabStub=x;exports.AvTabsStub=B;exports.AvTagPickerStub=h;exports.AvTagStub=d;exports.AvToggleStub=V;exports.BddTest=N;
+  `});function N(){return{given(a,t){return describe(`🔵 GIVEN ${a}`,t),this},when(a,t){return describe(`🔶 WHEN ${a}`,t),this},and(a,t){return describe(`➕ AND ${a}`,t),this},then(a,t){return it(`🟩 THEN ${a}`,t),this}}}exports.AvAccordionStub=m;exports.AvAutocompleteStub=y;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=T;exports.AvButtonStub=v;exports.AvCancelConfirmButtonsStub=b;exports.AvCardStub=p;exports.AvCheckboxStub=g;exports.AvCheckboxesGroupStub=S;exports.AvDrawerStub=M;exports.AvDropdownStub=$;exports.AvFieldsetStub=d;exports.AvIconStub=c;exports.AvIconTextStub=u;exports.AvInputStub=f;exports.AvListItemStub=C;exports.AvListStub=A;exports.AvModalStub=q;exports.AvSelectStub=k;exports.AvSideNavigationStub=I;exports.AvStepperStub=L;exports.AvTabStub=x;exports.AvTabsStub=B;exports.AvTagPickerStub=h;exports.AvTagStub=r;exports.AvToggleStub=V;exports.BddTest=N;

package/dist/test-utils.es.js

@@ -82,13 +82,13 @@ const g = e({
   setup(a) {
     const t = s(p);
     if (!t) {
-      const l = r(!1);
-      return { isActive: l, expand: () => {
-        l.value = !l.value;
+      const o = r(!1);
+      return { isActive: o, expand: () => {
+        o.value = !o.value;
       } };
     }
-    const { isActive: o, expand: i } = t(d(a, "title"));
-    return { isActive: o, expand: i };
+    const { isActive: l, expand: i } = t(d(a, "title"));
+    return { isActive: l, expand: i };
   }
 }), x = e({
   name: "AvButton",
@@ -206,7 +206,8 @@ const g = e({
     width: String,
     noRadius: Boolean,
     modelModifiers: Object,
-    textareaMinHeight: String
+    textareaMinHeight: String,
+    formatDateStr: String
   },
   emits: ["update:modelValue"],
   template: `<input @input="$emit('update:modelValue', $event.target.value)" data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />`
@@ -340,11 +341,11 @@ const g = e({
   },
   emits: ["update:modelValue"],
   setup(a, { slots: t }) {
-    const o = n(() => {
-      var l;
-      return ((l = t.default) == null ? void 0 : l.call(t)) ?? [];
+    const l = n(() => {
+      var o;
+      return ((o = t.default) == null ? void 0 : o.call(t)) ?? [];
     }), i = n(() => a.modelValue ?? 0);
-    return () => c("div", { class: "av-tabs" }, o.value[i.value] ?? null);
+    return () => c("div", { class: "av-tabs" }, l.value[i.value] ?? null);
   }
 }), D = e({
   name: "AvToggle",

package/dist/tokens/icons.d.ts

@@ -29,8 +29,11 @@ export declare const MDI_ICONS: {
     BOOK_LOCATION_OUTLINE: string;
     BRIEFCASE_VARIANT_OUTLINE: string;
     BUILDING: string;
+    CALENDAR_BLANK_OUTLINE: string;
     CALENDAR_MONTH_OUTLINE: string;
     CALENDAR_OUTLINE: string;
+    CALENDAR_TIME: string;
+    CALENDAR_WEEK_OUTLINE: string;
     CHART_TIMELINE_VARIANT_SHIMMER: string;
     CHAT_ALERT: string;
     CHAT_BUBBLE_OUTLINE: string;
@@ -45,6 +48,7 @@ export declare const MDI_ICONS: {
     CHEVRON_LEFT: string;
     CIRCLE: string;
     CIRCLE_OUTLINE: string;
+    CLOCK_OUTLINE: string;
     CLOSE_CIRCLE_OUTLINE: string;
     CLOSE_OCTAGON: string;
     CONTENT_SAVE_OUTLINE: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@avenirs-esr/avenirs-dsav",
   "type": "module",
-  "version": "0.1.104",
+  "version": "0.1.105",
   "repository": {
     "type": "git",
     "url": "https://github.com/avenirs-esr/avenirs-dsav"

package/src/styles/components/_icons.scss

@@ -21,8 +21,11 @@
   --icon-mdi-book-location-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNC41NSAyMGMuNDUuNzYuOTUgMS40NCAxLjM2IDJINmMtMS4xMSAwLTItLjg5LTItMlY0YTIgMiAwIDAgMSAyLTJoMTJhMiAyIDAgMCAxIDIgMnY2LjIyYy0uNS0uMTQtMS0uMjItMS41LS4yMmMtLjE3IDAtLjMzIDAtLjUuMDNWNGgtNXY4bC0yLjUtMi4yNUw4IDEyVjRINnYxNnpNMjIgMTUuNWMwIDIuNi0zLjUgNi41LTMuNSA2LjVTMTUgMTguMSAxNSAxNS41YzAtMS45IDEuNi0zLjUgMy41LTMuNXMzLjUgMS42IDMuNSAzLjVtLTIuMy4xYzAtLjYtLjYtMS4yLTEuMi0xLjJzLTEuMi41LTEuMiAxLjJjMCAuNi41IDEuMiAxLjIgMS4yczEuMy0uNiAxLjItMS4yIi8+PC9zdmc+");
   --icon-mdi-briefcase-variant-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCA3aC00VjVsLTItMmgtNEw4IDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnY1YzAgLjc1LjQgMS4zOCAxIDEuNzNWMTljMCAxLjExLjg5IDIgMiAyaDE0YzEuMTEgMCAyLS44OSAyLTJ2LTMuMjhjLjU5LS4zNSAxLS45OSAxLTEuNzJWOWMwLTEuMS0uOS0yLTItMk0xMCA1aDR2MmgtNHpNNCA5aDE2djVoLTV2LTNIOXYzSDR6bTkgNmgtMnYtMmgyem02IDRINXYtM2g0djFoNnYtMWg0eiIvPjwvc3ZnPg==");
   --icon-mdi-building: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOCAxNWgtMnYyaDJtMC02aC0ydjJoMm0yIDZoLTh2LTJoMnYtMmgtMnYtMmgydi0yaC0yVjloOE0xMCA3SDhWNWgybTAgNkg4VjloMm0wIDZIOHYtMmgybTAgNkg4di0yaDJNNiA3SDRWNWgybTAgNkg0VjloMm0wIDZINHYtMmgybTAgNkg0di0yaDJtNi0xMFYzSDJ2MThoMjBWN3oiLz48L3N2Zz4=");
+  --icon-mdi-calendar-blank-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOSAzaC0xVjFoLTJ2Mkg4VjFINnYySDVhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YzEuMTEgMCAyLS44OSAyLTJWNWEyIDIgMCAwIDAtMi0ybTAgMTZINVY5aDE0em0wLTEySDVWNWgxNHoiLz48L3N2Zz4=");
   --icon-mdi-calendar-month-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik03IDExaDJ2Mkg3em0xNC02djE0YzAgMS4xMS0uODkgMi0yIDJINWEyIDIgMCAwIDEtMi0yVjVjMC0xLjEuOS0yIDItMmgxVjFoMnYyaDhWMWgydjJoMWEyIDIgMCAwIDEgMiAyTTUgN2gxNFY1SDV6bTE0IDEyVjlINXYxMHptLTQtNnYtMmgydjJ6bS00IDB2LTJoMnYyem0tNCAyaDJ2Mkg3em04IDJ2LTJoMnYyem0tNCAwdi0yaDJ2MnoiLz48L3N2Zz4=");
   --icon-mdi-calendar-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAxMmg1djVoLTV6bTctOWgtMVYxaC0ydjJIOFYxSDZ2Mkg1Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJtMCAydjJINVY1ek01IDE5VjloMTR2MTB6Ii8+PC9zdmc+");
+  --icon-mdi-calendar-time: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNSAxM2gxLjV2Mi44MmwyLjQ0IDEuNDFsLS43NSAxLjNMMTUgMTYuNjl6bTQtNUg1djExaDQuNjdjLS40My0uOTEtLjY3LTEuOTMtLjY3LTNhNyA3IDAgMCAxIDctN2MxLjA3IDAgMi4wOS4yNCAzIC42N3pNNSAyMWEyIDIgMCAwIDEtMi0yVjVjMC0xLjExLjg5LTIgMi0yaDFWMWgydjJoOFYxaDJ2MmgxYTIgMiAwIDAgMSAyIDJ2Ni4xYzEuMjQgMS4yNiAyIDIuOTkgMiA0LjlhNyA3IDAgMCAxLTcgN2MtMS45MSAwLTMuNjQtLjc2LTQuOS0yem0xMS05Ljg1QTQuODUgNC44NSAwIDAgMCAxMS4xNSAxNmMwIDIuNjggMi4xNyA0Ljg1IDQuODUgNC44NUE0Ljg1IDQuODUgMCAwIDAgMjAuODUgMTZjMC0yLjY4LTIuMTctNC44NS00Ljg1LTQuODUiLz48L3N2Zz4=");
+  --icon-mdi-calendar-week-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01IDNoMVYxaDJ2Mmg4VjFoMnYyaDFjMS4xMSAwIDIgLjg5IDIgMnYxNGEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMlY1YTIgMiAwIDAgMSAyLTJtMCAxNmgxNFY5SDV6TTUgN2gxNFY1SDV6bTEyIDR2Mkg3di0yeiIvPjwvc3ZnPg==");
   --icon-mdi-chart-timeline-variant-shimmer: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMSA4Yy0xLjUgMC0yLjMgMS40LTEuOSAyLjVsLTMuNiAzLjZjLS4zLS4xLS43LS4xLTEgMGwtMi42LTIuNmMuNC0xLjEtLjQtMi41LTEuOS0yLjVjLTEuNCAwLTIuMyAxLjQtMS45IDIuNUwzLjUgMTZjLTEuMS0uMy0yLjUuNS0yLjUgMmMwIDEuMS45IDIgMiAyYzEuNCAwIDIuMy0xLjQgMS45LTIuNWw0LjUtNC42Yy4zLjEuNy4xIDEgMGwyLjYgMi42Yy0uMyAxIC41IDIuNSAyIDIuNXMyLjMtMS40IDEuOS0yLjVsMy42LTMuNmMxLjEuMyAyLjUtLjUgMi41LTEuOWMwLTEuMS0uOS0yLTItMm0tNiAxbC45LTIuMUwxOCA2bC0yLjEtLjlMMTUgM2wtLjkgMi4xTDEyIDZsMi4xLjl6TTMuNSAxMUw0IDlsMi0uNUw0IDhsLS41LTJMMyA4bC0yIC41TDMgOXoiLz48L3N2Zz4=");
   --icon-mdi-chat-alert: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAzYzUuNSAwIDEwIDMuNTggMTAgOHMtNC41IDgtMTAgOGMtMS4yNCAwLTIuNDMtLjE4LTMuNTMtLjVDNS41NSAyMSAyIDIxIDIgMjFjMi4zMy0yLjMzIDIuNy0zLjkgMi43NS00LjVDMy4wNSAxNS4wNyAyIDEzLjEzIDIgMTFjMC00LjQyIDQuNS04IDEwLThtLTEgMTF2Mmgydi0yem0wLTJoMlY2aC0yeiIvPjwvc3ZnPg==");
   --icon-mdi-chat-bubble-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCAySDRjLTEuMSAwLTIgLjktMiAydjE4bDQtNGgxNGMxLjEgMCAyLS45IDItMlY0YzAtMS4xLS45LTItMi0ybTAgMTRINS4yTDQgMTcuMlY0aDE2eiIvPjwvc3ZnPg==");
@@ -37,6 +40,7 @@
   --icon-mdi-chevron-left: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNS40MSAxNi41OEwxMC44MyAxMmw0LjU4LTQuNTlMMTQgNmwtNiA2bDYgNnoiLz48L3N2Zz4=");
   --icon-mdi-circle: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyQTEwIDEwIDAgMCAwIDIgMTJhMTAgMTAgMCAwIDAgMTAgMTBhMTAgMTAgMCAwIDAgMTAtMTBBMTAgMTAgMCAwIDAgMTIgMiIvPjwvc3ZnPg==");
   --icon-mdi-circle-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyMGE4IDggMCAwIDEtOC04YTggOCAwIDAgMSA4LThhOCA4IDAgMCAxIDggOGE4IDggMCAwIDEtOCA4bTAtMThBMTAgMTAgMCAwIDAgMiAxMmExMCAxMCAwIDAgMCAxMCAxMGExMCAxMCAwIDAgMCAxMC0xMEExMCAxMCAwIDAgMCAxMiAyIi8+PC9zdmc+");
+  --icon-mdi-clock-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyMGE4IDggMCAwIDAgOC04YTggOCAwIDAgMC04LThhOCA4IDAgMCAwLTggOGE4IDggMCAwIDAgOCA4bTAtMThhMTAgMTAgMCAwIDEgMTAgMTBhMTAgMTAgMCAwIDEtMTAgMTBDNi40NyAyMiAyIDE3LjUgMiAxMkExMCAxMCAwIDAgMSAxMiAybS41IDV2NS4yNWw0LjUgMi42N2wtLjc1IDEuMjNMMTEgMTNWN3oiLz48L3N2Zz4=");
   --icon-mdi-close-circle-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyMGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOHM4IDMuNTkgOCA4cy0zLjU5IDgtOCA4bTAtMThDNi40NyAyIDIgNi40NyAyIDEyczQuNDcgMTAgMTAgMTBzMTAtNC40NyAxMC0xMFMxNy41MyAyIDEyIDJtMi41OSA2TDEyIDEwLjU5TDkuNDEgOEw4IDkuNDFMMTAuNTkgMTJMOCAxNC41OUw5LjQxIDE2TDEyIDEzLjQxTDE0LjU5IDE2TDE2IDE0LjU5TDEzLjQxIDEyTDE2IDkuNDF6Ii8+PC9zdmc+");
   --icon-mdi-close-octagon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik04LjI3IDNMMyA4LjI3djcuNDZMOC4yNyAyMWg3LjQ2TDIxIDE1LjczVjguMjdMMTUuNzMgM004LjQxIDdMMTIgMTAuNTlMMTUuNTkgN0wxNyA4LjQxTDEzLjQxIDEyTDE3IDE1LjU5TDE1LjU5IDE3TDEyIDEzLjQxTDguNDEgMTdMNyAxNS41OUwxMC41OSAxMkw3IDguNDEiLz48L3N2Zz4=");
   --icon-mdi-content-save-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNyAzSDVhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjd6bTIgMTZINVY1aDExLjE3TDE5IDcuODN6bS03LTdjLTEuNjYgMC0zIDEuMzQtMyAzczEuMzQgMyAzIDNzMy0xLjM0IDMtM3MtMS4zNC0zLTMtM002IDZoOXY0SDZ6Ii8+PC9zdmc+");