@mk-kit/ui 0.34.0

package/fesm2022/mk-kit-ui-icon.mjs

@@ -0,0 +1,470 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, provideEnvironmentInitializer } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+
+/**
+ * Built-in icon set for {@link MkIcon}, registered automatically by
+ * {@link MkIconRegistry}. A compact, Feather-style 24×24 stroke set covering
+ * the glyphs an admin UI reaches for most often. Register your own with
+ * `iconRegistry.register(name, svg)` / `registerIcons({...})` to extend it.
+ *
+ * Every glyph uses `stroke="currentColor"` and `width/height="100%"` so it
+ * inherits text colour and fills the `mk-icon` box at any size.
+ */
+const S = (body) => `<svg viewBox="0 0 24 24" width="100%" height="100%" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${body}</svg>`;
+/** Name → SVG markup map of the default icons. */
+const MK_DEFAULT_ICONS = {
+    check: S('<polyline points="20 6 9 17 4 12"/>'),
+    close: S('<line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>'),
+    'chevron-up': S('<polyline points="18 15 12 9 6 15"/>'),
+    'chevron-down': S('<polyline points="6 9 12 15 18 9"/>'),
+    'chevron-left': S('<polyline points="15 18 9 12 15 6"/>'),
+    'chevron-right': S('<polyline points="9 18 15 12 9 6"/>'),
+    'arrow-right': S('<line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/>'),
+    'arrow-left': S('<line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/>'),
+    'arrow-up': S('<line x1="12" y1="19" x2="12" y2="5"/><polyline points="5 12 12 5 19 12"/>'),
+    'arrow-down': S('<line x1="12" y1="5" x2="12" y2="19"/><polyline points="19 12 12 19 5 12"/>'),
+    plus: S('<line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>'),
+    minus: S('<line x1="5" y1="12" x2="19" y2="12"/>'),
+    backspace: S('<path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"/><line x1="18" y1="9" x2="12" y2="15"/><line x1="12" y1="9" x2="18" y2="15"/>'),
+    'corner-down-left': S('<polyline points="9 10 4 15 9 20"/><path d="M20 4v7a4 4 0 0 1-4 4H4"/>'),
+    search: S('<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>'),
+    menu: S('<line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/>'),
+    info: S('<circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/>'),
+    warning: S('<path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/>'),
+    error: S('<circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/>'),
+    success: S('<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/>'),
+    user: S('<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>'),
+    settings: S('<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/>'),
+    trash: S('<polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/>'),
+    edit: S('<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>'),
+    star: S('<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>'),
+    home: S('<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/>'),
+    bell: S('<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/>'),
+    calendar: S('<rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>'),
+    clock: S('<circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>'),
+    download: S('<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/>'),
+    'external-link': S('<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/>'),
+    heart: S('<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>'),
+    eye: S('<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>'),
+    'eye-off': S('<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"/><path d="M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19"/><path d="M14.12 14.12a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/>'),
+    upload: S('<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/>'),
+    copy: S('<rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>'),
+    link: S('<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>'),
+    'link-off': S('<path d="M15 7h2a5 5 0 0 1 0 10h-2m-6 0H7A5 5 0 0 1 7 7h2"/><line x1="2" y1="2" x2="22" y2="22"/>'),
+    refresh: S('<polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/>'),
+    undo: S('<path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"/>'),
+    history: S('<path d="M3 3v5h5"/><path d="M3.05 13A9 9 0 1 0 6 5.3L3 8"/><polyline points="12 7 12 12 15 15"/>'),
+    filter: S('<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/>'),
+    sliders: S('<line x1="4" y1="21" x2="4" y2="14"/><line x1="4" y1="10" x2="4" y2="3"/><line x1="12" y1="21" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="3"/><line x1="20" y1="21" x2="20" y2="16"/><line x1="20" y1="12" x2="20" y2="3"/><line x1="1" y1="14" x2="7" y2="14"/><line x1="9" y1="8" x2="15" y2="8"/><line x1="17" y1="16" x2="23" y2="16"/>'),
+    grid: S('<rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/>'),
+    rows: S('<rect x="3" y="4" width="18" height="7" rx="1"/><rect x="3" y="13" width="18" height="7" rx="1"/>'),
+    columns: S('<rect x="4" y="3" width="7" height="18" rx="1"/><rect x="13" y="3" width="7" height="18" rx="1"/>'),
+    kanban: S('<rect x="3" y="3" width="5" height="14" rx="1"/><rect x="9.5" y="3" width="5" height="10" rx="1"/><rect x="16" y="3" width="5" height="18" rx="1"/>'),
+    'chart-bar': S('<line x1="12" y1="20" x2="12" y2="10"/><line x1="18" y1="20" x2="18" y2="4"/><line x1="6" y1="20" x2="6" y2="16"/><line x1="3" y1="20" x2="21" y2="20"/>'),
+    'trending-up': S('<polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/>'),
+    activity: S('<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>'),
+    dashboard: S('<rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/><rect x="3" y="16" width="7" height="5"/>'),
+    key: S('<path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"/>'),
+    shield: S('<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>'),
+    'shield-check': S('<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><polyline points="9 12 11 14 15 10"/>'),
+    'log-in': S('<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/>'),
+    'log-out': S('<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/>'),
+    globe: S('<circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>'),
+    image: S('<rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/>'),
+    camera: S('<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/>'),
+    tag: S('<path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/>'),
+    truck: S('<rect x="1" y="3" width="15" height="13"/><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/>'),
+    package: S('<path d="M16.5 9.4L7.55 4.24"/><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/>'),
+    users: S('<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>'),
+    'user-plus': S('<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/>'),
+    'user-check': S('<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><polyline points="17 11 19 13 23 9"/>'),
+    'user-x': S('<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="18" y1="8" x2="23" y2="13"/><line x1="23" y1="8" x2="18" y2="13"/>'),
+    send: S('<line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/>'),
+    share: S('<circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>'),
+    save: S('<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/>'),
+    'file-text': S('<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/>'),
+    folder: S('<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>'),
+    cloud: S('<path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"/>'),
+    'cloud-upload': S('<path d="M16 16l-4-4-4 4"/><path d="M12 12v9"/><path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"/><path d="M16 16l-4-4-4 4"/>'),
+    database: S('<ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/>'),
+    code: S('<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>'),
+    palette: S('<circle cx="13.5" cy="6.5" r=".9"/><circle cx="17.5" cy="10.5" r=".9"/><circle cx="8.5" cy="7.5" r=".9"/><circle cx="6.5" cy="12.5" r=".9"/><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"/>'),
+    moon: S('<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>'),
+    sun: S('<circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>'),
+    'map-pin': S('<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/>'),
+    map: S('<polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"/><line x1="8" y1="2" x2="8" y2="18"/><line x1="16" y1="6" x2="16" y2="22"/>'),
+    phone: S('<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>'),
+    mail: S('<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22 6 12 13 2 6"/>'),
+    printer: S('<polyline points="6 9 6 2 18 2 18 9"/><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><rect x="6" y="14" width="12" height="8"/>'),
+    'credit-card': S('<rect x="1" y="4" width="22" height="16" rx="2" ry="2"/><line x1="1" y1="10" x2="23" y2="10"/>'),
+    'shopping-cart': S('<circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/>'),
+    'shopping-bag': S('<path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 0 1-8 0"/>'),
+    gift: S('<polyline points="20 12 20 22 4 22 4 12"/><rect x="2" y="7" width="20" height="5"/><line x1="12" y1="22" x2="12" y2="7"/><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/>'),
+    'qr-code': S('<rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><line x1="14" y1="14" x2="14" y2="17"/><line x1="14" y1="21" x2="17" y2="21"/><line x1="21" y1="14" x2="21" y2="21"/><line x1="17" y1="14" x2="21" y2="14"/>'),
+    lock: S('<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>'),
+    unlock: S('<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/>'),
+    play: S('<polygon points="5 3 19 12 5 21 5 3"/>'),
+    pause: S('<rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/>'),
+    'grip-vertical': S('<circle cx="9" cy="5" r="1"/><circle cx="9" cy="12" r="1"/><circle cx="9" cy="19" r="1"/><circle cx="15" cy="5" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="15" cy="19" r="1"/>'),
+    crop: S('<path d="M6.13 1L6 16a2 2 0 0 0 2 2h15"/><path d="M1 6.13L16 6a2 2 0 0 1 2 2v15"/>'),
+    'book-open': S('<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>'),
+    utensils: S('<path d="M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2"/><path d="M7 2v20"/><path d="M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3zm0 0v7"/>'),
+    award: S('<circle cx="12" cy="8" r="7"/><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"/>'),
+    briefcase: S('<rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>'),
+    store: S('<path d="M3 9l1.5-6h15L21 9"/><path d="M3 9h18v2a3 3 0 0 1-6 0 3 3 0 0 1-6 0 3 3 0 0 1-6 0z"/><path d="M5 13v8h14v-8"/><path d="M9 21v-5h6v5"/>'),
+    'check-square': S('<polyline points="9 11 12 14 22 4"/><path d="M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>'),
+    square: S('<rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>'),
+    circle: S('<circle cx="12" cy="12" r="10"/>'),
+    'circle-dot': S('<circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="4" fill="currentColor" stroke="none"/>'),
+    'toggle-right': S('<rect x="1" y="5" width="22" height="14" rx="7" ry="7"/><circle cx="16" cy="12" r="3"/>'),
+    'swap-vertical': S('<polyline points="4 8 8 4 12 8"/><line x1="8" y1="4" x2="8" y2="20"/><polyline points="20 16 16 20 12 16"/><line x1="16" y1="20" x2="16" y2="4"/>'),
+    hourglass: S('<path d="M6 2h12v4l-5 5v2l5 5v4H6v-4l5-5v-2L6 6z"/>'),
+    ban: S('<circle cx="12" cy="12" r="10"/><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"/>'),
+    'search-off': S('<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="8" x2="14" y2="14"/><line x1="14" y1="8" x2="8" y2="14"/>'),
+    'bell-off': S('<path d="M13.73 21a2 2 0 0 1-3.46 0"/><path d="M18.63 13A17.89 17.89 0 0 1 18 8"/><path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14"/><path d="M18 8a6 6 0 0 0-9.33-5"/><line x1="1" y1="1" x2="23" y2="23"/>'),
+    megaphone: S('<path d="M3 11l18-7v18l-18-7z"/><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"/>'),
+    percent: S('<line x1="19" y1="5" x2="5" y2="19"/><circle cx="6.5" cy="6.5" r="2.5"/><circle cx="17.5" cy="17.5" r="2.5"/>'),
+    leaf: S('<path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10z"/><path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"/>'),
+    droplet: S('<path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"/>'),
+    banknote: S('<rect x="2" y="6" width="20" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 12h.01M18 12h.01"/>'),
+};
+
+/**
+ * IconRegistry — the name → SVG store behind `<mk-icon name="…">`. The built-in
+ * {@link MK_DEFAULT_ICONS} set is registered on construction; add your own SVGs
+ * (from a sprite, a design export, anything) with {@link register} /
+ * {@link registerIcons}.
+ *
+ * SVG markup is trusted verbatim (bypassed through `DomSanitizer`), so only
+ * register icons from sources you control — never user input.
+ *
+ * ```ts
+ * const reg = inject(MkIconRegistry);
+ * reg.register('logo', '<svg viewBox="0 0 24 24">…</svg>');
+ * reg.registerIcons({ save: '<svg…>', share: '<svg…>' });
+ * ```
+ */
+class MkIconRegistry {
+    sanitizer = inject(DomSanitizer);
+    icons = new Map();
+    aliases = new Map();
+    constructor() {
+        this.registerIcons(MK_DEFAULT_ICONS);
+    }
+    /** Register (or overwrite) a single named icon from raw SVG markup. */
+    register(name, svg) {
+        this.icons.set(name, this.sanitizer.bypassSecurityTrustHtml(svg));
+        return this;
+    }
+    /** Register many icons at once from a `{ name: svg }` map. */
+    registerIcons(icons) {
+        for (const [name, svg] of Object.entries(icons))
+            this.register(name, svg);
+        return this;
+    }
+    /**
+     * Register alternative names that resolve to existing icons — e.g. map
+     * Material Symbols ligature names onto the built-in set
+     * (`{ delete: 'trash', expand_more: 'chevron-down' }`). A real icon
+     * registered under an alias name always wins over the alias.
+     */
+    registerAliases(aliases) {
+        for (const [alias, target] of Object.entries(aliases)) {
+            this.aliases.set(alias, target);
+        }
+        return this;
+    }
+    /** Sanitized SVG for a name (aliases resolved), or `null` when unknown. */
+    get(name) {
+        return this.icons.get(name) ?? this.icons.get(this.aliases.get(name) ?? '') ?? null;
+    }
+    /** Whether an icon with this name (or alias) is registered. */
+    has(name) {
+        return this.icons.has(name) || this.icons.has(this.aliases.get(name) ?? '');
+    }
+    /** All registered icon names (useful for a picker / catalogue). */
+    names() {
+        return [...this.icons.keys()];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkIconRegistry, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkIconRegistry, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Icon — renders a registered SVG by `name`, or your own projected `<svg>`.
+ * The glyph inherits the current text colour (`currentColor`) and scales to the
+ * `size` box, so it composes cleanly inside buttons, inputs and menus.
+ *
+ * Decorative by default (`aria-hidden`); pass `label` to expose it as an image
+ * to assistive tech.
+ *
+ * ```html
+ * <mk-icon name="search" />
+ * <mk-icon name="trash" size="lg" label="Delete" />
+ * <button mkButton iconOnly aria-label="Menu"><mk-icon name="menu" /></button>
+ * <mk-icon><svg viewBox="0 0 24 24">…custom…</svg></mk-icon>
+ * ```
+ */
+class MkIcon {
+    registry = inject(MkIconRegistry);
+    /** Name of a registered icon (see {@link MkIconRegistry}). */
+    name = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** Size: `sm`/`md`/`lg`, or a pixel number for a custom dimension. */
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Accessible name. When set the icon becomes `role="img"`; otherwise hidden. */
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /** CSS length for the icon box (width = height = font-size). */
+    dimension = computed(() => {
+        const s = this.size();
+        if (typeof s === 'number')
+            return `${s}px`;
+        return s === 'sm' ? '1rem' : s === 'lg' ? '1.5rem' : '1.25rem';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dimension" }] : /* istanbul ignore next */ []));
+    /** Sanitized SVG for the named icon, or `null` (falls back to projection). */
+    svg = computed(() => this.name() ? this.registry.get(this.name()) : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "svg" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MkIcon, isStandalone: true, selector: "mk-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "dimension()", "style.height": "dimension()", "style.fontSize": "dimension()", "attr.role": "label() ? 'img' : null", "attr.aria-label": "label() || null", "attr.aria-hidden": "label() ? null : \"true\"" }, classAttribute: "mk-icon" }, ngImport: i0, template: "@if (svg()) {\n  <span class=\"mk-icon__svg\" [innerHTML]=\"svg()\"></span>\n} @else {\n  <ng-content />\n}\n", styles: ["@charset \"UTF-8\";.mk-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0;color:inherit;vertical-align:middle}.mk-icon__svg{display:inline-flex;width:100%;height:100%}.mk-icon svg{display:block;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkIcon, decorators: [{
+            type: Component,
+            args: [{ selector: 'mk-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'mk-icon',
+                        '[style.width]': 'dimension()',
+                        '[style.height]': 'dimension()',
+                        '[style.fontSize]': 'dimension()',
+                        '[attr.role]': "label() ? 'img' : null",
+                        '[attr.aria-label]': 'label() || null',
+                        '[attr.aria-hidden]': 'label() ? null : "true"',
+                    }, template: "@if (svg()) {\n  <span class=\"mk-icon__svg\" [innerHTML]=\"svg()\"></span>\n} @else {\n  <ng-content />\n}\n", styles: ["@charset \"UTF-8\";.mk-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0;color:inherit;vertical-align:middle}.mk-icon__svg{display:inline-flex;width:100%;height:100%}.mk-icon svg{display:block;width:100%;height:100%}\n"] }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+
+/**
+ * Material Symbols ligature names → built-in mk icon names. Lets templates
+ * written against `<mat-icon>delete</mat-icon>` conventions keep their icon
+ * names when migrating: `<mk-icon name="delete" />` renders the `trash`
+ * glyph once {@link provideMkMaterialIcons} is installed.
+ *
+ * Several Material names intentionally collapse onto one mk glyph (all the
+ * calendar variants → `calendar`, the delete variants → `trash`, …). Names
+ * not listed here have no sensible built-in equivalent — register your own
+ * SVG under the Material name via `MkIconRegistry.register`.
+ */
+const MK_MATERIAL_ICON_ALIASES = {
+    account_balance: 'briefcase',
+    account_circle: 'user',
+    add: 'plus',
+    add_photo_alternate: 'image',
+    add_shopping_cart: 'shopping-cart',
+    admin_panel_settings: 'shield-check',
+    ads_click: 'megaphone',
+    analytics: 'chart-bar',
+    arrow_back: 'arrow-left',
+    arrow_downward: 'arrow-down',
+    arrow_forward: 'arrow-right',
+    arrow_upward: 'arrow-up',
+    article: 'file-text',
+    badge: 'tag',
+    bar_chart: 'chart-bar',
+    block: 'ban',
+    business: 'briefcase',
+    cable: 'link',
+    cached: 'refresh',
+    calendar_month: 'calendar',
+    calendar_today: 'calendar',
+    calendar_view_month: 'calendar',
+    calendar_view_week: 'calendar',
+    campaign: 'megaphone',
+    cancel: 'error',
+    card_giftcard: 'gift',
+    category: 'grid',
+    check: 'check',
+    check_box: 'check-square',
+    check_box_outline_blank: 'square',
+    check_circle: 'success',
+    chevron_left: 'chevron-left',
+    chevron_right: 'chevron-right',
+    close: 'close',
+    cloud: 'cloud',
+    cloud_upload: 'cloud-upload',
+    code: 'code',
+    content_copy: 'copy',
+    credit_card: 'credit-card',
+    crop: 'crop',
+    dark_mode: 'moon',
+    dashboard: 'dashboard',
+    date_range: 'calendar',
+    delete: 'trash',
+    delete_forever: 'trash',
+    delete_sweep: 'trash',
+    description: 'file-text',
+    directions_car: 'truck',
+    dns: 'database',
+    download: 'download',
+    drag_indicator: 'grip-vertical',
+    drive_file_move: 'folder',
+    eco: 'leaf',
+    edit: 'edit',
+    egg: 'circle',
+    email: 'mail',
+    error: 'error',
+    error_outline: 'error',
+    event: 'calendar',
+    event_available: 'calendar',
+    event_busy: 'calendar',
+    event_seat: 'users',
+    expand_less: 'chevron-up',
+    expand_more: 'chevron-down',
+    extension: 'package',
+    favorite: 'heart',
+    gavel: 'briefcase',
+    grain: 'leaf',
+    grass: 'leaf',
+    grid_view: 'grid',
+    group: 'users',
+    groups: 'users',
+    hide_image: 'eye-off',
+    history: 'history',
+    home: 'home',
+    hourglass_empty: 'hourglass',
+    hourglass_top: 'hourglass',
+    how_to_reg: 'user-check',
+    image: 'image',
+    info: 'info',
+    inventory: 'package',
+    key: 'key',
+    label: 'tag',
+    language: 'globe',
+    light_mode: 'sun',
+    link: 'link',
+    link_off: 'link-off',
+    list_alt: 'file-text',
+    local_florist: 'leaf',
+    local_offer: 'tag',
+    local_shipping: 'truck',
+    location_on: 'map-pin',
+    lock: 'lock',
+    lock_open: 'unlock',
+    lock_outline: 'lock',
+    lock_reset: 'key',
+    login: 'log-in',
+    logout: 'log-out',
+    lunch_dining: 'utensils',
+    mail: 'mail',
+    map: 'map',
+    mark_email_read: 'mail',
+    mark_email_unread: 'mail',
+    masks: 'shield',
+    memory: 'database',
+    menu: 'menu',
+    menu_book: 'book-open',
+    monitor_heart: 'activity',
+    my_location: 'map-pin',
+    notes: 'file-text',
+    notifications: 'bell',
+    notifications_none: 'bell',
+    nutrition: 'utensils',
+    open_in_new: 'external-link',
+    palette: 'palette',
+    pause: 'pause',
+    pause_circle: 'pause',
+    payment: 'credit-card',
+    payments: 'banknote',
+    pending: 'clock',
+    people: 'users',
+    person: 'user',
+    person_add: 'user-plus',
+    person_off: 'user-x',
+    person_raised_hand: 'user',
+    phone: 'phone',
+    photo_library: 'image',
+    place: 'map-pin',
+    play_circle: 'play',
+    point_of_sale: 'banknote',
+    print: 'printer',
+    public: 'globe',
+    qr_code_scanner: 'qr-code',
+    radio_button_checked: 'circle-dot',
+    radio_button_unchecked: 'circle',
+    receipt_long: 'file-text',
+    refresh: 'refresh',
+    remove: 'minus',
+    remove_shopping_cart: 'shopping-cart',
+    reorder: 'grip-vertical',
+    replay: 'refresh',
+    reply: 'undo',
+    restart_alt: 'refresh',
+    restaurant: 'utensils',
+    restaurant_menu: 'book-open',
+    reviews: 'star',
+    save: 'save',
+    schedule: 'clock',
+    schedule_off: 'clock',
+    search: 'search',
+    search_off: 'search-off',
+    security: 'shield',
+    send: 'send',
+    set_meal: 'utensils',
+    settings: 'settings',
+    share: 'share',
+    shield: 'shield',
+    shopping_bag: 'shopping-bag',
+    shopping_cart: 'shopping-cart',
+    spa: 'leaf',
+    star: 'star',
+    storage: 'database',
+    storefront: 'store',
+    straighten: 'sliders',
+    swap_vert: 'swap-vertical',
+    sync: 'refresh',
+    table_restaurant: 'grid',
+    table_rows: 'rows',
+    task_alt: 'success',
+    theater_comedy: 'users',
+    today: 'calendar',
+    toggle_on: 'toggle-right',
+    translate: 'globe',
+    trending_up: 'trending-up',
+    tune: 'sliders',
+    undo: 'undo',
+    upload_file: 'upload',
+    verified: 'shield-check',
+    view_kanban: 'kanban',
+    visibility: 'eye',
+    visibility_off: 'eye-off',
+    warning: 'warning',
+    water_drop: 'droplet',
+    web: 'globe',
+    workspace_premium: 'award',
+};
+/**
+ * Installs the Material Symbols name aliases into the {@link MkIconRegistry},
+ * so `<mk-icon name="delete" />`, `name="expand_more"`, `name="visibility"`
+ * etc. resolve to the built-in set. Add it to your bootstrap providers when
+ * migrating an app off `<mat-icon>` ligatures:
+ *
+ * ```ts
+ * bootstrapApplication(App, {
+ *   providers: [provideMkMaterialIcons()],
+ * });
+ * ```
+ */
+function provideMkMaterialIcons() {
+    return provideEnvironmentInitializer(() => inject(MkIconRegistry).registerAliases(MK_MATERIAL_ICON_ALIASES));
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MK_DEFAULT_ICONS, MK_MATERIAL_ICON_ALIASES, MkIcon, MkIconRegistry, provideMkMaterialIcons };
+//# sourceMappingURL=mk-kit-ui-icon.mjs.map