@ngxi/bytesize
Version:
Icon set Bytesize Icons for Angular applications
789 lines (788 loc) • 31.7 kB
JavaScript
import * as i0 from "@angular/core";
import { inject, ElementRef, PLATFORM_ID, input, numberAttribute, effect, Directive } from "@angular/core";
import { isPlatformBrowser } from "@angular/common";
const bytesizeActivity = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16h7l3 13l4-26l3 13h7"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeAlert = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16 3l14 26H2Zm0 8v8m0 4v2"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeArchive = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10v18h24V10M2 4v6h28V4Zm10 11h8"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeArrowBottom = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 22l10 8l10-8m-10 8V2"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeArrowLeft = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6L2 16l8 10M2 16h28"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeArrowRight = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m22 6l8 10l-8 10m8-10H2"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeArrowTop = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 10l10-8l10 8M16 2v28"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeBackwards = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 2L2 16l14 14V16l14 14V2L16 16Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeBag = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 9v20h22V9Zm5 0s0-6 6-6s6 6 6 6"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeBan = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="16" cy="16" r="14"/><path d="m6 6l20 20"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeBell = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 17c0-5 1-11 8-11s8 6 8 11s3 8 3 8H5s3-3 3-8m12 8s0 4-4 4s-4-4-4-4m4-22v3"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeBook = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7S9 1 2 6v22c7-5 14 0 14 0s7-5 14 0V6c-7-5-14 1-14 1m0 0v21"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeBookmark = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 2h20v28L16 20L6 30Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCalendar = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 6v24h28V6Zm0 9h28M7 3v6m6-6v6m6-6v6m6-6v6"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCamera = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2 8h7l3-4h8l3 4h7v18H2Z"/><circle cx="16" cy="16" r="5"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCaretBottom = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30 10L16 26L2 10Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCaretLeft = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 30L6 16L22 2Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCaretRight = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 30l16-14L10 2Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCaretTop = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30 22L16 6L2 22Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCart = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 6h24l-3 13H9m18 4H10L5 2H2"/><circle cx="25" cy="27" r="2"/><circle cx="12" cy="27" r="2"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCheckmark = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 20l10 8L30 4"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeChevronBottom = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30 12L16 24L2 12"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeChevronLeft = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 30L8 16L20 2"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeChevronRight = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12 30l12-14L12 2"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeChevronTop = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30 20L16 8L2 20"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeClipboard = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 2v4h8V2zm-1 2H6v26h20V4h-5"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeClock = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="16" cy="16" r="14"/><path d="M16 8v8l4 4"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeClose = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 30L30 2m0 28L2 2"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCode = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 9l-7 8l7 8M22 9l7 8l-7 8M18 7l-4 20"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCompose = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M27 15v15H2V5h15m13 1l-4-4L9 19l-2 6l6-2Zm-8 0l4 4ZM9 19l4 4Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeCreditcard = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2 7v18h28V7Zm3 11h4m-4 3h6"/><path fill="currentColor" d="M2 11v2h28v-2Z"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeDesktop = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 29s0-5 6-5s6 5 6 5zM2 6v17h28V6z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeDownload = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 22c-9 1-8-10 0-9C6 2 23 2 22 10c10-3 10 13 1 12m-12 4l5 4l5-4m-5-10v14"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeEdit = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m30 7l-5-5L5 22l-2 7l7-2Zm-9-1l5 5ZM5 22l5 5Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeEject = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30 18L16 5L2 18ZM2 25h28"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeEllipsisHorizontal = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="7" cy="16" r="2"/><circle cx="16" cy="16" r="2"/><circle cx="25" cy="16" r="2"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeEllipsisVertical = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="16" cy="7" r="2"/><circle cx="16" cy="16" r="2"/><circle cx="16" cy="25" r="2"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeEnd = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M24 2v14L10 2v28l14-14v14"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeExport = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M28 22v8H4v-8M16 4v20M8 12l8-8l8 8"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeExternal = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 9H3v20h20V18M18 4h10v10m0-10L14 18"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeEye = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="17" cy="15" r="1"/><circle cx="16" cy="16" r="6"/><path d="M2 16S7 6 16 6s14 10 14 10s-5 10-14 10S2 16 2 16"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeFeed = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="6" cy="26" r="2" fill="currentColor"/><path d="M4 15c7 0 13 6 13 13M4 6c13 0 22 9 22 22"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeFile = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 2v28h20V10l-8-8Zm12 0v8h8"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeFilter = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 5s4-2 14-2s14 2 14 2L19 18v9l-6 3V18z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeFire = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15 30c-15 0 0-17-3-27 16 10 20 27 3 27zm2 0c-7 0 0-10 0-10s7 10 0 10z"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeFlag = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 2v28M6 6h20l-6 6l6 6H6"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeFolder = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 26h28V7H14l-4-3H2Zm28-14H2"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeFolderOpen = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 28h24l2-16H14l-4-4H2Zm24-16V4H4v4"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeForwards = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16 2l14 14l-14 14V16L2 30V2l14 14Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeFullscreen = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12V4h8m8 0h8v8M4 20v8h8m16-8v8h-8"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeFullscreenExit = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h8V4m8 0v8h8M4 20h8v8m16-8h-8v8"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeGift = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 14v16h24V14M2 9v5h28V9Zm14 0s-2-9-8-6s8 6 8 6s2-9 8-6s-8 6-8 6m0 0v21"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeGithub = {
"body": '<path fill="currentColor" d="M32 0C14 0 0 14 0 32c0 21 19 30 22 30c2 0 2-1 2-2v-5c-7 2-10-2-11-5c0 0 0-1-2-3c-1-1-5-3-1-3c3 0 5 4 5 4c3 4 7 3 9 2c0-2 2-4 2-4c-8-1-14-4-14-15q0-6 3-9s-2-4 0-9c0 0 5 0 9 4c3-2 13-2 16 0c4-4 9-4 9-4c2 7 0 9 0 9q3 3 3 9c0 11-7 14-14 15c1 1 2 3 2 6v8c0 1 0 2 2 2c3 0 22-9 22-30C64 14 50 0 32 0"/>',
"width": 64,
"height": 64,
"viewBox": "0 0 64 64"
};
const bytesizeHeart = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16C1 12 2 6 7 4s8 2 9 4c1-2 5-6 10-4s5 8 2 12s-12 12-12 12s-9-8-12-12"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeHome = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 20v10H4V12L16 2l12 10v18h-8V20Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeImport = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M28 22v8H4v-8M16 4v20m-8-8l8 8l8-8"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeInbox = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 15v10h28V15l-4-8H6Zm0 0h8s1 5 6 5s6-5 6-5h8"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeInfo = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 14v9m0-15v2"/><circle cx="16" cy="16" r="14"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeLightning = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m18 13l8-11L8 13l6 6l-8 11l18-11Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeLink = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 8s6-6 9-3s2 7-3 11s-8 5-10 1m0 7s-6 6-9 3s-2-7 3-11s8-5 10-1"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeLocation = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="16" cy="11" r="4"/><path d="M24 15c-3 7-8 15-8 15s-5-8-8-15s2-13 8-13s11 6 8 13"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeLock = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M5 15v15h22V15Zm4 0C9 9 9 5 16 5s7 4 7 10m-7 5v3"/><circle cx="16" cy="24" r="1"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeMail = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 26h28V6H2ZM2 6l14 10L30 6"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeMenu = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h24M4 16h24M4 24h24"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeMessage = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 4h28v18H16l-8 7v-7H2Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeMicrophone = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 2c-4 0-4 4-4 4v10s0 4 4 4s4-4 4-4V6s0-4-4-4M8 17s0 7 8 7s8-7 8-7M13 29h6m-3-5v5"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeMinus = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 16h28"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeMobile = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 2H11c-1 0-2 1-2 2v24c0 1 1 2 2 2h10c1 0 2-1 2-2V4c0-1-1-2-2-2M9 5h14M9 27h14"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeMoon = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 2C9 2 3 7 3 15s6 14 14 14s13-6 13-11C19 25 7 13 14 2"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeMove = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 16h26M16 3v26M12 7l4-4l4 4m-8 18l4 4l4-4m5-13l4 4l-4 4M7 12l-4 4l4 4"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeMusic = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M11 25V6l13-3v20M11 13l13-3"/><ellipse cx="7" cy="25" rx="4" ry="5"/><ellipse cx="20" cy="23" rx="4" ry="5"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeMute = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 16c0-8-5-14-5-14l-7 8H2v12h6l7 8s5-6 5-14"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeOptions = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M28 6H4m24 10H4m24 10H4M24 3v6M8 13v6m12 4v6"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizePaperclip = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9v15c0 4 3 6 6 6s6-2 6-6V6c0-3-2-4-4-4s-4 1-4 4v17c0 1 1 2 2 2s2-1 2-2V9"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizePause = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M23 2v28M9 2v28"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizePhoto = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m20 24l-8-8L2 26V2h28v22m-14-4l6-6l8 8v8H2v-6"/><circle cx="10" cy="9" r="3"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizePlay = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 2v28l14-14Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizePlus = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 2v28M2 16h28"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizePortfolio = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M29 17v11H3V17M2 8h28v8s-6 4-14 4s-14-4-14-4zm14 14v-4m4-10s0-4-4-4s-4 4-4 4"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizePrint = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 25H2V9h28v16h-5M7 19v11h18V19ZM25 9V2H7v7m15 5h3"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeReload = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M29 16c0 6-5 13-13 13S3 22 3 16S8 3 16 3c5 0 9 3 11 6m-7 1l7-1l1-7"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeReply = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 6l-7 8l7 8m-7-8h15q12 0 12 12"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeSearch = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="14" cy="14" r="12"/><path d="m23 23l7 7"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeSend = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 16L30 2L16 30l-4-10ZM30 2L12 20"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeSettings = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M13 2v4l-2 1l-3-3l-4 4l3 3l-1 2H2v6h4l1 2l-3 3l4 4l3-3l2 1v4h6v-4l2-1l3 3l4-4l-3-3l1-2h4v-6h-4l-1-2l3-3l-4-4l-3 3l-2-1V2Z"/><circle cx="16" cy="16" r="4"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeSignIn = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 16h20m-8-8l8 8l-8 8m6-20h8v24h-8"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeSignOut = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M28 16H8m12-8l8 8l-8 8m-9 4H3V4h8"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeStar = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16 2l4 10h10l-8 7l3 11l-9-7l-9 7l3-11l-8-7h10Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeStart = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 2v14L22 2v28L8 16v14"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeTag = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="24" cy="8" r="2"/><path d="M2 18L18 2h12v12L14 30Z"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeTelephone = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 12c0-7 7-7 13-7s13 0 13 7c0 8-7-1-7-1H10s-7 9-7 1m8 2s-5 5-5 14h20c0-9-5-14-5-14z"/><circle cx="16" cy="21" r="4"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeTrash = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M28 6H6l2 24h16l2-24H4m12 6v12m5-12l-1 12m-9-12l1 12m0-18l1-4h6l1 4"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeTwitter = {
"body": '<path fill="currentColor" d="m60 16l-6 1l4-5l-7 2c-9-10-23 1-19 10C16 24 8 12 8 12s-6 9 4 16l-6-2c0 6 4 10 11 12h-7c4 8 11 8 11 8s-6 5-17 5c33 16 53-14 50-30Z"/>',
"width": 64,
"height": 64,
"viewBox": "0 0 64 64"
};
const bytesizeUnlock = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M5 15v15h22V15Zm4 0C9 7 9 3 16 3s7 5 7 6m-7 11v3"/><circle cx="16" cy="24" r="1"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeUpload = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 22c-9 1-8-10 0-9C6 2 23 2 22 10c10-3 10 13 1 12m-12-4l5-4l5 4m-5-4v15"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeUser = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 11c0 5-3 9-6 9s-6-4-6-9s2-8 6-8s6 3 6 8M4 30h24c0-9-6-10-12-10S4 21 4 30"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeVideo = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m22 13l8-5v16l-8-5ZM2 8v16h20V8Z"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeVolume = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 16c0-8-5-14-5-14l-7 8H2v12h6l7 8s5-6 5-14m1-14s4 4 4 14s-4 14-4 14m6-26s3 4 3 12s-3 12-3 12"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeWork = {
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30 8H2v18h28ZM20 8s0-4-4-4s-4 4-4 4M8 26V8m16 18V8"/>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeZoomIn = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="14" cy="14" r="12"/><path d="m23 23l7 7M14 10v8m-4-4h8"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeZoomOut = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="14" cy="14" r="12"/><path d="m23 23l7 7M10 14h8"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
const bytesizeZoomReset = {
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="14" cy="14" r="12"/><path d="m23 23l7 7M9 12V9h3m4 0h3v3M9 16v3h3m7-3v3h-3"/></g>',
"width": 32,
"height": 32,
"viewBox": "0 0 32 32"
};
class Ngxi {
constructor() {
this.el = inject(ElementRef);
this.platformId = inject(PLATFORM_ID);
this.icon = input.required(...[]);
this.width = input(void 0, ...[{
transform: numberAttribute
}]);
this.height = input(void 0, ...[{
transform: numberAttribute
}]);
this.viewBox = input(...[]);
effect(() => {
this.updateSvg();
});
}
updateSvg() {
if (isPlatformBrowser(this.platformId)) {
const svg = this.el.nativeElement;
svg.innerHTML = "";
if (!this.icon) {
return;
}
svg.innerHTML = this.icon().body;
svg.setAttribute("width", (this.width() ?? this.icon()?.width ?? "").toString());
svg.setAttribute("height", (this.height() ?? this.icon()?.height ?? "").toString());
svg.setAttribute("viewBox", this.viewBox() ?? this.icon()?.viewBox ?? "");
}
}
static {
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: Ngxi, deps: [], target: i0.ɵɵFactoryTarget.Directive });
}
static {
this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.2", type: Ngxi, isStandalone: true, selector: "svg[ngxi]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, viewBox: { classPropertyName: "viewBox", publicName: "viewBox", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
}
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: Ngxi, decorators: [{
type: Directive,
args: [{
selector: "svg[ngxi]",
standalone: true
}]
}], ctorParameters: () => [] });
class NgxiBytesize {
constructor() {
this.ngxiBytesize = input.required(...[]);
}
static {
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: NgxiBytesize, deps: [], target: i0.ɵɵFactoryTarget.Directive });
}
static {
this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.2", type: NgxiBytesize, isStandalone: true, selector: "svg[ngxiBytesize]", inputs: { ngxiBytesize: { classPropertyName: "ngxiBytesize", publicName: "ngxiBytesize", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: Ngxi, inputs: ["icon", "ngxiBytesize", "width", "width", "height", "height", "viewBox", "viewBox"] }], ngImport: i0 });
}
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: NgxiBytesize, decorators: [{
type: Directive,
args: [{
standalone: true,
selector: "svg[ngxiBytesize]",
hostDirectives: [
{
directive: Ngxi,
inputs: ["icon:ngxiBytesize", "width", "height", "viewBox"]
}
]
}]
}] });
export {
NgxiBytesize,
bytesizeActivity,
bytesizeAlert,
bytesizeArchive,
bytesizeArrowBottom,
bytesizeArrowLeft,
bytesizeArrowRight,
bytesizeArrowTop,
bytesizeBackwards,
bytesizeBag,
bytesizeBan,
bytesizeBell,
bytesizeBook,
bytesizeBookmark,
bytesizeCalendar,
bytesizeCamera,
bytesizeCaretBottom,
bytesizeCaretLeft,
bytesizeCaretRight,
bytesizeCaretTop,
bytesizeCart,
bytesizeCheckmark,
bytesizeChevronBottom,
bytesizeChevronLeft,
bytesizeChevronRight,
bytesizeChevronTop,
bytesizeClipboard,
bytesizeClock,
bytesizeClose,
bytesizeCode,
bytesizeCompose,
bytesizeCreditcard,
bytesizeDesktop,
bytesizeDownload,
bytesizeEdit,
bytesizeEject,
bytesizeEllipsisHorizontal,
bytesizeEllipsisVertical,
bytesizeEnd,
bytesizeExport,
bytesizeExternal,
bytesizeEye,
bytesizeFeed,
bytesizeFile,
bytesizeFilter,
bytesizeFire,
bytesizeFlag,
bytesizeFolder,
bytesizeFolderOpen,
bytesizeForwards,
bytesizeFullscreen,
bytesizeFullscreenExit,
bytesizeGift,
bytesizeGithub,
bytesizeHeart,
bytesizeHome,
bytesizeImport,
bytesizeInbox,
bytesizeInfo,
bytesizeLightning,
bytesizeLink,
bytesizeLocation,
bytesizeLock,
bytesizeMail,
bytesizeMenu,
bytesizeMessage,
bytesizeMicrophone,
bytesizeMinus,
bytesizeMobile,
bytesizeMoon,
bytesizeMove,
bytesizeMusic,
bytesizeMute,
bytesizeOptions,
bytesizePaperclip,
bytesizePause,
bytesizePhoto,
bytesizePlay,
bytesizePlus,
bytesizePortfolio,
bytesizePrint,
bytesizeReload,
bytesizeReply,
bytesizeSearch,
bytesizeSend,
bytesizeSettings,
bytesizeSignIn,
bytesizeSignOut,
bytesizeStar,
bytesizeStart,
bytesizeTag,
bytesizeTelephone,
bytesizeTrash,
bytesizeTwitter,
bytesizeUnlock,
bytesizeUpload,
bytesizeUser,
bytesizeVideo,
bytesizeVolume,
bytesizeWork,
bytesizeZoomIn,
bytesizeZoomOut,
bytesizeZoomReset
};
//# sourceMappingURL=index.js.map