@africanies/angular-web-sdk 0.1.10 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.nx/cache/{14995846848874973576 → 14892813664845064572}/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs +1634 -1016
- package/.nx/cache/14892813664845064572/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs.map +1 -0
- package/.nx/cache/{14995846848874973576 → 14892813664845064572}/dist/libs/africanies-ui/types/africanies-africanies-ui.d.ts +261 -137
- package/.nx/cache/{14876618240301288353 → 7821397806208783174}/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs +2641 -1011
- package/.nx/cache/7821397806208783174/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs.map +1 -0
- package/.nx/cache/{14876618240301288353 → 7821397806208783174}/dist/libs/africanies-ui/types/africanies-africanies-ui.d.ts +460 -147
- package/.nx/cache/run.json +16 -16
- package/.nx/cache/terminalOutputs/{14876618240301288353 → 14892813664845064572} +2 -2
- package/.nx/cache/terminalOutputs/16208231681037145050 +85 -0
- package/.nx/cache/terminalOutputs/{1446890025183346611 → 17909810599991457481} +15 -7
- package/.nx/cache/terminalOutputs/{7978448102466861029 → 2927637324428060203} +41 -31
- package/.nx/cache/terminalOutputs/{17394769338046050914 → 4787481949164239892} +2 -2
- package/.nx/cache/terminalOutputs/{14995846848874973576 → 7821397806208783174} +2 -2
- package/.nx/workspace-data/0091ABA9-5C90-580D-953C-8C94E763ADB5-v3.db +0 -0
- package/.nx/workspace-data/0091ABA9-5C90-580D-953C-8C94E763ADB5-v3.db-shm +0 -0
- package/.nx/workspace-data/0091ABA9-5C90-580D-953C-8C94E763ADB5-v3.db-wal +0 -0
- package/.nx/workspace-data/d/daemon.log +3694 -0
- package/.nx/workspace-data/d/server-process.json +2 -2
- package/.nx/workspace-data/file-map.json +1508 -1478
- package/.nx/workspace-data/nx_files.nxt +0 -0
- package/.nx/workspace-data/project-graph.json +2 -2
- package/README.md +0 -17
- package/apps/playground/src/app/pages/forms-page.ts +70 -14
- package/apps/playground/src/app/snippets/forms.snippets.ts +41 -6
- package/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs +1149 -142
- package/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs.map +1 -1
- package/dist/libs/africanies-ui/types/africanies-africanies-ui.d.ts +205 -18
- package/libs/africanies-ui/src/index.ts +18 -0
- package/libs/africanies-ui/src/lib/forms/index.ts +20 -0
- package/libs/africanies-ui/src/lib/forms/phone-input/index.ts +21 -0
- package/libs/africanies-ui/src/lib/forms/phone-input/phone-codes.ts +264 -0
- package/libs/africanies-ui/src/lib/forms/phone-input/phone-input.component.ts +477 -0
- package/libs/africanies-ui/src/lib/forms/phone-input/phone-input.types.ts +35 -0
- package/libs/africanies-ui/src/lib/forms/phone-input/phone-input.utils.spec.ts +81 -0
- package/libs/africanies-ui/src/lib/forms/phone-input/phone-input.utils.ts +275 -0
- package/libs/africanies-ui/src/lib/modules/africanies-forms.module.ts +2 -0
- package/libs/africanies-ui/src/lib/navigation/segment/segment.component.ts +2 -1
- package/libs/africanies-ui/src/lib/navigation/shipping-mode-switch/shipping-mode-switch.component.spec.ts +15 -0
- package/libs/africanies-ui/src/lib/navigation/shipping-mode-switch/shipping-mode-switch.component.ts +6 -3
- package/libs/africanies-ui/src/lib/table/table.component.ts +70 -65
- package/package.json +1 -1
- package/.nx/cache/13466509747676776487/dist/libs/africanies-core/README.md +0 -85
- package/.nx/cache/13466509747676776487/dist/libs/africanies-core/fesm2022/africanies-africanies-core.mjs +0 -4634
- package/.nx/cache/13466509747676776487/dist/libs/africanies-core/fesm2022/africanies-africanies-core.mjs.map +0 -1
- package/.nx/cache/13466509747676776487/dist/libs/africanies-core/package.json +0 -31
- package/.nx/cache/13466509747676776487/dist/libs/africanies-core/types/africanies-africanies-core.d.ts +0 -2743
- package/.nx/cache/14416694322692463866/dist/libs/africanies-models/README.md +0 -60
- package/.nx/cache/14416694322692463866/dist/libs/africanies-models/fesm2022/africanies-africanies-models.mjs +0 -599
- package/.nx/cache/14416694322692463866/dist/libs/africanies-models/fesm2022/africanies-africanies-models.mjs.map +0 -1
- package/.nx/cache/14416694322692463866/dist/libs/africanies-models/package.json +0 -23
- package/.nx/cache/14416694322692463866/dist/libs/africanies-models/types/africanies-africanies-models.d.ts +0 -1452
- package/.nx/cache/14876618240301288353/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs.map +0 -1
- package/.nx/cache/14995846848874973576/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs.map +0 -1
- package/.nx/cache/17626862048742598274/dist/libs/africanies-theme/README.md +0 -46
- package/.nx/cache/17626862048742598274/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs +0 -221
- package/.nx/cache/17626862048742598274/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs.map +0 -1
- package/.nx/cache/17626862048742598274/dist/libs/africanies-theme/package.json +0 -35
- package/.nx/cache/17626862048742598274/dist/libs/africanies-theme/tailwind-preset.cjs +0 -253
- package/.nx/cache/17626862048742598274/dist/libs/africanies-theme/types/africanies-africanies-theme.d.ts +0 -166
- package/.nx/cache/6664915487114632770/dist/libs/africanies-icons/README.md +0 -69
- package/.nx/cache/6664915487114632770/dist/libs/africanies-icons/assets/icons.sprite.svg +0 -1844
- package/.nx/cache/6664915487114632770/dist/libs/africanies-icons/fesm2022/africanies-africanies-icons.mjs +0 -832
- package/.nx/cache/6664915487114632770/dist/libs/africanies-icons/fesm2022/africanies-africanies-icons.mjs.map +0 -1
- package/.nx/cache/6664915487114632770/dist/libs/africanies-icons/package.json +0 -30
- package/.nx/cache/6664915487114632770/dist/libs/africanies-icons/types/africanies-africanies-icons.d.ts +0 -108
- package/.nx/cache/6673686859704879504/dist/libs/africanies-theme/README.md +0 -46
- package/.nx/cache/6673686859704879504/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs +0 -231
- package/.nx/cache/6673686859704879504/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs.map +0 -1
- package/.nx/cache/6673686859704879504/dist/libs/africanies-theme/package.json +0 -35
- package/.nx/cache/6673686859704879504/dist/libs/africanies-theme/tailwind-preset.cjs +0 -262
- package/.nx/cache/6673686859704879504/dist/libs/africanies-theme/types/africanies-africanies-theme.d.ts +0 -174
- package/.nx/cache/9040451482998546630/dist/libs/africanies-core/README.md +0 -85
- package/.nx/cache/9040451482998546630/dist/libs/africanies-core/fesm2022/africanies-africanies-core.mjs +0 -4511
- package/.nx/cache/9040451482998546630/dist/libs/africanies-core/fesm2022/africanies-africanies-core.mjs.map +0 -1
- package/.nx/cache/9040451482998546630/dist/libs/africanies-core/package.json +0 -31
- package/.nx/cache/9040451482998546630/dist/libs/africanies-core/types/africanies-africanies-core.d.ts +0 -2741
- package/.nx/cache/terminalOutputs/13466509747676776487 +0 -21
- package/.nx/cache/terminalOutputs/13555699813138069787 +0 -6
- package/.nx/cache/terminalOutputs/14061940909886036014 +0 -173
- package/.nx/cache/terminalOutputs/14416694322692463866 +0 -108
- package/.nx/cache/terminalOutputs/17626862048742598274 +0 -21
- package/.nx/cache/terminalOutputs/6337357866566791975 +0 -6
- package/.nx/cache/terminalOutputs/6664915487114632770 +0 -44
- package/.nx/cache/terminalOutputs/6673686859704879504 +0 -21
- package/.nx/cache/terminalOutputs/783228502946611950 +0 -19
- package/.nx/cache/terminalOutputs/9040451482998546630 +0 -21
- /package/.nx/cache/{14876618240301288353 → 14892813664845064572}/dist/libs/africanies-ui/README.md +0 -0
- /package/.nx/cache/{14876618240301288353 → 14892813664845064572}/dist/libs/africanies-ui/assets/brand/africanies-logo-mini.png +0 -0
- /package/.nx/cache/{14876618240301288353 → 14892813664845064572}/dist/libs/africanies-ui/assets/brand/africanies-logo.png +0 -0
- /package/.nx/cache/{14876618240301288353 → 14892813664845064572}/dist/libs/africanies-ui/assets/brand/africanies-logo.svg +0 -0
- /package/.nx/cache/{14876618240301288353 → 14892813664845064572}/dist/libs/africanies-ui/assets/carriers/dhl.svg +0 -0
- /package/.nx/cache/{14876618240301288353 → 14892813664845064572}/dist/libs/africanies-ui/package.json +0 -0
- /package/.nx/cache/{14995846848874973576 → 7821397806208783174}/dist/libs/africanies-ui/README.md +0 -0
- /package/.nx/cache/{14995846848874973576 → 7821397806208783174}/dist/libs/africanies-ui/assets/brand/africanies-logo-mini.png +0 -0
- /package/.nx/cache/{14995846848874973576 → 7821397806208783174}/dist/libs/africanies-ui/assets/brand/africanies-logo.png +0 -0
- /package/.nx/cache/{14995846848874973576 → 7821397806208783174}/dist/libs/africanies-ui/assets/brand/africanies-logo.svg +0 -0
- /package/.nx/cache/{14995846848874973576 → 7821397806208783174}/dist/libs/africanies-ui/assets/carriers/dhl.svg +0 -0
- /package/.nx/cache/{14995846848874973576 → 7821397806208783174}/dist/libs/africanies-ui/package.json +0 -0
|
@@ -7,9 +7,9 @@ import { AsyncQueryStateModel, ModuleFilterConfigModel, FilterStateModel, Filter
|
|
|
7
7
|
export { AsyncQueryStateModel, DEFAULT_FILTER_TRANSPORT, DEFAULT_PAGE_SIZE, FILTER_CONFIGS, FilterConfigId, FilterFieldModel, FilterFieldType, FilterOptionModel, FilterOptionsSource, FilterParamsModel, FilterQueryBag, FilterStateModel, FilterTransport, ModuleFilterConfigModel, NOTIFICATION_PAGE_SIZE, PAGINATION_PAGE_SIZES, PaginationMetaModel, PaginationPageSize, clearFilterField, cloneFilterState, emptyFilterState, filterQueryKeys, fromFilterParams, hasFilterParams, resetFilterState, resolveFilterTransport, shipmentTrackingItemFilterConfig, toFilterParams, trackShipmentsFilterConfig, updateShipmentsFilterConfig, usersFilterConfig } from '@africanies/africanies-models';
|
|
8
8
|
import * as _africanies_africanies_theme from '@africanies/africanies-theme';
|
|
9
9
|
import { ModeColorService } from '@africanies/africanies-theme';
|
|
10
|
-
import { AfricaniesHttpToastHandler, OverlayHandle, OverlayOpener } from '@africanies/africanies-core';
|
|
11
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
10
|
+
import { AfricaniesHttpToastHandler, OverlayHandle, OverlayOpener, ShippingModeService } from '@africanies/africanies-core';
|
|
12
11
|
import { Observable } from 'rxjs';
|
|
12
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
13
13
|
import * as _africanies_africanies_ui from '@africanies/africanies-ui';
|
|
14
14
|
import { IsActiveMatchOptions, ActivatedRouteSnapshot, Router, UrlTree } from '@angular/router';
|
|
15
15
|
|
|
@@ -636,15 +636,15 @@ declare class AlertComponent {
|
|
|
636
636
|
*/
|
|
637
637
|
readonly dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
638
638
|
/** Override the default variant icon. */
|
|
639
|
-
readonly icon: _angular_core.InputSignal<"
|
|
639
|
+
readonly icon: _angular_core.InputSignal<"warning" | "info" | "search" | "split" | "anchor" | "bold" | "link" | "key" | "underline" | "abacus" | "absolute-position" | "academy-cap" | "accessibility" | "accordion-menu" | "add-dock" | "adjust" | "adobe-flash" | "airplane" | "alarm" | "align-center" | "align-justify" | "align-left" | "align-right" | "alt-a" | "alt" | "ambulance" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "archive" | "archives" | "area-select" | "arrow-backward" | "arrow-circle-down-o" | "arrow-circle-down" | "arrow-circle-left-o" | "arrow-circle-left" | "arrow-circle-right-o" | "arrow-circle-right" | "arrow-circle-up-o" | "arrow-circle-up" | "arrow-down" | "arrow-forward" | "arrow-left" | "arrow-long-down" | "arrow-long-left" | "arrow-right" | "arrow-up" | "arrows-cross" | "arrows-long-h" | "arrows-long-right" | "arrows-long-up" | "arrows-long-v" | "arrows" | "asterisk" | "at" | "automation" | "backspace-a" | "backspace" | "backwards" | "ban" | "bar-chart-h" | "bar-chart-v" | "bar-chart" | "barcode" | "bed" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "boat" | "bolt" | "bomb" | "book-dollar" | "book-percent" | "book" | "bookmark-o" | "bookmark" | "briefcase" | "browser" | "bug-o" | "bug" | "building-o" | "building" | "bullets" | "bullseye" | "bus" | "button" | "calc-book" | "calc" | "calendar-briefcase" | "calendar-clock" | "calendar-envelope" | "calendar-o" | "calendar-user" | "calendar" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-down-o" | "caret-square-left-o" | "caret-square-right-o" | "caret-square-up-o" | "caret-up" | "cart-o" | "cart" | "cash" | "chart-3d" | "chart-grid" | "chart-line" | "chart-timeline" | "chart" | "chat" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down-o" | "chevron-circle-down" | "chevron-circle-left-o" | "chevron-circle-left" | "chevron-circle-right-o" | "chevron-circle-right" | "chevron-circle-up-o" | "chevron-circle-up" | "chevron-down-small" | "chevron-down" | "chevron-left-small" | "chevron-left" | "chevron-right-small" | "chevron-right" | "chevron-up-small" | "chevron-up" | "child" | "circle-thin" | "circle" | "clipboard-check" | "clipboard-cross" | "clipboard-heart" | "clipboard-pulse" | "clipboard-text" | "clipboard-user" | "clipboard" | "clock" | "close-big" | "close-circle-o" | "close-circle" | "close-small" | "close" | "cloud-download-o" | "cloud-download" | "cloud-o" | "cloud-upload-o" | "cloud-upload" | "cloud" | "cluster" | "code" | "coffee" | "cog-o" | "cog" | "cogs" | "coin-piles" | "coins" | "combobox" | "comment-ellipsis-o" | "comment-ellipsis" | "comment-o" | "comment" | "comments-o" | "comments" | "compile" | "compress-square" | "compress" | "connect-o" | "connect" | "controller" | "copy-o" | "copy" | "copyright" | "corner-lower-left" | "corner-lower-right" | "corner-upper-left" | "corner-upper-right" | "credit-card" | "crop" | "cross-cutlery" | "crosshairs" | "css" | "ctrl-a" | "ctrl" | "cube" | "cubes" | "curly-brackets" | "cursor-o" | "cursor" | "cutlery" | "dashboard" | "database" | "date-input" | "deindent" | "del-a" | "del" | "dental-chair" | "desktop" | "diamond-o" | "diamond" | "diasporan-partner" | "diploma-scroll" | "diploma" | "disc" | "doctor-briefcase" | "doctor" | "dollar" | "dot-circle" | "download-alt" | "download" | "drop" | "edit" | "eject" | "elastic" | "ellipsis-circle-o" | "ellipsis-circle" | "ellipsis-dots-h" | "ellipsis-dots-v" | "ellipsis-h" | "ellipsis-v" | "enter-arrow" | "enter" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope" | "envelopes-o" | "envelopes" | "eraser" | "esc-a" | "esc" | "euro" | "exchange" | "exclamation-circle-o" | "exclamation-circle" | "exclamation" | "exit-o" | "exit" | "expand-full" | "expand-square" | "expand" | "external-browser" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "facebook-square" | "facebook" | "factory" | "family" | "fast-backward" | "fast-forward" | "female" | "file-add" | "file-code" | "file-font" | "file-movie" | "file-o" | "file-picture" | "file-presentation" | "file-process" | "file-refresh" | "file-remove" | "file-search" | "file-sound" | "file-start" | "file-table" | "file-text-o" | "file-text" | "file-tree-small" | "file-tree-sub" | "file-tree" | "file-zip" | "file" | "fill" | "film" | "filter" | "fire" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flight-landing" | "flight-takeoff" | "flip-h" | "flip-v" | "folder-add" | "folder-o" | "folder-open-o" | "folder-open" | "folder-remove" | "folder-search" | "folder" | "font" | "form" | "forward" | "frown-o" | "funcion" | "funnel" | "gamepad" | "gavel" | "gift" | "glass" | "glasses" | "globe-wire" | "globe" | "golf" | "google-plus-square" | "google-plus" | "grab" | "grid-bevel" | "grid-big-o" | "grid-big" | "grid-h" | "grid-small-o" | "grid-small" | "grid-v" | "grid" | "group" | "hammer" | "hand-coins" | "hand" | "handle-corner" | "hands-up" | "handshake" | "harddrive-o" | "harddrive" | "hash" | "header" | "headphones" | "headset" | "health-card" | "heart-o" | "heart" | "home-o" | "home" | "hospital" | "hourglass-empty" | "hourglass-end" | "hourglass-start" | "hourglass" | "inbox" | "indent" | "info-circle-o" | "info-circle" | "input" | "insert" | "institution" | "invoice" | "italic" | "key-o" | "keyboard-o" | "keyboard" | "laptop" | "layout" | "level-down-bold" | "level-down" | "level-left-bold" | "level-left" | "level-right-bold" | "level-right" | "level-up-bold" | "level-up" | "lifebuoy" | "lightbulb" | "line-bar-chart" | "line-chart" | "line-h" | "line-v" | "lines-list" | "lines" | "list-ol" | "list-select" | "list-ul" | "list" | "location-arrow-circle-o" | "location-arrow-circle" | "location-arrow" | "lock" | "magic" | "magnet" | "mailbox" | "male" | "map-marker" | "margin-bottom" | "margin-left" | "margin-right" | "margin-top" | "margin" | "medal" | "megaphone" | "meh-o" | "menu" | "microphone" | "mini-partner" | "minus-circle-o" | "minus-circle" | "minus-square-o" | "minus" | "mobile-browser" | "mobile-retro" | "mobile" | "modal-list" | "modal" | "money-deposit" | "money-exchange" | "money-withdraw" | "money" | "moon-o" | "moon" | "morning" | "movie" | "music" | "mute" | "native-button" | "newspaper" | "notebook" | "number-count" | "nurse" | "office" | "open-book" | "option-a" | "option" | "options" | "orientation" | "out" | "outbox" | "package" | "padding-bottom" | "padding-left" | "padding-right" | "padding-top" | "padding" | "paint-roll" | "paintbrush" | "palette" | "panel" | "paperclip" | "paperplane-o" | "paperplane" | "paragraph" | "partner" | "password" | "paste" | "pause" | "pencil" | "phone-landline" | "phone" | "picture" | "pie-bar-chart" | "pie-chart" | "piggy-bank-coin" | "piggy-bank" | "pill" | "pills" | "pin-post" | "pin" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle-o" | "plus-circle" | "plus-minus" | "plus-square-o" | "plus" | "pointer" | "power-off" | "presentation" | "print" | "progressbar" | "puzzle-piece" | "pyramid-chart" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quote-left" | "quote-right" | "random" | "raster-lower-left" | "raster" | "records" | "recycle" | "refresh" | "reply-all" | "reply" | "resize-h" | "resize-v" | "retweet" | "rhombus" | "road-branch" | "road-branches" | "road-split" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rss-square" | "rss" | "safe-lock" | "safe" | "scale-unbalance" | "scale" | "scatter-chart" | "scissors" | "screwdriver" | "search-minus" | "search-plus" | "select" | "server" | "share-square" | "share" | "shield" | "shift-arrow" | "shift" | "shop" | "sign-in-alt" | "sign-in" | "sign-out-alt" | "sign-out" | "signal" | "sitemap" | "slider" | "sliders" | "smiley-o" | "sort" | "sound-disable" | "spark-line" | "specialist" | "spinner-arc" | "spinner-third" | "spinner" | "spline-area-chart" | "spline-chart" | "split-h" | "split-v" | "spoon" | "square-shadow" | "star-half-left-o" | "star-half-left" | "star-half-right-o" | "star-half-right" | "star-o" | "star" | "start-cog" | "step-backward" | "step-forward" | "stethoscope" | "stock" | "stop-cog" | "stop" | "stopwatch" | "storage" | "strikethrough" | "subscript" | "suitcase" | "sun-down" | "sun-o" | "sun-rise" | "superscript" | "sword" | "tab-a" | "tab" | "table" | "tablet" | "tabs" | "tag" | "tags" | "tasks" | "taxi" | "teeth" | "terminal" | "text-height" | "text-input" | "text-label" | "text-width" | "thin-square" | "thumbs-down-o" | "thumbs-down" | "thumbs-up-o" | "thumbs-up" | "ticket" | "time-backward" | "time-forward" | "timer" | "toolbox" | "tools" | "tooth" | "touch" | "train" | "trash" | "tree-table" | "trending-down" | "trending-up" | "trophy" | "truck" | "twin-col-select" | "twitter-square" | "twitter" | "umbrella" | "unlink" | "unlock" | "upload-alt" | "upload" | "user-card" | "user-check" | "user-clock" | "user-heart" | "user-star" | "user" | "users" | "vaadin-h" | "vaadin-v" | "viewport" | "vimeo-square" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "volume" | "wallet" | "warehouse" | "workplace" | "wrench" | "youtube-square" | "youtube" | undefined>;
|
|
640
640
|
/** Emitted when the user activates Dismiss — parent should unmount/hide. */
|
|
641
641
|
readonly dismissed: _angular_core.OutputEmitterRef<void>;
|
|
642
|
-
protected readonly resolvedIcon: _angular_core.Signal<"
|
|
642
|
+
protected readonly resolvedIcon: _angular_core.Signal<"warning" | "info" | "search" | "split" | "anchor" | "bold" | "link" | "key" | "underline" | "abacus" | "absolute-position" | "academy-cap" | "accessibility" | "accordion-menu" | "add-dock" | "adjust" | "adobe-flash" | "airplane" | "alarm" | "align-center" | "align-justify" | "align-left" | "align-right" | "alt-a" | "alt" | "ambulance" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "archive" | "archives" | "area-select" | "arrow-backward" | "arrow-circle-down-o" | "arrow-circle-down" | "arrow-circle-left-o" | "arrow-circle-left" | "arrow-circle-right-o" | "arrow-circle-right" | "arrow-circle-up-o" | "arrow-circle-up" | "arrow-down" | "arrow-forward" | "arrow-left" | "arrow-long-down" | "arrow-long-left" | "arrow-right" | "arrow-up" | "arrows-cross" | "arrows-long-h" | "arrows-long-right" | "arrows-long-up" | "arrows-long-v" | "arrows" | "asterisk" | "at" | "automation" | "backspace-a" | "backspace" | "backwards" | "ban" | "bar-chart-h" | "bar-chart-v" | "bar-chart" | "barcode" | "bed" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "boat" | "bolt" | "bomb" | "book-dollar" | "book-percent" | "book" | "bookmark-o" | "bookmark" | "briefcase" | "browser" | "bug-o" | "bug" | "building-o" | "building" | "bullets" | "bullseye" | "bus" | "button" | "calc-book" | "calc" | "calendar-briefcase" | "calendar-clock" | "calendar-envelope" | "calendar-o" | "calendar-user" | "calendar" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-down-o" | "caret-square-left-o" | "caret-square-right-o" | "caret-square-up-o" | "caret-up" | "cart-o" | "cart" | "cash" | "chart-3d" | "chart-grid" | "chart-line" | "chart-timeline" | "chart" | "chat" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down-o" | "chevron-circle-down" | "chevron-circle-left-o" | "chevron-circle-left" | "chevron-circle-right-o" | "chevron-circle-right" | "chevron-circle-up-o" | "chevron-circle-up" | "chevron-down-small" | "chevron-down" | "chevron-left-small" | "chevron-left" | "chevron-right-small" | "chevron-right" | "chevron-up-small" | "chevron-up" | "child" | "circle-thin" | "circle" | "clipboard-check" | "clipboard-cross" | "clipboard-heart" | "clipboard-pulse" | "clipboard-text" | "clipboard-user" | "clipboard" | "clock" | "close-big" | "close-circle-o" | "close-circle" | "close-small" | "close" | "cloud-download-o" | "cloud-download" | "cloud-o" | "cloud-upload-o" | "cloud-upload" | "cloud" | "cluster" | "code" | "coffee" | "cog-o" | "cog" | "cogs" | "coin-piles" | "coins" | "combobox" | "comment-ellipsis-o" | "comment-ellipsis" | "comment-o" | "comment" | "comments-o" | "comments" | "compile" | "compress-square" | "compress" | "connect-o" | "connect" | "controller" | "copy-o" | "copy" | "copyright" | "corner-lower-left" | "corner-lower-right" | "corner-upper-left" | "corner-upper-right" | "credit-card" | "crop" | "cross-cutlery" | "crosshairs" | "css" | "ctrl-a" | "ctrl" | "cube" | "cubes" | "curly-brackets" | "cursor-o" | "cursor" | "cutlery" | "dashboard" | "database" | "date-input" | "deindent" | "del-a" | "del" | "dental-chair" | "desktop" | "diamond-o" | "diamond" | "diasporan-partner" | "diploma-scroll" | "diploma" | "disc" | "doctor-briefcase" | "doctor" | "dollar" | "dot-circle" | "download-alt" | "download" | "drop" | "edit" | "eject" | "elastic" | "ellipsis-circle-o" | "ellipsis-circle" | "ellipsis-dots-h" | "ellipsis-dots-v" | "ellipsis-h" | "ellipsis-v" | "enter-arrow" | "enter" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope" | "envelopes-o" | "envelopes" | "eraser" | "esc-a" | "esc" | "euro" | "exchange" | "exclamation-circle-o" | "exclamation-circle" | "exclamation" | "exit-o" | "exit" | "expand-full" | "expand-square" | "expand" | "external-browser" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "facebook-square" | "facebook" | "factory" | "family" | "fast-backward" | "fast-forward" | "female" | "file-add" | "file-code" | "file-font" | "file-movie" | "file-o" | "file-picture" | "file-presentation" | "file-process" | "file-refresh" | "file-remove" | "file-search" | "file-sound" | "file-start" | "file-table" | "file-text-o" | "file-text" | "file-tree-small" | "file-tree-sub" | "file-tree" | "file-zip" | "file" | "fill" | "film" | "filter" | "fire" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flight-landing" | "flight-takeoff" | "flip-h" | "flip-v" | "folder-add" | "folder-o" | "folder-open-o" | "folder-open" | "folder-remove" | "folder-search" | "folder" | "font" | "form" | "forward" | "frown-o" | "funcion" | "funnel" | "gamepad" | "gavel" | "gift" | "glass" | "glasses" | "globe-wire" | "globe" | "golf" | "google-plus-square" | "google-plus" | "grab" | "grid-bevel" | "grid-big-o" | "grid-big" | "grid-h" | "grid-small-o" | "grid-small" | "grid-v" | "grid" | "group" | "hammer" | "hand-coins" | "hand" | "handle-corner" | "hands-up" | "handshake" | "harddrive-o" | "harddrive" | "hash" | "header" | "headphones" | "headset" | "health-card" | "heart-o" | "heart" | "home-o" | "home" | "hospital" | "hourglass-empty" | "hourglass-end" | "hourglass-start" | "hourglass" | "inbox" | "indent" | "info-circle-o" | "info-circle" | "input" | "insert" | "institution" | "invoice" | "italic" | "key-o" | "keyboard-o" | "keyboard" | "laptop" | "layout" | "level-down-bold" | "level-down" | "level-left-bold" | "level-left" | "level-right-bold" | "level-right" | "level-up-bold" | "level-up" | "lifebuoy" | "lightbulb" | "line-bar-chart" | "line-chart" | "line-h" | "line-v" | "lines-list" | "lines" | "list-ol" | "list-select" | "list-ul" | "list" | "location-arrow-circle-o" | "location-arrow-circle" | "location-arrow" | "lock" | "magic" | "magnet" | "mailbox" | "male" | "map-marker" | "margin-bottom" | "margin-left" | "margin-right" | "margin-top" | "margin" | "medal" | "megaphone" | "meh-o" | "menu" | "microphone" | "mini-partner" | "minus-circle-o" | "minus-circle" | "minus-square-o" | "minus" | "mobile-browser" | "mobile-retro" | "mobile" | "modal-list" | "modal" | "money-deposit" | "money-exchange" | "money-withdraw" | "money" | "moon-o" | "moon" | "morning" | "movie" | "music" | "mute" | "native-button" | "newspaper" | "notebook" | "number-count" | "nurse" | "office" | "open-book" | "option-a" | "option" | "options" | "orientation" | "out" | "outbox" | "package" | "padding-bottom" | "padding-left" | "padding-right" | "padding-top" | "padding" | "paint-roll" | "paintbrush" | "palette" | "panel" | "paperclip" | "paperplane-o" | "paperplane" | "paragraph" | "partner" | "password" | "paste" | "pause" | "pencil" | "phone-landline" | "phone" | "picture" | "pie-bar-chart" | "pie-chart" | "piggy-bank-coin" | "piggy-bank" | "pill" | "pills" | "pin-post" | "pin" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle-o" | "plus-circle" | "plus-minus" | "plus-square-o" | "plus" | "pointer" | "power-off" | "presentation" | "print" | "progressbar" | "puzzle-piece" | "pyramid-chart" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quote-left" | "quote-right" | "random" | "raster-lower-left" | "raster" | "records" | "recycle" | "refresh" | "reply-all" | "reply" | "resize-h" | "resize-v" | "retweet" | "rhombus" | "road-branch" | "road-branches" | "road-split" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rss-square" | "rss" | "safe-lock" | "safe" | "scale-unbalance" | "scale" | "scatter-chart" | "scissors" | "screwdriver" | "search-minus" | "search-plus" | "select" | "server" | "share-square" | "share" | "shield" | "shift-arrow" | "shift" | "shop" | "sign-in-alt" | "sign-in" | "sign-out-alt" | "sign-out" | "signal" | "sitemap" | "slider" | "sliders" | "smiley-o" | "sort" | "sound-disable" | "spark-line" | "specialist" | "spinner-arc" | "spinner-third" | "spinner" | "spline-area-chart" | "spline-chart" | "split-h" | "split-v" | "spoon" | "square-shadow" | "star-half-left-o" | "star-half-left" | "star-half-right-o" | "star-half-right" | "star-o" | "star" | "start-cog" | "step-backward" | "step-forward" | "stethoscope" | "stock" | "stop-cog" | "stop" | "stopwatch" | "storage" | "strikethrough" | "subscript" | "suitcase" | "sun-down" | "sun-o" | "sun-rise" | "superscript" | "sword" | "tab-a" | "tab" | "table" | "tablet" | "tabs" | "tag" | "tags" | "tasks" | "taxi" | "teeth" | "terminal" | "text-height" | "text-input" | "text-label" | "text-width" | "thin-square" | "thumbs-down-o" | "thumbs-down" | "thumbs-up-o" | "thumbs-up" | "ticket" | "time-backward" | "time-forward" | "timer" | "toolbox" | "tools" | "tooth" | "touch" | "train" | "trash" | "tree-table" | "trending-down" | "trending-up" | "trophy" | "truck" | "twin-col-select" | "twitter-square" | "twitter" | "umbrella" | "unlink" | "unlock" | "upload-alt" | "upload" | "user-card" | "user-check" | "user-clock" | "user-heart" | "user-star" | "user" | "users" | "vaadin-h" | "vaadin-v" | "viewport" | "vimeo-square" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "volume" | "wallet" | "warehouse" | "workplace" | "wrench" | "youtube-square" | "youtube">;
|
|
643
643
|
protected readonly a11yRole: _angular_core.Signal<"alert" | "status">;
|
|
644
644
|
protected readonly a11yLive: _angular_core.Signal<"assertive" | "polite">;
|
|
645
645
|
protected readonly shellClass: _angular_core.Signal<"flex items-center gap-3 rounded-lg border px-4 py-3 text-body text-ink dark:text-white border-export/30 bg-export-subtle dark:border-export/40 dark:bg-export/15" | "flex items-center gap-3 rounded-lg border px-4 py-3 text-body text-ink dark:text-white border-warning/40 bg-warning-subtle dark:border-warning/50 dark:bg-warning/15" | "flex items-center gap-3 rounded-lg border px-4 py-3 text-body text-ink dark:text-white border-danger/30 bg-danger-subtle dark:border-danger/40 dark:bg-danger/15" | "flex items-center gap-3 rounded-lg border px-4 py-3 text-body text-ink dark:text-white border-border bg-background-welcome dark:border-white/15 dark:bg-ink-950">;
|
|
646
|
-
protected readonly iconClass: _angular_core.Signal<"text-export dark:text-export-light" | "text-warning-dark dark:text-warning" | "text-danger" | "text-ink-blue dark:text-neutral-300">;
|
|
647
|
-
protected readonly titleClass: _angular_core.Signal<"m-0 text-body font-medium text-export dark:text-export-light" | "m-0 text-body font-medium text-warning-dark dark:text-warning" | "m-0 text-body font-medium text-danger" | "m-0 text-body font-medium text-ink dark:text-white">;
|
|
646
|
+
protected readonly iconClass: _angular_core.Signal<"text-export-strong dark:text-export-light" | "text-warning-dark dark:text-warning" | "text-danger-dark dark:text-danger" | "text-ink-blue dark:text-neutral-300">;
|
|
647
|
+
protected readonly titleClass: _angular_core.Signal<"m-0 text-body font-medium text-export-strong dark:text-export-light" | "m-0 text-body font-medium text-warning-dark dark:text-warning" | "m-0 text-body font-medium text-danger-dark dark:text-danger" | "m-0 text-body font-medium text-ink dark:text-white">;
|
|
648
648
|
protected readonly messageClass: _angular_core.Signal<string>;
|
|
649
649
|
protected onDismiss(): void;
|
|
650
650
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
|
|
@@ -654,14 +654,19 @@ declare class AlertComponent {
|
|
|
654
654
|
/**
|
|
655
655
|
* Semantic tone for {@link ChipComponent}.
|
|
656
656
|
*
|
|
657
|
+
* Prefer these for common statuses. For one-off accents, pass {@link ChipComponent.color}
|
|
658
|
+
* instead — any CSS color with a faded background.
|
|
659
|
+
*
|
|
657
660
|
* - `neutral` — generic label / count
|
|
658
661
|
* - `success` — positive outcome (same green family as export)
|
|
659
662
|
* - `warning` — caution / pending
|
|
660
663
|
* - `danger` — error / exception
|
|
664
|
+
* - `info` — informational (theme blue)
|
|
665
|
+
* - `violet` / `teal` / `rose` / `cyan` — extra categorical tones
|
|
661
666
|
* - `export` — SFN / outbound accent
|
|
662
667
|
* - `import` — STN / inbound accent
|
|
663
668
|
*/
|
|
664
|
-
type ChipVariant = 'neutral' | 'success' | 'warning' | 'danger' | 'export' | 'import';
|
|
669
|
+
type ChipVariant = 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'violet' | 'teal' | 'rose' | 'cyan' | 'export' | 'import';
|
|
665
670
|
/**
|
|
666
671
|
* Control size for {@link ChipComponent}.
|
|
667
672
|
*/
|
|
@@ -670,22 +675,29 @@ type ChipSize = 'sm' | 'md';
|
|
|
670
675
|
* Compact status / category label.
|
|
671
676
|
*
|
|
672
677
|
* Soft fills stay readable in dark mode (translucent accent tints, not
|
|
673
|
-
* light-only subtle backgrounds).
|
|
678
|
+
* light-only subtle backgrounds). Pass {@link color} for a custom accent —
|
|
679
|
+
* text uses that color and the background is a faded mix of the same.
|
|
674
680
|
*
|
|
675
681
|
* @example
|
|
676
682
|
* ```html
|
|
677
683
|
* <africanies-chip variant="success">Delivered</africanies-chip>
|
|
678
|
-
* <africanies-chip variant="
|
|
684
|
+
* <africanies-chip variant="violet">Priority</africanies-chip>
|
|
685
|
+
* <africanies-chip color="#0f766e">Pay Later</africanies-chip>
|
|
679
686
|
* <africanies-chip variant="warning" [removable]="true" (removed)="clear()">Pending</africanies-chip>
|
|
680
687
|
* ```
|
|
681
688
|
*/
|
|
682
689
|
declare class ChipComponent {
|
|
683
|
-
/** Semantic tone. Defaults to `neutral`. */
|
|
690
|
+
/** Semantic tone. Defaults to `neutral`. Ignored when {@link color} is set. */
|
|
684
691
|
readonly variant: _angular_core.InputSignal<ChipVariant>;
|
|
692
|
+
/**
|
|
693
|
+
* Optional CSS color (`#7c3aed`, `rgb(…)`, `oklch(…)`, …). When set, overrides
|
|
694
|
+
* {@link variant}: label uses the color and the fill is a faded mix of it.
|
|
695
|
+
*/
|
|
696
|
+
readonly color: _angular_core.InputSignal<string | null>;
|
|
685
697
|
/** Padding / type scale. Defaults to `sm` (table / dense UI). */
|
|
686
698
|
readonly size: _angular_core.InputSignal<ChipSize>;
|
|
687
699
|
/** Optional leading icon. */
|
|
688
|
-
readonly icon: _angular_core.InputSignal<"
|
|
700
|
+
readonly icon: _angular_core.InputSignal<"warning" | "info" | "search" | "split" | "anchor" | "bold" | "link" | "key" | "underline" | "abacus" | "absolute-position" | "academy-cap" | "accessibility" | "accordion-menu" | "add-dock" | "adjust" | "adobe-flash" | "airplane" | "alarm" | "align-center" | "align-justify" | "align-left" | "align-right" | "alt-a" | "alt" | "ambulance" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "archive" | "archives" | "area-select" | "arrow-backward" | "arrow-circle-down-o" | "arrow-circle-down" | "arrow-circle-left-o" | "arrow-circle-left" | "arrow-circle-right-o" | "arrow-circle-right" | "arrow-circle-up-o" | "arrow-circle-up" | "arrow-down" | "arrow-forward" | "arrow-left" | "arrow-long-down" | "arrow-long-left" | "arrow-right" | "arrow-up" | "arrows-cross" | "arrows-long-h" | "arrows-long-right" | "arrows-long-up" | "arrows-long-v" | "arrows" | "asterisk" | "at" | "automation" | "backspace-a" | "backspace" | "backwards" | "ban" | "bar-chart-h" | "bar-chart-v" | "bar-chart" | "barcode" | "bed" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "boat" | "bolt" | "bomb" | "book-dollar" | "book-percent" | "book" | "bookmark-o" | "bookmark" | "briefcase" | "browser" | "bug-o" | "bug" | "building-o" | "building" | "bullets" | "bullseye" | "bus" | "button" | "calc-book" | "calc" | "calendar-briefcase" | "calendar-clock" | "calendar-envelope" | "calendar-o" | "calendar-user" | "calendar" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-down-o" | "caret-square-left-o" | "caret-square-right-o" | "caret-square-up-o" | "caret-up" | "cart-o" | "cart" | "cash" | "chart-3d" | "chart-grid" | "chart-line" | "chart-timeline" | "chart" | "chat" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down-o" | "chevron-circle-down" | "chevron-circle-left-o" | "chevron-circle-left" | "chevron-circle-right-o" | "chevron-circle-right" | "chevron-circle-up-o" | "chevron-circle-up" | "chevron-down-small" | "chevron-down" | "chevron-left-small" | "chevron-left" | "chevron-right-small" | "chevron-right" | "chevron-up-small" | "chevron-up" | "child" | "circle-thin" | "circle" | "clipboard-check" | "clipboard-cross" | "clipboard-heart" | "clipboard-pulse" | "clipboard-text" | "clipboard-user" | "clipboard" | "clock" | "close-big" | "close-circle-o" | "close-circle" | "close-small" | "close" | "cloud-download-o" | "cloud-download" | "cloud-o" | "cloud-upload-o" | "cloud-upload" | "cloud" | "cluster" | "code" | "coffee" | "cog-o" | "cog" | "cogs" | "coin-piles" | "coins" | "combobox" | "comment-ellipsis-o" | "comment-ellipsis" | "comment-o" | "comment" | "comments-o" | "comments" | "compile" | "compress-square" | "compress" | "connect-o" | "connect" | "controller" | "copy-o" | "copy" | "copyright" | "corner-lower-left" | "corner-lower-right" | "corner-upper-left" | "corner-upper-right" | "credit-card" | "crop" | "cross-cutlery" | "crosshairs" | "css" | "ctrl-a" | "ctrl" | "cube" | "cubes" | "curly-brackets" | "cursor-o" | "cursor" | "cutlery" | "dashboard" | "database" | "date-input" | "deindent" | "del-a" | "del" | "dental-chair" | "desktop" | "diamond-o" | "diamond" | "diasporan-partner" | "diploma-scroll" | "diploma" | "disc" | "doctor-briefcase" | "doctor" | "dollar" | "dot-circle" | "download-alt" | "download" | "drop" | "edit" | "eject" | "elastic" | "ellipsis-circle-o" | "ellipsis-circle" | "ellipsis-dots-h" | "ellipsis-dots-v" | "ellipsis-h" | "ellipsis-v" | "enter-arrow" | "enter" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope" | "envelopes-o" | "envelopes" | "eraser" | "esc-a" | "esc" | "euro" | "exchange" | "exclamation-circle-o" | "exclamation-circle" | "exclamation" | "exit-o" | "exit" | "expand-full" | "expand-square" | "expand" | "external-browser" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "facebook-square" | "facebook" | "factory" | "family" | "fast-backward" | "fast-forward" | "female" | "file-add" | "file-code" | "file-font" | "file-movie" | "file-o" | "file-picture" | "file-presentation" | "file-process" | "file-refresh" | "file-remove" | "file-search" | "file-sound" | "file-start" | "file-table" | "file-text-o" | "file-text" | "file-tree-small" | "file-tree-sub" | "file-tree" | "file-zip" | "file" | "fill" | "film" | "filter" | "fire" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flight-landing" | "flight-takeoff" | "flip-h" | "flip-v" | "folder-add" | "folder-o" | "folder-open-o" | "folder-open" | "folder-remove" | "folder-search" | "folder" | "font" | "form" | "forward" | "frown-o" | "funcion" | "funnel" | "gamepad" | "gavel" | "gift" | "glass" | "glasses" | "globe-wire" | "globe" | "golf" | "google-plus-square" | "google-plus" | "grab" | "grid-bevel" | "grid-big-o" | "grid-big" | "grid-h" | "grid-small-o" | "grid-small" | "grid-v" | "grid" | "group" | "hammer" | "hand-coins" | "hand" | "handle-corner" | "hands-up" | "handshake" | "harddrive-o" | "harddrive" | "hash" | "header" | "headphones" | "headset" | "health-card" | "heart-o" | "heart" | "home-o" | "home" | "hospital" | "hourglass-empty" | "hourglass-end" | "hourglass-start" | "hourglass" | "inbox" | "indent" | "info-circle-o" | "info-circle" | "input" | "insert" | "institution" | "invoice" | "italic" | "key-o" | "keyboard-o" | "keyboard" | "laptop" | "layout" | "level-down-bold" | "level-down" | "level-left-bold" | "level-left" | "level-right-bold" | "level-right" | "level-up-bold" | "level-up" | "lifebuoy" | "lightbulb" | "line-bar-chart" | "line-chart" | "line-h" | "line-v" | "lines-list" | "lines" | "list-ol" | "list-select" | "list-ul" | "list" | "location-arrow-circle-o" | "location-arrow-circle" | "location-arrow" | "lock" | "magic" | "magnet" | "mailbox" | "male" | "map-marker" | "margin-bottom" | "margin-left" | "margin-right" | "margin-top" | "margin" | "medal" | "megaphone" | "meh-o" | "menu" | "microphone" | "mini-partner" | "minus-circle-o" | "minus-circle" | "minus-square-o" | "minus" | "mobile-browser" | "mobile-retro" | "mobile" | "modal-list" | "modal" | "money-deposit" | "money-exchange" | "money-withdraw" | "money" | "moon-o" | "moon" | "morning" | "movie" | "music" | "mute" | "native-button" | "newspaper" | "notebook" | "number-count" | "nurse" | "office" | "open-book" | "option-a" | "option" | "options" | "orientation" | "out" | "outbox" | "package" | "padding-bottom" | "padding-left" | "padding-right" | "padding-top" | "padding" | "paint-roll" | "paintbrush" | "palette" | "panel" | "paperclip" | "paperplane-o" | "paperplane" | "paragraph" | "partner" | "password" | "paste" | "pause" | "pencil" | "phone-landline" | "phone" | "picture" | "pie-bar-chart" | "pie-chart" | "piggy-bank-coin" | "piggy-bank" | "pill" | "pills" | "pin-post" | "pin" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle-o" | "plus-circle" | "plus-minus" | "plus-square-o" | "plus" | "pointer" | "power-off" | "presentation" | "print" | "progressbar" | "puzzle-piece" | "pyramid-chart" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quote-left" | "quote-right" | "random" | "raster-lower-left" | "raster" | "records" | "recycle" | "refresh" | "reply-all" | "reply" | "resize-h" | "resize-v" | "retweet" | "rhombus" | "road-branch" | "road-branches" | "road-split" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rss-square" | "rss" | "safe-lock" | "safe" | "scale-unbalance" | "scale" | "scatter-chart" | "scissors" | "screwdriver" | "search-minus" | "search-plus" | "select" | "server" | "share-square" | "share" | "shield" | "shift-arrow" | "shift" | "shop" | "sign-in-alt" | "sign-in" | "sign-out-alt" | "sign-out" | "signal" | "sitemap" | "slider" | "sliders" | "smiley-o" | "sort" | "sound-disable" | "spark-line" | "specialist" | "spinner-arc" | "spinner-third" | "spinner" | "spline-area-chart" | "spline-chart" | "split-h" | "split-v" | "spoon" | "square-shadow" | "star-half-left-o" | "star-half-left" | "star-half-right-o" | "star-half-right" | "star-o" | "star" | "start-cog" | "step-backward" | "step-forward" | "stethoscope" | "stock" | "stop-cog" | "stop" | "stopwatch" | "storage" | "strikethrough" | "subscript" | "suitcase" | "sun-down" | "sun-o" | "sun-rise" | "superscript" | "sword" | "tab-a" | "tab" | "table" | "tablet" | "tabs" | "tag" | "tags" | "tasks" | "taxi" | "teeth" | "terminal" | "text-height" | "text-input" | "text-label" | "text-width" | "thin-square" | "thumbs-down-o" | "thumbs-down" | "thumbs-up-o" | "thumbs-up" | "ticket" | "time-backward" | "time-forward" | "timer" | "toolbox" | "tools" | "tooth" | "touch" | "train" | "trash" | "tree-table" | "trending-down" | "trending-up" | "trophy" | "truck" | "twin-col-select" | "twitter-square" | "twitter" | "umbrella" | "unlink" | "unlock" | "upload-alt" | "upload" | "user-card" | "user-check" | "user-clock" | "user-heart" | "user-star" | "user" | "users" | "vaadin-h" | "vaadin-v" | "viewport" | "vimeo-square" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "volume" | "wallet" | "warehouse" | "workplace" | "wrench" | "youtube-square" | "youtube" | undefined>;
|
|
689
701
|
/**
|
|
690
702
|
* When true, shows a remove control that emits {@link removed}. Parent owns
|
|
691
703
|
* list state — this component does not unmount itself.
|
|
@@ -696,11 +708,14 @@ declare class ChipComponent {
|
|
|
696
708
|
/** Emitted when the remove control is activated. */
|
|
697
709
|
readonly removed: _angular_core.OutputEmitterRef<void>;
|
|
698
710
|
protected readonly iconSize: _angular_core.Signal<14 | 12>;
|
|
711
|
+
/** Trimmed custom accent, or `null` when using a named {@link variant}. */
|
|
712
|
+
protected readonly customAccent: _angular_core.Signal<string | null>;
|
|
699
713
|
protected readonly hostClass: _angular_core.Signal<string>;
|
|
700
714
|
/**
|
|
701
|
-
* Soft background + text per variant
|
|
702
|
-
* chips never wash out as near-white
|
|
703
|
-
*
|
|
715
|
+
* Soft background + text per variant, or the custom-color host class.
|
|
716
|
+
* Dark mode uses translucent accents so chips never wash out as near-white
|
|
717
|
+
* blobs.
|
|
718
|
+
* @returns Tailwind / host class string for the active tone.
|
|
704
719
|
*/
|
|
705
720
|
private toneClass;
|
|
706
721
|
/**
|
|
@@ -708,7 +723,7 @@ declare class ChipComponent {
|
|
|
708
723
|
*/
|
|
709
724
|
protected onRemove(event: Event): void;
|
|
710
725
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
|
|
711
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "africanies-chip", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
|
|
726
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "africanies-chip", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
|
|
712
727
|
}
|
|
713
728
|
|
|
714
729
|
/** Known inbound / last-mile carrier slugs with bundled SVG marks. */
|
|
@@ -1109,7 +1124,7 @@ declare class TooltipComponent {
|
|
|
1109
1124
|
/** Preferred side; flips when there is no room. */
|
|
1110
1125
|
readonly placement: _angular_core.InputSignal<TooltipPlacement>;
|
|
1111
1126
|
/** Icon for the default trigger (ignored when a custom trigger is projected). */
|
|
1112
|
-
readonly icon: _angular_core.InputSignal<"
|
|
1127
|
+
readonly icon: _angular_core.InputSignal<"warning" | "info" | "search" | "split" | "anchor" | "bold" | "link" | "key" | "underline" | "abacus" | "absolute-position" | "academy-cap" | "accessibility" | "accordion-menu" | "add-dock" | "adjust" | "adobe-flash" | "airplane" | "alarm" | "align-center" | "align-justify" | "align-left" | "align-right" | "alt-a" | "alt" | "ambulance" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "archive" | "archives" | "area-select" | "arrow-backward" | "arrow-circle-down-o" | "arrow-circle-down" | "arrow-circle-left-o" | "arrow-circle-left" | "arrow-circle-right-o" | "arrow-circle-right" | "arrow-circle-up-o" | "arrow-circle-up" | "arrow-down" | "arrow-forward" | "arrow-left" | "arrow-long-down" | "arrow-long-left" | "arrow-right" | "arrow-up" | "arrows-cross" | "arrows-long-h" | "arrows-long-right" | "arrows-long-up" | "arrows-long-v" | "arrows" | "asterisk" | "at" | "automation" | "backspace-a" | "backspace" | "backwards" | "ban" | "bar-chart-h" | "bar-chart-v" | "bar-chart" | "barcode" | "bed" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "boat" | "bolt" | "bomb" | "book-dollar" | "book-percent" | "book" | "bookmark-o" | "bookmark" | "briefcase" | "browser" | "bug-o" | "bug" | "building-o" | "building" | "bullets" | "bullseye" | "bus" | "button" | "calc-book" | "calc" | "calendar-briefcase" | "calendar-clock" | "calendar-envelope" | "calendar-o" | "calendar-user" | "calendar" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-down-o" | "caret-square-left-o" | "caret-square-right-o" | "caret-square-up-o" | "caret-up" | "cart-o" | "cart" | "cash" | "chart-3d" | "chart-grid" | "chart-line" | "chart-timeline" | "chart" | "chat" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down-o" | "chevron-circle-down" | "chevron-circle-left-o" | "chevron-circle-left" | "chevron-circle-right-o" | "chevron-circle-right" | "chevron-circle-up-o" | "chevron-circle-up" | "chevron-down-small" | "chevron-down" | "chevron-left-small" | "chevron-left" | "chevron-right-small" | "chevron-right" | "chevron-up-small" | "chevron-up" | "child" | "circle-thin" | "circle" | "clipboard-check" | "clipboard-cross" | "clipboard-heart" | "clipboard-pulse" | "clipboard-text" | "clipboard-user" | "clipboard" | "clock" | "close-big" | "close-circle-o" | "close-circle" | "close-small" | "close" | "cloud-download-o" | "cloud-download" | "cloud-o" | "cloud-upload-o" | "cloud-upload" | "cloud" | "cluster" | "code" | "coffee" | "cog-o" | "cog" | "cogs" | "coin-piles" | "coins" | "combobox" | "comment-ellipsis-o" | "comment-ellipsis" | "comment-o" | "comment" | "comments-o" | "comments" | "compile" | "compress-square" | "compress" | "connect-o" | "connect" | "controller" | "copy-o" | "copy" | "copyright" | "corner-lower-left" | "corner-lower-right" | "corner-upper-left" | "corner-upper-right" | "credit-card" | "crop" | "cross-cutlery" | "crosshairs" | "css" | "ctrl-a" | "ctrl" | "cube" | "cubes" | "curly-brackets" | "cursor-o" | "cursor" | "cutlery" | "dashboard" | "database" | "date-input" | "deindent" | "del-a" | "del" | "dental-chair" | "desktop" | "diamond-o" | "diamond" | "diasporan-partner" | "diploma-scroll" | "diploma" | "disc" | "doctor-briefcase" | "doctor" | "dollar" | "dot-circle" | "download-alt" | "download" | "drop" | "edit" | "eject" | "elastic" | "ellipsis-circle-o" | "ellipsis-circle" | "ellipsis-dots-h" | "ellipsis-dots-v" | "ellipsis-h" | "ellipsis-v" | "enter-arrow" | "enter" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope" | "envelopes-o" | "envelopes" | "eraser" | "esc-a" | "esc" | "euro" | "exchange" | "exclamation-circle-o" | "exclamation-circle" | "exclamation" | "exit-o" | "exit" | "expand-full" | "expand-square" | "expand" | "external-browser" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "facebook-square" | "facebook" | "factory" | "family" | "fast-backward" | "fast-forward" | "female" | "file-add" | "file-code" | "file-font" | "file-movie" | "file-o" | "file-picture" | "file-presentation" | "file-process" | "file-refresh" | "file-remove" | "file-search" | "file-sound" | "file-start" | "file-table" | "file-text-o" | "file-text" | "file-tree-small" | "file-tree-sub" | "file-tree" | "file-zip" | "file" | "fill" | "film" | "filter" | "fire" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flight-landing" | "flight-takeoff" | "flip-h" | "flip-v" | "folder-add" | "folder-o" | "folder-open-o" | "folder-open" | "folder-remove" | "folder-search" | "folder" | "font" | "form" | "forward" | "frown-o" | "funcion" | "funnel" | "gamepad" | "gavel" | "gift" | "glass" | "glasses" | "globe-wire" | "globe" | "golf" | "google-plus-square" | "google-plus" | "grab" | "grid-bevel" | "grid-big-o" | "grid-big" | "grid-h" | "grid-small-o" | "grid-small" | "grid-v" | "grid" | "group" | "hammer" | "hand-coins" | "hand" | "handle-corner" | "hands-up" | "handshake" | "harddrive-o" | "harddrive" | "hash" | "header" | "headphones" | "headset" | "health-card" | "heart-o" | "heart" | "home-o" | "home" | "hospital" | "hourglass-empty" | "hourglass-end" | "hourglass-start" | "hourglass" | "inbox" | "indent" | "info-circle-o" | "info-circle" | "input" | "insert" | "institution" | "invoice" | "italic" | "key-o" | "keyboard-o" | "keyboard" | "laptop" | "layout" | "level-down-bold" | "level-down" | "level-left-bold" | "level-left" | "level-right-bold" | "level-right" | "level-up-bold" | "level-up" | "lifebuoy" | "lightbulb" | "line-bar-chart" | "line-chart" | "line-h" | "line-v" | "lines-list" | "lines" | "list-ol" | "list-select" | "list-ul" | "list" | "location-arrow-circle-o" | "location-arrow-circle" | "location-arrow" | "lock" | "magic" | "magnet" | "mailbox" | "male" | "map-marker" | "margin-bottom" | "margin-left" | "margin-right" | "margin-top" | "margin" | "medal" | "megaphone" | "meh-o" | "menu" | "microphone" | "mini-partner" | "minus-circle-o" | "minus-circle" | "minus-square-o" | "minus" | "mobile-browser" | "mobile-retro" | "mobile" | "modal-list" | "modal" | "money-deposit" | "money-exchange" | "money-withdraw" | "money" | "moon-o" | "moon" | "morning" | "movie" | "music" | "mute" | "native-button" | "newspaper" | "notebook" | "number-count" | "nurse" | "office" | "open-book" | "option-a" | "option" | "options" | "orientation" | "out" | "outbox" | "package" | "padding-bottom" | "padding-left" | "padding-right" | "padding-top" | "padding" | "paint-roll" | "paintbrush" | "palette" | "panel" | "paperclip" | "paperplane-o" | "paperplane" | "paragraph" | "partner" | "password" | "paste" | "pause" | "pencil" | "phone-landline" | "phone" | "picture" | "pie-bar-chart" | "pie-chart" | "piggy-bank-coin" | "piggy-bank" | "pill" | "pills" | "pin-post" | "pin" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle-o" | "plus-circle" | "plus-minus" | "plus-square-o" | "plus" | "pointer" | "power-off" | "presentation" | "print" | "progressbar" | "puzzle-piece" | "pyramid-chart" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quote-left" | "quote-right" | "random" | "raster-lower-left" | "raster" | "records" | "recycle" | "refresh" | "reply-all" | "reply" | "resize-h" | "resize-v" | "retweet" | "rhombus" | "road-branch" | "road-branches" | "road-split" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rss-square" | "rss" | "safe-lock" | "safe" | "scale-unbalance" | "scale" | "scatter-chart" | "scissors" | "screwdriver" | "search-minus" | "search-plus" | "select" | "server" | "share-square" | "share" | "shield" | "shift-arrow" | "shift" | "shop" | "sign-in-alt" | "sign-in" | "sign-out-alt" | "sign-out" | "signal" | "sitemap" | "slider" | "sliders" | "smiley-o" | "sort" | "sound-disable" | "spark-line" | "specialist" | "spinner-arc" | "spinner-third" | "spinner" | "spline-area-chart" | "spline-chart" | "split-h" | "split-v" | "spoon" | "square-shadow" | "star-half-left-o" | "star-half-left" | "star-half-right-o" | "star-half-right" | "star-o" | "star" | "start-cog" | "step-backward" | "step-forward" | "stethoscope" | "stock" | "stop-cog" | "stop" | "stopwatch" | "storage" | "strikethrough" | "subscript" | "suitcase" | "sun-down" | "sun-o" | "sun-rise" | "superscript" | "sword" | "tab-a" | "tab" | "table" | "tablet" | "tabs" | "tag" | "tags" | "tasks" | "taxi" | "teeth" | "terminal" | "text-height" | "text-input" | "text-label" | "text-width" | "thin-square" | "thumbs-down-o" | "thumbs-down" | "thumbs-up-o" | "thumbs-up" | "ticket" | "time-backward" | "time-forward" | "timer" | "toolbox" | "tools" | "tooth" | "touch" | "train" | "trash" | "tree-table" | "trending-down" | "trending-up" | "trophy" | "truck" | "twin-col-select" | "twitter-square" | "twitter" | "umbrella" | "unlink" | "unlock" | "upload-alt" | "upload" | "user-card" | "user-check" | "user-clock" | "user-heart" | "user-star" | "user" | "users" | "vaadin-h" | "vaadin-v" | "viewport" | "vimeo-square" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "volume" | "wallet" | "warehouse" | "workplace" | "wrench" | "youtube-square" | "youtube">;
|
|
1113
1128
|
/** Accessible name for the default icon button. */
|
|
1114
1129
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1115
1130
|
/** When true, the tip never opens. */
|
|
@@ -1192,7 +1207,7 @@ declare class InfoPopoverComponent {
|
|
|
1192
1207
|
/** Preferred side; flips when there is no room. */
|
|
1193
1208
|
readonly placement: _angular_core.InputSignal<InfoPopoverPlacement>;
|
|
1194
1209
|
/** Icon for the default trigger (ignored when a custom trigger is projected). */
|
|
1195
|
-
readonly icon: _angular_core.InputSignal<"
|
|
1210
|
+
readonly icon: _angular_core.InputSignal<"warning" | "info" | "search" | "split" | "anchor" | "bold" | "link" | "key" | "underline" | "abacus" | "absolute-position" | "academy-cap" | "accessibility" | "accordion-menu" | "add-dock" | "adjust" | "adobe-flash" | "airplane" | "alarm" | "align-center" | "align-justify" | "align-left" | "align-right" | "alt-a" | "alt" | "ambulance" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "archive" | "archives" | "area-select" | "arrow-backward" | "arrow-circle-down-o" | "arrow-circle-down" | "arrow-circle-left-o" | "arrow-circle-left" | "arrow-circle-right-o" | "arrow-circle-right" | "arrow-circle-up-o" | "arrow-circle-up" | "arrow-down" | "arrow-forward" | "arrow-left" | "arrow-long-down" | "arrow-long-left" | "arrow-right" | "arrow-up" | "arrows-cross" | "arrows-long-h" | "arrows-long-right" | "arrows-long-up" | "arrows-long-v" | "arrows" | "asterisk" | "at" | "automation" | "backspace-a" | "backspace" | "backwards" | "ban" | "bar-chart-h" | "bar-chart-v" | "bar-chart" | "barcode" | "bed" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "boat" | "bolt" | "bomb" | "book-dollar" | "book-percent" | "book" | "bookmark-o" | "bookmark" | "briefcase" | "browser" | "bug-o" | "bug" | "building-o" | "building" | "bullets" | "bullseye" | "bus" | "button" | "calc-book" | "calc" | "calendar-briefcase" | "calendar-clock" | "calendar-envelope" | "calendar-o" | "calendar-user" | "calendar" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-down-o" | "caret-square-left-o" | "caret-square-right-o" | "caret-square-up-o" | "caret-up" | "cart-o" | "cart" | "cash" | "chart-3d" | "chart-grid" | "chart-line" | "chart-timeline" | "chart" | "chat" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down-o" | "chevron-circle-down" | "chevron-circle-left-o" | "chevron-circle-left" | "chevron-circle-right-o" | "chevron-circle-right" | "chevron-circle-up-o" | "chevron-circle-up" | "chevron-down-small" | "chevron-down" | "chevron-left-small" | "chevron-left" | "chevron-right-small" | "chevron-right" | "chevron-up-small" | "chevron-up" | "child" | "circle-thin" | "circle" | "clipboard-check" | "clipboard-cross" | "clipboard-heart" | "clipboard-pulse" | "clipboard-text" | "clipboard-user" | "clipboard" | "clock" | "close-big" | "close-circle-o" | "close-circle" | "close-small" | "close" | "cloud-download-o" | "cloud-download" | "cloud-o" | "cloud-upload-o" | "cloud-upload" | "cloud" | "cluster" | "code" | "coffee" | "cog-o" | "cog" | "cogs" | "coin-piles" | "coins" | "combobox" | "comment-ellipsis-o" | "comment-ellipsis" | "comment-o" | "comment" | "comments-o" | "comments" | "compile" | "compress-square" | "compress" | "connect-o" | "connect" | "controller" | "copy-o" | "copy" | "copyright" | "corner-lower-left" | "corner-lower-right" | "corner-upper-left" | "corner-upper-right" | "credit-card" | "crop" | "cross-cutlery" | "crosshairs" | "css" | "ctrl-a" | "ctrl" | "cube" | "cubes" | "curly-brackets" | "cursor-o" | "cursor" | "cutlery" | "dashboard" | "database" | "date-input" | "deindent" | "del-a" | "del" | "dental-chair" | "desktop" | "diamond-o" | "diamond" | "diasporan-partner" | "diploma-scroll" | "diploma" | "disc" | "doctor-briefcase" | "doctor" | "dollar" | "dot-circle" | "download-alt" | "download" | "drop" | "edit" | "eject" | "elastic" | "ellipsis-circle-o" | "ellipsis-circle" | "ellipsis-dots-h" | "ellipsis-dots-v" | "ellipsis-h" | "ellipsis-v" | "enter-arrow" | "enter" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope" | "envelopes-o" | "envelopes" | "eraser" | "esc-a" | "esc" | "euro" | "exchange" | "exclamation-circle-o" | "exclamation-circle" | "exclamation" | "exit-o" | "exit" | "expand-full" | "expand-square" | "expand" | "external-browser" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "facebook-square" | "facebook" | "factory" | "family" | "fast-backward" | "fast-forward" | "female" | "file-add" | "file-code" | "file-font" | "file-movie" | "file-o" | "file-picture" | "file-presentation" | "file-process" | "file-refresh" | "file-remove" | "file-search" | "file-sound" | "file-start" | "file-table" | "file-text-o" | "file-text" | "file-tree-small" | "file-tree-sub" | "file-tree" | "file-zip" | "file" | "fill" | "film" | "filter" | "fire" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flight-landing" | "flight-takeoff" | "flip-h" | "flip-v" | "folder-add" | "folder-o" | "folder-open-o" | "folder-open" | "folder-remove" | "folder-search" | "folder" | "font" | "form" | "forward" | "frown-o" | "funcion" | "funnel" | "gamepad" | "gavel" | "gift" | "glass" | "glasses" | "globe-wire" | "globe" | "golf" | "google-plus-square" | "google-plus" | "grab" | "grid-bevel" | "grid-big-o" | "grid-big" | "grid-h" | "grid-small-o" | "grid-small" | "grid-v" | "grid" | "group" | "hammer" | "hand-coins" | "hand" | "handle-corner" | "hands-up" | "handshake" | "harddrive-o" | "harddrive" | "hash" | "header" | "headphones" | "headset" | "health-card" | "heart-o" | "heart" | "home-o" | "home" | "hospital" | "hourglass-empty" | "hourglass-end" | "hourglass-start" | "hourglass" | "inbox" | "indent" | "info-circle-o" | "info-circle" | "input" | "insert" | "institution" | "invoice" | "italic" | "key-o" | "keyboard-o" | "keyboard" | "laptop" | "layout" | "level-down-bold" | "level-down" | "level-left-bold" | "level-left" | "level-right-bold" | "level-right" | "level-up-bold" | "level-up" | "lifebuoy" | "lightbulb" | "line-bar-chart" | "line-chart" | "line-h" | "line-v" | "lines-list" | "lines" | "list-ol" | "list-select" | "list-ul" | "list" | "location-arrow-circle-o" | "location-arrow-circle" | "location-arrow" | "lock" | "magic" | "magnet" | "mailbox" | "male" | "map-marker" | "margin-bottom" | "margin-left" | "margin-right" | "margin-top" | "margin" | "medal" | "megaphone" | "meh-o" | "menu" | "microphone" | "mini-partner" | "minus-circle-o" | "minus-circle" | "minus-square-o" | "minus" | "mobile-browser" | "mobile-retro" | "mobile" | "modal-list" | "modal" | "money-deposit" | "money-exchange" | "money-withdraw" | "money" | "moon-o" | "moon" | "morning" | "movie" | "music" | "mute" | "native-button" | "newspaper" | "notebook" | "number-count" | "nurse" | "office" | "open-book" | "option-a" | "option" | "options" | "orientation" | "out" | "outbox" | "package" | "padding-bottom" | "padding-left" | "padding-right" | "padding-top" | "padding" | "paint-roll" | "paintbrush" | "palette" | "panel" | "paperclip" | "paperplane-o" | "paperplane" | "paragraph" | "partner" | "password" | "paste" | "pause" | "pencil" | "phone-landline" | "phone" | "picture" | "pie-bar-chart" | "pie-chart" | "piggy-bank-coin" | "piggy-bank" | "pill" | "pills" | "pin-post" | "pin" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle-o" | "plus-circle" | "plus-minus" | "plus-square-o" | "plus" | "pointer" | "power-off" | "presentation" | "print" | "progressbar" | "puzzle-piece" | "pyramid-chart" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quote-left" | "quote-right" | "random" | "raster-lower-left" | "raster" | "records" | "recycle" | "refresh" | "reply-all" | "reply" | "resize-h" | "resize-v" | "retweet" | "rhombus" | "road-branch" | "road-branches" | "road-split" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rss-square" | "rss" | "safe-lock" | "safe" | "scale-unbalance" | "scale" | "scatter-chart" | "scissors" | "screwdriver" | "search-minus" | "search-plus" | "select" | "server" | "share-square" | "share" | "shield" | "shift-arrow" | "shift" | "shop" | "sign-in-alt" | "sign-in" | "sign-out-alt" | "sign-out" | "signal" | "sitemap" | "slider" | "sliders" | "smiley-o" | "sort" | "sound-disable" | "spark-line" | "specialist" | "spinner-arc" | "spinner-third" | "spinner" | "spline-area-chart" | "spline-chart" | "split-h" | "split-v" | "spoon" | "square-shadow" | "star-half-left-o" | "star-half-left" | "star-half-right-o" | "star-half-right" | "star-o" | "star" | "start-cog" | "step-backward" | "step-forward" | "stethoscope" | "stock" | "stop-cog" | "stop" | "stopwatch" | "storage" | "strikethrough" | "subscript" | "suitcase" | "sun-down" | "sun-o" | "sun-rise" | "superscript" | "sword" | "tab-a" | "tab" | "table" | "tablet" | "tabs" | "tag" | "tags" | "tasks" | "taxi" | "teeth" | "terminal" | "text-height" | "text-input" | "text-label" | "text-width" | "thin-square" | "thumbs-down-o" | "thumbs-down" | "thumbs-up-o" | "thumbs-up" | "ticket" | "time-backward" | "time-forward" | "timer" | "toolbox" | "tools" | "tooth" | "touch" | "train" | "trash" | "tree-table" | "trending-down" | "trending-up" | "trophy" | "truck" | "twin-col-select" | "twitter-square" | "twitter" | "umbrella" | "unlink" | "unlock" | "upload-alt" | "upload" | "user-card" | "user-check" | "user-clock" | "user-heart" | "user-star" | "user" | "users" | "vaadin-h" | "vaadin-v" | "viewport" | "vimeo-square" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "volume" | "wallet" | "warehouse" | "workplace" | "wrench" | "youtube-square" | "youtube">;
|
|
1196
1211
|
/** Accessible name for the default icon button. */
|
|
1197
1212
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1198
1213
|
/** When true, the popover never opens. */
|
|
@@ -1207,7 +1222,7 @@ declare class InfoPopoverComponent {
|
|
|
1207
1222
|
* Full panel class list (static card + CSS triangle toward the trigger).
|
|
1208
1223
|
* Bound via `[class]` so arrow position tracks preferred placement.
|
|
1209
1224
|
*/
|
|
1210
|
-
protected readonly panelArrowClass: _angular_core.Signal<"relative z-10 w-max max-w-xs rounded-
|
|
1225
|
+
protected readonly panelArrowClass: _angular_core.Signal<"relative z-10 w-max max-w-xs rounded-panel border border-border bg-surface px-4 py-3 text-ink shadow-floating dark:border-white/15 dark:bg-ink-950 dark:text-white before:pointer-events-none before:absolute before:z-0 before:h-2.5 before:w-2.5 before:rotate-45 before:border before:border-border before:bg-surface before:content-[''] dark:before:border-white/15 dark:before:bg-ink-950 before:left-1/2 before:top-0 before:-translate-x-1/2 before:-translate-y-1/2 before:border-b-0 before:border-r-0" | "relative z-10 w-max max-w-xs rounded-panel border border-border bg-surface px-4 py-3 text-ink shadow-floating dark:border-white/15 dark:bg-ink-950 dark:text-white before:pointer-events-none before:absolute before:z-0 before:h-2.5 before:w-2.5 before:rotate-45 before:border before:border-border before:bg-surface before:content-[''] dark:before:border-white/15 dark:before:bg-ink-950 before:right-0 before:top-1/2 before:translate-x-1/2 before:-translate-y-1/2 before:border-b-0 before:border-l-0" | "relative z-10 w-max max-w-xs rounded-panel border border-border bg-surface px-4 py-3 text-ink shadow-floating dark:border-white/15 dark:bg-ink-950 dark:text-white before:pointer-events-none before:absolute before:z-0 before:h-2.5 before:w-2.5 before:rotate-45 before:border before:border-border before:bg-surface before:content-[''] dark:before:border-white/15 dark:before:bg-ink-950 before:left-0 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:border-r-0 before:border-t-0" | "relative z-10 w-max max-w-xs rounded-panel border border-border bg-surface px-4 py-3 text-ink shadow-floating dark:border-white/15 dark:bg-ink-950 dark:text-white before:pointer-events-none before:absolute before:z-0 before:h-2.5 before:w-2.5 before:rotate-45 before:border before:border-border before:bg-surface before:content-[''] dark:before:border-white/15 dark:before:bg-ink-950 before:bottom-0 before:left-1/2 before:-translate-x-1/2 before:translate-y-1/2 before:border-l-0 before:border-t-0">;
|
|
1211
1226
|
protected onPointerEnter(): void;
|
|
1212
1227
|
protected onPointerLeave(): void;
|
|
1213
1228
|
protected onPanelEnter(): void;
|
|
@@ -1264,83 +1279,6 @@ declare class InfoPopoverTriggerDirective {
|
|
|
1264
1279
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InfoPopoverTriggerDirective, "[africaniesInfoPopoverTrigger]", never, {}, {}, never, never, true, never>;
|
|
1265
1280
|
}
|
|
1266
1281
|
|
|
1267
|
-
/**
|
|
1268
|
-
* Option row for {@link RadioComponent}.
|
|
1269
|
-
*
|
|
1270
|
-
* @typeParam T - Value type bound through CVA / `value`.
|
|
1271
|
-
*/
|
|
1272
|
-
interface RadioOption<T = string> {
|
|
1273
|
-
/** Visible label for the radio. */
|
|
1274
|
-
label: string;
|
|
1275
|
-
/** Value written when this option is selected. */
|
|
1276
|
-
value: T;
|
|
1277
|
-
/** When true, the option cannot be chosen. */
|
|
1278
|
-
disabled?: boolean;
|
|
1279
|
-
}
|
|
1280
|
-
/**
|
|
1281
|
-
* Radio group following the shared AFRICANIES form field pattern.
|
|
1282
|
-
*
|
|
1283
|
-
* **Prefix/suffix slots are omitted** — radios are mutually exclusive options
|
|
1284
|
-
* with labels; affix projection does not apply.
|
|
1285
|
-
*
|
|
1286
|
-
* Selected ring and center disc follow {@link ModeColorService}
|
|
1287
|
-
* (SFN green / STN orange).
|
|
1288
|
-
*
|
|
1289
|
-
* @typeParam T - Option value type.
|
|
1290
|
-
*
|
|
1291
|
-
* @example
|
|
1292
|
-
* ```html
|
|
1293
|
-
* <africanies-radio
|
|
1294
|
-
* label="Shipment mode"
|
|
1295
|
-
* [options]="modeOptions"
|
|
1296
|
-
* [(value)]="mode"
|
|
1297
|
-
* />
|
|
1298
|
-
* ```
|
|
1299
|
-
*/
|
|
1300
|
-
declare class RadioComponent<T = string> implements ControlValueAccessor {
|
|
1301
|
-
private readonly modeColor;
|
|
1302
|
-
protected readonly groupName: string;
|
|
1303
|
-
protected readonly hintId: string;
|
|
1304
|
-
protected readonly errorId: string;
|
|
1305
|
-
protected readonly labelClass = "block text-body-sm font-medium text-ink dark:text-white mb-1.5 empty:hidden";
|
|
1306
|
-
protected readonly hintClass = "mt-1.5 text-caption text-neutral-600 dark:text-neutral-400 m-0";
|
|
1307
|
-
protected readonly errorClass = "mt-1.5 text-caption text-danger m-0";
|
|
1308
|
-
/** Group legend / label. */
|
|
1309
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
1310
|
-
/** Helper copy. Hidden while {@link error} is set. */
|
|
1311
|
-
readonly hint: _angular_core.InputSignal<string | undefined>;
|
|
1312
|
-
/** Field-level validation message. Distinct from `ErrorStateComponent`. */
|
|
1313
|
-
readonly error: _angular_core.InputSignal<string | null>;
|
|
1314
|
-
/** Options rendered as radios. */
|
|
1315
|
-
readonly options: _angular_core.InputSignal<RadioOption<T>[]>;
|
|
1316
|
-
/** Selected option value (`[(value)]` + CVA). */
|
|
1317
|
-
readonly value: _angular_core.ModelSignal<T | null>;
|
|
1318
|
-
/** Host disable flag (in addition to CVA). */
|
|
1319
|
-
readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1320
|
-
protected readonly cvaDisabled: _angular_core.WritableSignal<boolean>;
|
|
1321
|
-
protected readonly disabled: _angular_core.Signal<boolean>;
|
|
1322
|
-
protected readonly describedBy: _angular_core.Signal<string | null>;
|
|
1323
|
-
private onChange;
|
|
1324
|
-
private onTouched;
|
|
1325
|
-
protected trackOption(opt: RadioOption<T>): string;
|
|
1326
|
-
protected isSelected(opt: RadioOption<T>): boolean;
|
|
1327
|
-
protected markClass(opt: RadioOption<T>): string;
|
|
1328
|
-
/** Selected inner disc — SFN green / STN orange. */
|
|
1329
|
-
protected readonly dotClass: _angular_core.Signal<string>;
|
|
1330
|
-
/** @param value - Selected option value or `null`. */
|
|
1331
|
-
writeValue(value: T | null): void;
|
|
1332
|
-
/** @param fn - Selection change callback. */
|
|
1333
|
-
registerOnChange(fn: (value: T | null) => void): void;
|
|
1334
|
-
/** @param fn - Blur callback. */
|
|
1335
|
-
registerOnTouched(fn: () => void): void;
|
|
1336
|
-
/** @param isDisabled - Blocks interaction when true. */
|
|
1337
|
-
setDisabledState(isDisabled: boolean): void;
|
|
1338
|
-
protected select(opt: RadioOption<T>): void;
|
|
1339
|
-
protected onBlur(): void;
|
|
1340
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent<any>, never>;
|
|
1341
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent<any>, "africanies-radio", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
1342
|
-
}
|
|
1343
|
-
|
|
1344
1282
|
/**
|
|
1345
1283
|
* Concrete {@link OverlayHandle} bound to a CDK {@link OverlayRef}.
|
|
1346
1284
|
*
|
|
@@ -1482,7 +1420,6 @@ declare class FilterDrawerPanel {
|
|
|
1482
1420
|
protected clearDateSection(): void;
|
|
1483
1421
|
protected onDateFieldChange(selected: SelectOption<string> | SelectOption<string>[] | null): void;
|
|
1484
1422
|
protected onSortChange(selected: SelectOption<string> | SelectOption<string>[] | null): void;
|
|
1485
|
-
protected onRadioChange(key: string, value: string | null): void;
|
|
1486
1423
|
protected onSelectChange(key: string, selected: SelectOption<string> | SelectOption<string>[] | null): void;
|
|
1487
1424
|
protected selectOptionsFor(field: FilterFieldModel): SelectOption<string>[];
|
|
1488
1425
|
protected optionErrorFor(key: string): string | null;
|
|
@@ -1493,7 +1430,11 @@ declare class FilterDrawerPanel {
|
|
|
1493
1430
|
private ensureFieldOptions;
|
|
1494
1431
|
private catalogErrorMessage;
|
|
1495
1432
|
protected selectedForField(field: FilterFieldModel): SelectOption<string> | null;
|
|
1496
|
-
|
|
1433
|
+
/**
|
|
1434
|
+
* Boolean Yes/No chips. Prefer field.options when present; otherwise default
|
|
1435
|
+
* colored Yes/No so every boolean filter stays visually distinct.
|
|
1436
|
+
*/
|
|
1437
|
+
protected booleanOptions(field: FilterFieldModel): FilterOptionModel[];
|
|
1497
1438
|
protected onReset(): void;
|
|
1498
1439
|
protected onApply(): void;
|
|
1499
1440
|
/**
|
|
@@ -1746,12 +1687,12 @@ declare class ConfirmDialogComponent {
|
|
|
1746
1687
|
/** When true, cancel is primary and listed after confirm (safe choice last). */
|
|
1747
1688
|
protected readonly emphasizeCancel: _angular_core.Signal<boolean>;
|
|
1748
1689
|
/** Warning for destructive confirms; question mark otherwise. */
|
|
1749
|
-
protected readonly iconName: _angular_core.Signal<"
|
|
1690
|
+
protected readonly iconName: _angular_core.Signal<"warning" | "info" | "search" | "split" | "anchor" | "bold" | "link" | "key" | "underline" | "abacus" | "absolute-position" | "academy-cap" | "accessibility" | "accordion-menu" | "add-dock" | "adjust" | "adobe-flash" | "airplane" | "alarm" | "align-center" | "align-justify" | "align-left" | "align-right" | "alt-a" | "alt" | "ambulance" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "archive" | "archives" | "area-select" | "arrow-backward" | "arrow-circle-down-o" | "arrow-circle-down" | "arrow-circle-left-o" | "arrow-circle-left" | "arrow-circle-right-o" | "arrow-circle-right" | "arrow-circle-up-o" | "arrow-circle-up" | "arrow-down" | "arrow-forward" | "arrow-left" | "arrow-long-down" | "arrow-long-left" | "arrow-right" | "arrow-up" | "arrows-cross" | "arrows-long-h" | "arrows-long-right" | "arrows-long-up" | "arrows-long-v" | "arrows" | "asterisk" | "at" | "automation" | "backspace-a" | "backspace" | "backwards" | "ban" | "bar-chart-h" | "bar-chart-v" | "bar-chart" | "barcode" | "bed" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "boat" | "bolt" | "bomb" | "book-dollar" | "book-percent" | "book" | "bookmark-o" | "bookmark" | "briefcase" | "browser" | "bug-o" | "bug" | "building-o" | "building" | "bullets" | "bullseye" | "bus" | "button" | "calc-book" | "calc" | "calendar-briefcase" | "calendar-clock" | "calendar-envelope" | "calendar-o" | "calendar-user" | "calendar" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-down-o" | "caret-square-left-o" | "caret-square-right-o" | "caret-square-up-o" | "caret-up" | "cart-o" | "cart" | "cash" | "chart-3d" | "chart-grid" | "chart-line" | "chart-timeline" | "chart" | "chat" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down-o" | "chevron-circle-down" | "chevron-circle-left-o" | "chevron-circle-left" | "chevron-circle-right-o" | "chevron-circle-right" | "chevron-circle-up-o" | "chevron-circle-up" | "chevron-down-small" | "chevron-down" | "chevron-left-small" | "chevron-left" | "chevron-right-small" | "chevron-right" | "chevron-up-small" | "chevron-up" | "child" | "circle-thin" | "circle" | "clipboard-check" | "clipboard-cross" | "clipboard-heart" | "clipboard-pulse" | "clipboard-text" | "clipboard-user" | "clipboard" | "clock" | "close-big" | "close-circle-o" | "close-circle" | "close-small" | "close" | "cloud-download-o" | "cloud-download" | "cloud-o" | "cloud-upload-o" | "cloud-upload" | "cloud" | "cluster" | "code" | "coffee" | "cog-o" | "cog" | "cogs" | "coin-piles" | "coins" | "combobox" | "comment-ellipsis-o" | "comment-ellipsis" | "comment-o" | "comment" | "comments-o" | "comments" | "compile" | "compress-square" | "compress" | "connect-o" | "connect" | "controller" | "copy-o" | "copy" | "copyright" | "corner-lower-left" | "corner-lower-right" | "corner-upper-left" | "corner-upper-right" | "credit-card" | "crop" | "cross-cutlery" | "crosshairs" | "css" | "ctrl-a" | "ctrl" | "cube" | "cubes" | "curly-brackets" | "cursor-o" | "cursor" | "cutlery" | "dashboard" | "database" | "date-input" | "deindent" | "del-a" | "del" | "dental-chair" | "desktop" | "diamond-o" | "diamond" | "diasporan-partner" | "diploma-scroll" | "diploma" | "disc" | "doctor-briefcase" | "doctor" | "dollar" | "dot-circle" | "download-alt" | "download" | "drop" | "edit" | "eject" | "elastic" | "ellipsis-circle-o" | "ellipsis-circle" | "ellipsis-dots-h" | "ellipsis-dots-v" | "ellipsis-h" | "ellipsis-v" | "enter-arrow" | "enter" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope" | "envelopes-o" | "envelopes" | "eraser" | "esc-a" | "esc" | "euro" | "exchange" | "exclamation-circle-o" | "exclamation-circle" | "exclamation" | "exit-o" | "exit" | "expand-full" | "expand-square" | "expand" | "external-browser" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "facebook-square" | "facebook" | "factory" | "family" | "fast-backward" | "fast-forward" | "female" | "file-add" | "file-code" | "file-font" | "file-movie" | "file-o" | "file-picture" | "file-presentation" | "file-process" | "file-refresh" | "file-remove" | "file-search" | "file-sound" | "file-start" | "file-table" | "file-text-o" | "file-text" | "file-tree-small" | "file-tree-sub" | "file-tree" | "file-zip" | "file" | "fill" | "film" | "filter" | "fire" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flight-landing" | "flight-takeoff" | "flip-h" | "flip-v" | "folder-add" | "folder-o" | "folder-open-o" | "folder-open" | "folder-remove" | "folder-search" | "folder" | "font" | "form" | "forward" | "frown-o" | "funcion" | "funnel" | "gamepad" | "gavel" | "gift" | "glass" | "glasses" | "globe-wire" | "globe" | "golf" | "google-plus-square" | "google-plus" | "grab" | "grid-bevel" | "grid-big-o" | "grid-big" | "grid-h" | "grid-small-o" | "grid-small" | "grid-v" | "grid" | "group" | "hammer" | "hand-coins" | "hand" | "handle-corner" | "hands-up" | "handshake" | "harddrive-o" | "harddrive" | "hash" | "header" | "headphones" | "headset" | "health-card" | "heart-o" | "heart" | "home-o" | "home" | "hospital" | "hourglass-empty" | "hourglass-end" | "hourglass-start" | "hourglass" | "inbox" | "indent" | "info-circle-o" | "info-circle" | "input" | "insert" | "institution" | "invoice" | "italic" | "key-o" | "keyboard-o" | "keyboard" | "laptop" | "layout" | "level-down-bold" | "level-down" | "level-left-bold" | "level-left" | "level-right-bold" | "level-right" | "level-up-bold" | "level-up" | "lifebuoy" | "lightbulb" | "line-bar-chart" | "line-chart" | "line-h" | "line-v" | "lines-list" | "lines" | "list-ol" | "list-select" | "list-ul" | "list" | "location-arrow-circle-o" | "location-arrow-circle" | "location-arrow" | "lock" | "magic" | "magnet" | "mailbox" | "male" | "map-marker" | "margin-bottom" | "margin-left" | "margin-right" | "margin-top" | "margin" | "medal" | "megaphone" | "meh-o" | "menu" | "microphone" | "mini-partner" | "minus-circle-o" | "minus-circle" | "minus-square-o" | "minus" | "mobile-browser" | "mobile-retro" | "mobile" | "modal-list" | "modal" | "money-deposit" | "money-exchange" | "money-withdraw" | "money" | "moon-o" | "moon" | "morning" | "movie" | "music" | "mute" | "native-button" | "newspaper" | "notebook" | "number-count" | "nurse" | "office" | "open-book" | "option-a" | "option" | "options" | "orientation" | "out" | "outbox" | "package" | "padding-bottom" | "padding-left" | "padding-right" | "padding-top" | "padding" | "paint-roll" | "paintbrush" | "palette" | "panel" | "paperclip" | "paperplane-o" | "paperplane" | "paragraph" | "partner" | "password" | "paste" | "pause" | "pencil" | "phone-landline" | "phone" | "picture" | "pie-bar-chart" | "pie-chart" | "piggy-bank-coin" | "piggy-bank" | "pill" | "pills" | "pin-post" | "pin" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle-o" | "plus-circle" | "plus-minus" | "plus-square-o" | "plus" | "pointer" | "power-off" | "presentation" | "print" | "progressbar" | "puzzle-piece" | "pyramid-chart" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quote-left" | "quote-right" | "random" | "raster-lower-left" | "raster" | "records" | "recycle" | "refresh" | "reply-all" | "reply" | "resize-h" | "resize-v" | "retweet" | "rhombus" | "road-branch" | "road-branches" | "road-split" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rss-square" | "rss" | "safe-lock" | "safe" | "scale-unbalance" | "scale" | "scatter-chart" | "scissors" | "screwdriver" | "search-minus" | "search-plus" | "select" | "server" | "share-square" | "share" | "shield" | "shift-arrow" | "shift" | "shop" | "sign-in-alt" | "sign-in" | "sign-out-alt" | "sign-out" | "signal" | "sitemap" | "slider" | "sliders" | "smiley-o" | "sort" | "sound-disable" | "spark-line" | "specialist" | "spinner-arc" | "spinner-third" | "spinner" | "spline-area-chart" | "spline-chart" | "split-h" | "split-v" | "spoon" | "square-shadow" | "star-half-left-o" | "star-half-left" | "star-half-right-o" | "star-half-right" | "star-o" | "star" | "start-cog" | "step-backward" | "step-forward" | "stethoscope" | "stock" | "stop-cog" | "stop" | "stopwatch" | "storage" | "strikethrough" | "subscript" | "suitcase" | "sun-down" | "sun-o" | "sun-rise" | "superscript" | "sword" | "tab-a" | "tab" | "table" | "tablet" | "tabs" | "tag" | "tags" | "tasks" | "taxi" | "teeth" | "terminal" | "text-height" | "text-input" | "text-label" | "text-width" | "thin-square" | "thumbs-down-o" | "thumbs-down" | "thumbs-up-o" | "thumbs-up" | "ticket" | "time-backward" | "time-forward" | "timer" | "toolbox" | "tools" | "tooth" | "touch" | "train" | "trash" | "tree-table" | "trending-down" | "trending-up" | "trophy" | "truck" | "twin-col-select" | "twitter-square" | "twitter" | "umbrella" | "unlink" | "unlock" | "upload-alt" | "upload" | "user-card" | "user-check" | "user-clock" | "user-heart" | "user-star" | "user" | "users" | "vaadin-h" | "vaadin-v" | "viewport" | "vimeo-square" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "volume" | "wallet" | "warehouse" | "workplace" | "wrench" | "youtube-square" | "youtube">;
|
|
1750
1691
|
/**
|
|
1751
1692
|
* Tinted well so the icon reads as a status, not a thin glyph beside the
|
|
1752
1693
|
* heading. Danger uses the red subtle token; default uses export green.
|
|
1753
1694
|
*/
|
|
1754
|
-
protected readonly iconWellClass: _angular_core.Signal<"inline-flex size-14 shrink-0 items-center justify-center rounded-2xl bg-danger-subtle text-danger dark:bg-danger/20 dark:text-danger" | "inline-flex size-14 shrink-0 items-center justify-center rounded-2xl bg-export-subtle text-export dark:bg-export/20 dark:text-export-light">;
|
|
1695
|
+
protected readonly iconWellClass: _angular_core.Signal<"inline-flex size-14 shrink-0 items-center justify-center rounded-2xl bg-danger-subtle text-danger-dark dark:bg-danger/20 dark:text-danger" | "inline-flex size-14 shrink-0 items-center justify-center rounded-2xl bg-export-subtle text-export-strong dark:bg-export/20 dark:text-export-light">;
|
|
1755
1696
|
constructor();
|
|
1756
1697
|
/**
|
|
1757
1698
|
* Affirms the action. When `onConfirm` is set, waits for it before closing
|
|
@@ -2813,6 +2754,83 @@ declare class OtpInputComponent implements ControlValueAccessor, OnDestroy {
|
|
|
2813
2754
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OtpInputComponent, "africanies-otp-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "showResend": { "alias": "showResend"; "required": false; "isSignal": true; }; "resendPrompt": { "alias": "resendPrompt"; "required": false; "isSignal": true; }; "resendLabel": { "alias": "resendLabel"; "required": false; "isSignal": true; }; "resendCooldown": { "alias": "resendCooldown"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "completed": "completed"; "resend": "resend"; }, never, never, true, never>;
|
|
2814
2755
|
}
|
|
2815
2756
|
|
|
2757
|
+
/**
|
|
2758
|
+
* Option row for {@link RadioComponent}.
|
|
2759
|
+
*
|
|
2760
|
+
* @typeParam T - Value type bound through CVA / `value`.
|
|
2761
|
+
*/
|
|
2762
|
+
interface RadioOption<T = string> {
|
|
2763
|
+
/** Visible label for the radio. */
|
|
2764
|
+
label: string;
|
|
2765
|
+
/** Value written when this option is selected. */
|
|
2766
|
+
value: T;
|
|
2767
|
+
/** When true, the option cannot be chosen. */
|
|
2768
|
+
disabled?: boolean;
|
|
2769
|
+
}
|
|
2770
|
+
/**
|
|
2771
|
+
* Radio group following the shared AFRICANIES form field pattern.
|
|
2772
|
+
*
|
|
2773
|
+
* **Prefix/suffix slots are omitted** — radios are mutually exclusive options
|
|
2774
|
+
* with labels; affix projection does not apply.
|
|
2775
|
+
*
|
|
2776
|
+
* Selected ring and center disc follow {@link ModeColorService}
|
|
2777
|
+
* (SFN green / STN orange).
|
|
2778
|
+
*
|
|
2779
|
+
* @typeParam T - Option value type.
|
|
2780
|
+
*
|
|
2781
|
+
* @example
|
|
2782
|
+
* ```html
|
|
2783
|
+
* <africanies-radio
|
|
2784
|
+
* label="Shipment mode"
|
|
2785
|
+
* [options]="modeOptions"
|
|
2786
|
+
* [(value)]="mode"
|
|
2787
|
+
* />
|
|
2788
|
+
* ```
|
|
2789
|
+
*/
|
|
2790
|
+
declare class RadioComponent<T = string> implements ControlValueAccessor {
|
|
2791
|
+
private readonly modeColor;
|
|
2792
|
+
protected readonly groupName: string;
|
|
2793
|
+
protected readonly hintId: string;
|
|
2794
|
+
protected readonly errorId: string;
|
|
2795
|
+
protected readonly labelClass = "block text-body-sm font-medium text-ink dark:text-white mb-1.5 empty:hidden";
|
|
2796
|
+
protected readonly hintClass = "mt-1.5 text-caption text-neutral-600 dark:text-neutral-400 m-0";
|
|
2797
|
+
protected readonly errorClass = "mt-1.5 text-caption text-danger m-0";
|
|
2798
|
+
/** Group legend / label. */
|
|
2799
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
2800
|
+
/** Helper copy. Hidden while {@link error} is set. */
|
|
2801
|
+
readonly hint: _angular_core.InputSignal<string | undefined>;
|
|
2802
|
+
/** Field-level validation message. Distinct from `ErrorStateComponent`. */
|
|
2803
|
+
readonly error: _angular_core.InputSignal<string | null>;
|
|
2804
|
+
/** Options rendered as radios. */
|
|
2805
|
+
readonly options: _angular_core.InputSignal<RadioOption<T>[]>;
|
|
2806
|
+
/** Selected option value (`[(value)]` + CVA). */
|
|
2807
|
+
readonly value: _angular_core.ModelSignal<T | null>;
|
|
2808
|
+
/** Host disable flag (in addition to CVA). */
|
|
2809
|
+
readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2810
|
+
protected readonly cvaDisabled: _angular_core.WritableSignal<boolean>;
|
|
2811
|
+
protected readonly disabled: _angular_core.Signal<boolean>;
|
|
2812
|
+
protected readonly describedBy: _angular_core.Signal<string | null>;
|
|
2813
|
+
private onChange;
|
|
2814
|
+
private onTouched;
|
|
2815
|
+
protected trackOption(opt: RadioOption<T>): string;
|
|
2816
|
+
protected isSelected(opt: RadioOption<T>): boolean;
|
|
2817
|
+
protected markClass(opt: RadioOption<T>): string;
|
|
2818
|
+
/** Selected inner disc — SFN green / STN orange. */
|
|
2819
|
+
protected readonly dotClass: _angular_core.Signal<string>;
|
|
2820
|
+
/** @param value - Selected option value or `null`. */
|
|
2821
|
+
writeValue(value: T | null): void;
|
|
2822
|
+
/** @param fn - Selection change callback. */
|
|
2823
|
+
registerOnChange(fn: (value: T | null) => void): void;
|
|
2824
|
+
/** @param fn - Blur callback. */
|
|
2825
|
+
registerOnTouched(fn: () => void): void;
|
|
2826
|
+
/** @param isDisabled - Blocks interaction when true. */
|
|
2827
|
+
setDisabledState(isDisabled: boolean): void;
|
|
2828
|
+
protected select(opt: RadioOption<T>): void;
|
|
2829
|
+
protected onBlur(): void;
|
|
2830
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent<any>, never>;
|
|
2831
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent<any>, "africanies-radio", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
2832
|
+
}
|
|
2833
|
+
|
|
2816
2834
|
/** Async lookup invoked as the user types (after debounce). */
|
|
2817
2835
|
type SearchComboboxSearchFn<T> = (query: string) => Observable<T[]>;
|
|
2818
2836
|
/** Primary line in each dropdown row. */
|
|
@@ -3122,7 +3140,7 @@ declare class SelectComponent<T = string> implements ControlValueAccessor {
|
|
|
3122
3140
|
protected readonly filteredOptions: _angular_core.Signal<SelectOption<T>[]>;
|
|
3123
3141
|
protected readonly showFreeTextRow: _angular_core.Signal<boolean>;
|
|
3124
3142
|
protected readonly createIndex: _angular_core.Signal<0 | -1>;
|
|
3125
|
-
protected readonly freeTextIndex: _angular_core.Signal<
|
|
3143
|
+
protected readonly freeTextIndex: _angular_core.Signal<0 | 1 | -1>;
|
|
3126
3144
|
protected readonly navigableCount: _angular_core.Signal<number>;
|
|
3127
3145
|
protected readonly displayLabel: _angular_core.Signal<string>;
|
|
3128
3146
|
/** True when multiple mode has at least one chip selected. */
|
|
@@ -3137,13 +3155,13 @@ declare class SelectComponent<T = string> implements ControlValueAccessor {
|
|
|
3137
3155
|
*/
|
|
3138
3156
|
protected readonly singleSelected: _angular_core.Signal<SelectOption<T> | null>;
|
|
3139
3157
|
/** Selected option prefix → shell prefix slot (single-select only). */
|
|
3140
|
-
protected readonly shellPrefix: _angular_core.Signal<"
|
|
3158
|
+
protected readonly shellPrefix: _angular_core.Signal<"warning" | "info" | "search" | "split" | "anchor" | "bold" | "link" | "key" | "underline" | "abacus" | "absolute-position" | "academy-cap" | "accessibility" | "accordion-menu" | "add-dock" | "adjust" | "adobe-flash" | "airplane" | "alarm" | "align-center" | "align-justify" | "align-left" | "align-right" | "alt-a" | "alt" | "ambulance" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "archive" | "archives" | "area-select" | "arrow-backward" | "arrow-circle-down-o" | "arrow-circle-down" | "arrow-circle-left-o" | "arrow-circle-left" | "arrow-circle-right-o" | "arrow-circle-right" | "arrow-circle-up-o" | "arrow-circle-up" | "arrow-down" | "arrow-forward" | "arrow-left" | "arrow-long-down" | "arrow-long-left" | "arrow-right" | "arrow-up" | "arrows-cross" | "arrows-long-h" | "arrows-long-right" | "arrows-long-up" | "arrows-long-v" | "arrows" | "asterisk" | "at" | "automation" | "backspace-a" | "backspace" | "backwards" | "ban" | "bar-chart-h" | "bar-chart-v" | "bar-chart" | "barcode" | "bed" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "boat" | "bolt" | "bomb" | "book-dollar" | "book-percent" | "book" | "bookmark-o" | "bookmark" | "briefcase" | "browser" | "bug-o" | "bug" | "building-o" | "building" | "bullets" | "bullseye" | "bus" | "button" | "calc-book" | "calc" | "calendar-briefcase" | "calendar-clock" | "calendar-envelope" | "calendar-o" | "calendar-user" | "calendar" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-down-o" | "caret-square-left-o" | "caret-square-right-o" | "caret-square-up-o" | "caret-up" | "cart-o" | "cart" | "cash" | "chart-3d" | "chart-grid" | "chart-line" | "chart-timeline" | "chart" | "chat" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down-o" | "chevron-circle-down" | "chevron-circle-left-o" | "chevron-circle-left" | "chevron-circle-right-o" | "chevron-circle-right" | "chevron-circle-up-o" | "chevron-circle-up" | "chevron-down-small" | "chevron-down" | "chevron-left-small" | "chevron-left" | "chevron-right-small" | "chevron-right" | "chevron-up-small" | "chevron-up" | "child" | "circle-thin" | "circle" | "clipboard-check" | "clipboard-cross" | "clipboard-heart" | "clipboard-pulse" | "clipboard-text" | "clipboard-user" | "clipboard" | "clock" | "close-big" | "close-circle-o" | "close-circle" | "close-small" | "close" | "cloud-download-o" | "cloud-download" | "cloud-o" | "cloud-upload-o" | "cloud-upload" | "cloud" | "cluster" | "code" | "coffee" | "cog-o" | "cog" | "cogs" | "coin-piles" | "coins" | "combobox" | "comment-ellipsis-o" | "comment-ellipsis" | "comment-o" | "comment" | "comments-o" | "comments" | "compile" | "compress-square" | "compress" | "connect-o" | "connect" | "controller" | "copy-o" | "copy" | "copyright" | "corner-lower-left" | "corner-lower-right" | "corner-upper-left" | "corner-upper-right" | "credit-card" | "crop" | "cross-cutlery" | "crosshairs" | "css" | "ctrl-a" | "ctrl" | "cube" | "cubes" | "curly-brackets" | "cursor-o" | "cursor" | "cutlery" | "dashboard" | "database" | "date-input" | "deindent" | "del-a" | "del" | "dental-chair" | "desktop" | "diamond-o" | "diamond" | "diasporan-partner" | "diploma-scroll" | "diploma" | "disc" | "doctor-briefcase" | "doctor" | "dollar" | "dot-circle" | "download-alt" | "download" | "drop" | "edit" | "eject" | "elastic" | "ellipsis-circle-o" | "ellipsis-circle" | "ellipsis-dots-h" | "ellipsis-dots-v" | "ellipsis-h" | "ellipsis-v" | "enter-arrow" | "enter" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope" | "envelopes-o" | "envelopes" | "eraser" | "esc-a" | "esc" | "euro" | "exchange" | "exclamation-circle-o" | "exclamation-circle" | "exclamation" | "exit-o" | "exit" | "expand-full" | "expand-square" | "expand" | "external-browser" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "facebook-square" | "facebook" | "factory" | "family" | "fast-backward" | "fast-forward" | "female" | "file-add" | "file-code" | "file-font" | "file-movie" | "file-o" | "file-picture" | "file-presentation" | "file-process" | "file-refresh" | "file-remove" | "file-search" | "file-sound" | "file-start" | "file-table" | "file-text-o" | "file-text" | "file-tree-small" | "file-tree-sub" | "file-tree" | "file-zip" | "file" | "fill" | "film" | "filter" | "fire" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flight-landing" | "flight-takeoff" | "flip-h" | "flip-v" | "folder-add" | "folder-o" | "folder-open-o" | "folder-open" | "folder-remove" | "folder-search" | "folder" | "font" | "form" | "forward" | "frown-o" | "funcion" | "funnel" | "gamepad" | "gavel" | "gift" | "glass" | "glasses" | "globe-wire" | "globe" | "golf" | "google-plus-square" | "google-plus" | "grab" | "grid-bevel" | "grid-big-o" | "grid-big" | "grid-h" | "grid-small-o" | "grid-small" | "grid-v" | "grid" | "group" | "hammer" | "hand-coins" | "hand" | "handle-corner" | "hands-up" | "handshake" | "harddrive-o" | "harddrive" | "hash" | "header" | "headphones" | "headset" | "health-card" | "heart-o" | "heart" | "home-o" | "home" | "hospital" | "hourglass-empty" | "hourglass-end" | "hourglass-start" | "hourglass" | "inbox" | "indent" | "info-circle-o" | "info-circle" | "input" | "insert" | "institution" | "invoice" | "italic" | "key-o" | "keyboard-o" | "keyboard" | "laptop" | "layout" | "level-down-bold" | "level-down" | "level-left-bold" | "level-left" | "level-right-bold" | "level-right" | "level-up-bold" | "level-up" | "lifebuoy" | "lightbulb" | "line-bar-chart" | "line-chart" | "line-h" | "line-v" | "lines-list" | "lines" | "list-ol" | "list-select" | "list-ul" | "list" | "location-arrow-circle-o" | "location-arrow-circle" | "location-arrow" | "lock" | "magic" | "magnet" | "mailbox" | "male" | "map-marker" | "margin-bottom" | "margin-left" | "margin-right" | "margin-top" | "margin" | "medal" | "megaphone" | "meh-o" | "menu" | "microphone" | "mini-partner" | "minus-circle-o" | "minus-circle" | "minus-square-o" | "minus" | "mobile-browser" | "mobile-retro" | "mobile" | "modal-list" | "modal" | "money-deposit" | "money-exchange" | "money-withdraw" | "money" | "moon-o" | "moon" | "morning" | "movie" | "music" | "mute" | "native-button" | "newspaper" | "notebook" | "number-count" | "nurse" | "office" | "open-book" | "option-a" | "option" | "options" | "orientation" | "out" | "outbox" | "package" | "padding-bottom" | "padding-left" | "padding-right" | "padding-top" | "padding" | "paint-roll" | "paintbrush" | "palette" | "panel" | "paperclip" | "paperplane-o" | "paperplane" | "paragraph" | "partner" | "password" | "paste" | "pause" | "pencil" | "phone-landline" | "phone" | "picture" | "pie-bar-chart" | "pie-chart" | "piggy-bank-coin" | "piggy-bank" | "pill" | "pills" | "pin-post" | "pin" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle-o" | "plus-circle" | "plus-minus" | "plus-square-o" | "plus" | "pointer" | "power-off" | "presentation" | "print" | "progressbar" | "puzzle-piece" | "pyramid-chart" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quote-left" | "quote-right" | "random" | "raster-lower-left" | "raster" | "records" | "recycle" | "refresh" | "reply-all" | "reply" | "resize-h" | "resize-v" | "retweet" | "rhombus" | "road-branch" | "road-branches" | "road-split" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rss-square" | "rss" | "safe-lock" | "safe" | "scale-unbalance" | "scale" | "scatter-chart" | "scissors" | "screwdriver" | "search-minus" | "search-plus" | "select" | "server" | "share-square" | "share" | "shield" | "shift-arrow" | "shift" | "shop" | "sign-in-alt" | "sign-in" | "sign-out-alt" | "sign-out" | "signal" | "sitemap" | "slider" | "sliders" | "smiley-o" | "sort" | "sound-disable" | "spark-line" | "specialist" | "spinner-arc" | "spinner-third" | "spinner" | "spline-area-chart" | "spline-chart" | "split-h" | "split-v" | "spoon" | "square-shadow" | "star-half-left-o" | "star-half-left" | "star-half-right-o" | "star-half-right" | "star-o" | "star" | "start-cog" | "step-backward" | "step-forward" | "stethoscope" | "stock" | "stop-cog" | "stop" | "stopwatch" | "storage" | "strikethrough" | "subscript" | "suitcase" | "sun-down" | "sun-o" | "sun-rise" | "superscript" | "sword" | "tab-a" | "tab" | "table" | "tablet" | "tabs" | "tag" | "tags" | "tasks" | "taxi" | "teeth" | "terminal" | "text-height" | "text-input" | "text-label" | "text-width" | "thin-square" | "thumbs-down-o" | "thumbs-down" | "thumbs-up-o" | "thumbs-up" | "ticket" | "time-backward" | "time-forward" | "timer" | "toolbox" | "tools" | "tooth" | "touch" | "train" | "trash" | "tree-table" | "trending-down" | "trending-up" | "trophy" | "truck" | "twin-col-select" | "twitter-square" | "twitter" | "umbrella" | "unlink" | "unlock" | "upload-alt" | "upload" | "user-card" | "user-check" | "user-clock" | "user-heart" | "user-star" | "user" | "users" | "vaadin-h" | "vaadin-v" | "viewport" | "vimeo-square" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "volume" | "wallet" | "warehouse" | "workplace" | "wrench" | "youtube-square" | "youtube" | null>;
|
|
3141
3159
|
/** Selected option image prefix → shell prefix slot (single-select only). */
|
|
3142
3160
|
protected readonly shellPrefixImageUrl: _angular_core.Signal<string | null>;
|
|
3143
3161
|
/** Selected option text prefix → shell prefix slot (single-select only). */
|
|
3144
3162
|
protected readonly shellPrefixText: _angular_core.Signal<string | null>;
|
|
3145
3163
|
/** Selected option suffix → shell suffix slot (single-select only). */
|
|
3146
|
-
protected readonly shellSuffix: _angular_core.Signal<"
|
|
3164
|
+
protected readonly shellSuffix: _angular_core.Signal<"warning" | "info" | "search" | "split" | "anchor" | "bold" | "link" | "key" | "underline" | "abacus" | "absolute-position" | "academy-cap" | "accessibility" | "accordion-menu" | "add-dock" | "adjust" | "adobe-flash" | "airplane" | "alarm" | "align-center" | "align-justify" | "align-left" | "align-right" | "alt-a" | "alt" | "ambulance" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "archive" | "archives" | "area-select" | "arrow-backward" | "arrow-circle-down-o" | "arrow-circle-down" | "arrow-circle-left-o" | "arrow-circle-left" | "arrow-circle-right-o" | "arrow-circle-right" | "arrow-circle-up-o" | "arrow-circle-up" | "arrow-down" | "arrow-forward" | "arrow-left" | "arrow-long-down" | "arrow-long-left" | "arrow-right" | "arrow-up" | "arrows-cross" | "arrows-long-h" | "arrows-long-right" | "arrows-long-up" | "arrows-long-v" | "arrows" | "asterisk" | "at" | "automation" | "backspace-a" | "backspace" | "backwards" | "ban" | "bar-chart-h" | "bar-chart-v" | "bar-chart" | "barcode" | "bed" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "boat" | "bolt" | "bomb" | "book-dollar" | "book-percent" | "book" | "bookmark-o" | "bookmark" | "briefcase" | "browser" | "bug-o" | "bug" | "building-o" | "building" | "bullets" | "bullseye" | "bus" | "button" | "calc-book" | "calc" | "calendar-briefcase" | "calendar-clock" | "calendar-envelope" | "calendar-o" | "calendar-user" | "calendar" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-down-o" | "caret-square-left-o" | "caret-square-right-o" | "caret-square-up-o" | "caret-up" | "cart-o" | "cart" | "cash" | "chart-3d" | "chart-grid" | "chart-line" | "chart-timeline" | "chart" | "chat" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down-o" | "chevron-circle-down" | "chevron-circle-left-o" | "chevron-circle-left" | "chevron-circle-right-o" | "chevron-circle-right" | "chevron-circle-up-o" | "chevron-circle-up" | "chevron-down-small" | "chevron-down" | "chevron-left-small" | "chevron-left" | "chevron-right-small" | "chevron-right" | "chevron-up-small" | "chevron-up" | "child" | "circle-thin" | "circle" | "clipboard-check" | "clipboard-cross" | "clipboard-heart" | "clipboard-pulse" | "clipboard-text" | "clipboard-user" | "clipboard" | "clock" | "close-big" | "close-circle-o" | "close-circle" | "close-small" | "close" | "cloud-download-o" | "cloud-download" | "cloud-o" | "cloud-upload-o" | "cloud-upload" | "cloud" | "cluster" | "code" | "coffee" | "cog-o" | "cog" | "cogs" | "coin-piles" | "coins" | "combobox" | "comment-ellipsis-o" | "comment-ellipsis" | "comment-o" | "comment" | "comments-o" | "comments" | "compile" | "compress-square" | "compress" | "connect-o" | "connect" | "controller" | "copy-o" | "copy" | "copyright" | "corner-lower-left" | "corner-lower-right" | "corner-upper-left" | "corner-upper-right" | "credit-card" | "crop" | "cross-cutlery" | "crosshairs" | "css" | "ctrl-a" | "ctrl" | "cube" | "cubes" | "curly-brackets" | "cursor-o" | "cursor" | "cutlery" | "dashboard" | "database" | "date-input" | "deindent" | "del-a" | "del" | "dental-chair" | "desktop" | "diamond-o" | "diamond" | "diasporan-partner" | "diploma-scroll" | "diploma" | "disc" | "doctor-briefcase" | "doctor" | "dollar" | "dot-circle" | "download-alt" | "download" | "drop" | "edit" | "eject" | "elastic" | "ellipsis-circle-o" | "ellipsis-circle" | "ellipsis-dots-h" | "ellipsis-dots-v" | "ellipsis-h" | "ellipsis-v" | "enter-arrow" | "enter" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope" | "envelopes-o" | "envelopes" | "eraser" | "esc-a" | "esc" | "euro" | "exchange" | "exclamation-circle-o" | "exclamation-circle" | "exclamation" | "exit-o" | "exit" | "expand-full" | "expand-square" | "expand" | "external-browser" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "facebook-square" | "facebook" | "factory" | "family" | "fast-backward" | "fast-forward" | "female" | "file-add" | "file-code" | "file-font" | "file-movie" | "file-o" | "file-picture" | "file-presentation" | "file-process" | "file-refresh" | "file-remove" | "file-search" | "file-sound" | "file-start" | "file-table" | "file-text-o" | "file-text" | "file-tree-small" | "file-tree-sub" | "file-tree" | "file-zip" | "file" | "fill" | "film" | "filter" | "fire" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flight-landing" | "flight-takeoff" | "flip-h" | "flip-v" | "folder-add" | "folder-o" | "folder-open-o" | "folder-open" | "folder-remove" | "folder-search" | "folder" | "font" | "form" | "forward" | "frown-o" | "funcion" | "funnel" | "gamepad" | "gavel" | "gift" | "glass" | "glasses" | "globe-wire" | "globe" | "golf" | "google-plus-square" | "google-plus" | "grab" | "grid-bevel" | "grid-big-o" | "grid-big" | "grid-h" | "grid-small-o" | "grid-small" | "grid-v" | "grid" | "group" | "hammer" | "hand-coins" | "hand" | "handle-corner" | "hands-up" | "handshake" | "harddrive-o" | "harddrive" | "hash" | "header" | "headphones" | "headset" | "health-card" | "heart-o" | "heart" | "home-o" | "home" | "hospital" | "hourglass-empty" | "hourglass-end" | "hourglass-start" | "hourglass" | "inbox" | "indent" | "info-circle-o" | "info-circle" | "input" | "insert" | "institution" | "invoice" | "italic" | "key-o" | "keyboard-o" | "keyboard" | "laptop" | "layout" | "level-down-bold" | "level-down" | "level-left-bold" | "level-left" | "level-right-bold" | "level-right" | "level-up-bold" | "level-up" | "lifebuoy" | "lightbulb" | "line-bar-chart" | "line-chart" | "line-h" | "line-v" | "lines-list" | "lines" | "list-ol" | "list-select" | "list-ul" | "list" | "location-arrow-circle-o" | "location-arrow-circle" | "location-arrow" | "lock" | "magic" | "magnet" | "mailbox" | "male" | "map-marker" | "margin-bottom" | "margin-left" | "margin-right" | "margin-top" | "margin" | "medal" | "megaphone" | "meh-o" | "menu" | "microphone" | "mini-partner" | "minus-circle-o" | "minus-circle" | "minus-square-o" | "minus" | "mobile-browser" | "mobile-retro" | "mobile" | "modal-list" | "modal" | "money-deposit" | "money-exchange" | "money-withdraw" | "money" | "moon-o" | "moon" | "morning" | "movie" | "music" | "mute" | "native-button" | "newspaper" | "notebook" | "number-count" | "nurse" | "office" | "open-book" | "option-a" | "option" | "options" | "orientation" | "out" | "outbox" | "package" | "padding-bottom" | "padding-left" | "padding-right" | "padding-top" | "padding" | "paint-roll" | "paintbrush" | "palette" | "panel" | "paperclip" | "paperplane-o" | "paperplane" | "paragraph" | "partner" | "password" | "paste" | "pause" | "pencil" | "phone-landline" | "phone" | "picture" | "pie-bar-chart" | "pie-chart" | "piggy-bank-coin" | "piggy-bank" | "pill" | "pills" | "pin-post" | "pin" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle-o" | "plus-circle" | "plus-minus" | "plus-square-o" | "plus" | "pointer" | "power-off" | "presentation" | "print" | "progressbar" | "puzzle-piece" | "pyramid-chart" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quote-left" | "quote-right" | "random" | "raster-lower-left" | "raster" | "records" | "recycle" | "refresh" | "reply-all" | "reply" | "resize-h" | "resize-v" | "retweet" | "rhombus" | "road-branch" | "road-branches" | "road-split" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rss-square" | "rss" | "safe-lock" | "safe" | "scale-unbalance" | "scale" | "scatter-chart" | "scissors" | "screwdriver" | "search-minus" | "search-plus" | "select" | "server" | "share-square" | "share" | "shield" | "shift-arrow" | "shift" | "shop" | "sign-in-alt" | "sign-in" | "sign-out-alt" | "sign-out" | "signal" | "sitemap" | "slider" | "sliders" | "smiley-o" | "sort" | "sound-disable" | "spark-line" | "specialist" | "spinner-arc" | "spinner-third" | "spinner" | "spline-area-chart" | "spline-chart" | "split-h" | "split-v" | "spoon" | "square-shadow" | "star-half-left-o" | "star-half-left" | "star-half-right-o" | "star-half-right" | "star-o" | "star" | "start-cog" | "step-backward" | "step-forward" | "stethoscope" | "stock" | "stop-cog" | "stop" | "stopwatch" | "storage" | "strikethrough" | "subscript" | "suitcase" | "sun-down" | "sun-o" | "sun-rise" | "superscript" | "sword" | "tab-a" | "tab" | "table" | "tablet" | "tabs" | "tag" | "tags" | "tasks" | "taxi" | "teeth" | "terminal" | "text-height" | "text-input" | "text-label" | "text-width" | "thin-square" | "thumbs-down-o" | "thumbs-down" | "thumbs-up-o" | "thumbs-up" | "ticket" | "time-backward" | "time-forward" | "timer" | "toolbox" | "tools" | "tooth" | "touch" | "train" | "trash" | "tree-table" | "trending-down" | "trending-up" | "trophy" | "truck" | "twin-col-select" | "twitter-square" | "twitter" | "umbrella" | "unlink" | "unlock" | "upload-alt" | "upload" | "user-card" | "user-check" | "user-clock" | "user-heart" | "user-star" | "user" | "users" | "vaadin-h" | "vaadin-v" | "viewport" | "vimeo-square" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "volume" | "wallet" | "warehouse" | "workplace" | "wrench" | "youtube-square" | "youtube" | null>;
|
|
3147
3165
|
private onChange;
|
|
3148
3166
|
private onTouched;
|
|
3149
3167
|
/**
|
|
@@ -3368,7 +3386,7 @@ declare class TextareaComponent implements ControlValueAccessor {
|
|
|
3368
3386
|
protected readonly errorId: string;
|
|
3369
3387
|
protected readonly labelClass = "block text-body-sm font-medium text-ink dark:text-white mb-1.5 empty:hidden";
|
|
3370
3388
|
protected readonly affixClass = "inline-flex items-center shrink-0 px-2.5 text-neutral-600 dark:text-neutral-400 empty:hidden";
|
|
3371
|
-
protected readonly innerClass = "flex-1 min-w-0 min-h-0 h-full w-full bg-transparent border-0 outline-none text-body text-ink dark:text-white px-3 py-0 placeholder:text-neutral-
|
|
3389
|
+
protected readonly innerClass = "flex-1 min-w-0 min-h-0 h-full w-full bg-transparent border-0 outline-none text-body text-ink dark:text-white px-3 py-0 placeholder:text-neutral-500 disabled:cursor-not-allowed resize-y min-h-20 h-auto py-2";
|
|
3372
3390
|
protected readonly hintClass = "mt-1.5 text-caption text-neutral-600 dark:text-neutral-400 m-0";
|
|
3373
3391
|
protected readonly errorClass = "mt-1.5 text-caption text-danger m-0";
|
|
3374
3392
|
/** Visible field label. */
|
|
@@ -3599,7 +3617,10 @@ interface AfricaniesSideNavItem {
|
|
|
3599
3617
|
* ## Parent items with children
|
|
3600
3618
|
* **Expanded rail:** branches start open by default (`expandBranchesByDefault`).
|
|
3601
3619
|
* Clicking a parent only opens/closes the branch (no route change). When any
|
|
3602
|
-
* branch is open, a collapse-all control sits above the list (top right).
|
|
3620
|
+
* branch is open, a sticky collapse-all control sits above the list (top right).
|
|
3621
|
+
* The rail expand/collapse control stays pinned in the logo header. Project
|
|
3622
|
+
* chrome above the scrollable list with `pre-nav` (e.g. shipping modes) or
|
|
3623
|
+
* below with `footer`.
|
|
3603
3624
|
* **Collapsed rail:** clicking a parent expands the rail, opens the
|
|
3604
3625
|
* branch, and activates the first enabled child (router or `activeId`).
|
|
3605
3626
|
*
|
|
@@ -3670,7 +3691,9 @@ declare class SideNavComponent {
|
|
|
3670
3691
|
constructor();
|
|
3671
3692
|
protected toggleCollapsed(): void;
|
|
3672
3693
|
/** Fold every parent branch on the expanded rail. */
|
|
3673
|
-
|
|
3694
|
+
collapseAllBranches(): void;
|
|
3695
|
+
/** Open every parent branch (e.g. so the collapse-all control is visible). */
|
|
3696
|
+
expandAllBranches(): void;
|
|
3674
3697
|
protected onItemEnter(id: string): void;
|
|
3675
3698
|
protected onItemLeave(id: string): void;
|
|
3676
3699
|
protected isBranchOpen(id: string): boolean;
|
|
@@ -3712,7 +3735,7 @@ declare class SideNavComponent {
|
|
|
3712
3735
|
private ensureAncestorsOpen;
|
|
3713
3736
|
private findPath;
|
|
3714
3737
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavComponent, never>;
|
|
3715
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavComponent, "africanies-side-nav", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "expandParents": { "alias": "expandParents"; "required": false; "isSignal": true; }; "expandBranchesByDefault": { "alias": "expandBranchesByDefault"; "required": false; "isSignal": true; }; "linkActiveOptions": { "alias": "linkActiveOptions"; "required": false; "isSignal": true; }; "showLogo": { "alias": "showLogo"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "logoMiniSrc": { "alias": "logoMiniSrc"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "activeId": "activeIdChange"; }, never, ["[brand]", "[footer]"], true, never>;
|
|
3738
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavComponent, "africanies-side-nav", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "expandParents": { "alias": "expandParents"; "required": false; "isSignal": true; }; "expandBranchesByDefault": { "alias": "expandBranchesByDefault"; "required": false; "isSignal": true; }; "linkActiveOptions": { "alias": "linkActiveOptions"; "required": false; "isSignal": true; }; "showLogo": { "alias": "showLogo"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "logoMiniSrc": { "alias": "logoMiniSrc"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "activeId": "activeIdChange"; }, never, ["[brand]", "[pre-nav]", "[footer]"], true, never>;
|
|
3716
3739
|
}
|
|
3717
3740
|
|
|
3718
3741
|
/** Router target for the app-shell header back control. */
|
|
@@ -3828,6 +3851,10 @@ declare function isNavItemActive(router: Router, item: NavRouteTarget, options:
|
|
|
3828
3851
|
/**
|
|
3829
3852
|
* Compact segmented control for view modes and filters.
|
|
3830
3853
|
*
|
|
3854
|
+
* Selected option uses a **solid brand pill** (white label) on a neutral track —
|
|
3855
|
+
* same pattern as the portal shipping-mode toggle. With exactly two options the
|
|
3856
|
+
* pill slides; with more options each selected chip fills in place.
|
|
3857
|
+
*
|
|
3831
3858
|
* ## Router mode (URL is source of truth)
|
|
3832
3859
|
*
|
|
3833
3860
|
* Set `routerLink` (and optional `queryParams`) on items. The selected pill
|
|
@@ -3873,12 +3900,37 @@ declare class SegmentComponent {
|
|
|
3873
3900
|
*/
|
|
3874
3901
|
readonly keepScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3875
3902
|
private readonly url;
|
|
3876
|
-
|
|
3877
|
-
protected readonly
|
|
3878
|
-
|
|
3903
|
+
/** Two equal options → portal-style sliding brand pill. */
|
|
3904
|
+
protected readonly useSlidingThumb: _angular_core.Signal<boolean>;
|
|
3905
|
+
/** Index of the active option (0 / 1 for the sliding thumb). */
|
|
3906
|
+
protected readonly activeIndex: _angular_core.Signal<number>;
|
|
3879
3907
|
constructor();
|
|
3880
3908
|
protected hrefFor(item: AfricaniesNavItem): string | null;
|
|
3881
3909
|
protected isItemActive(item: AfricaniesNavItem): boolean;
|
|
3910
|
+
/**
|
|
3911
|
+
* Sliding thumb fill. STN / SFN options keep their own brand color so the
|
|
3912
|
+
* pill matches mode identity; other pairs follow the active theme primary.
|
|
3913
|
+
*/
|
|
3914
|
+
protected thumbFillClass(): string;
|
|
3915
|
+
/**
|
|
3916
|
+
* Option chrome: sliding mode keeps labels transparent over the thumb;
|
|
3917
|
+
* multi-option mode paints a solid selected chip in place.
|
|
3918
|
+
*
|
|
3919
|
+
* @param item - Option being rendered.
|
|
3920
|
+
* @returns Class string for the control.
|
|
3921
|
+
*/
|
|
3922
|
+
protected optionChrome(item: AfricaniesNavItem): string;
|
|
3923
|
+
/**
|
|
3924
|
+
* Solid brand fill for a selected option / sliding thumb.
|
|
3925
|
+
*
|
|
3926
|
+
* Light + dark use the same SFN green / STN orange primaries so the control
|
|
3927
|
+
* stays mode-identifiable on both surfaces (portal primary, not soft tint).
|
|
3928
|
+
* Class strings are full literals so Tailwind keeps them.
|
|
3929
|
+
*
|
|
3930
|
+
* @param id - Option id (`stn` / `sfn` get fixed brands; else theme primary).
|
|
3931
|
+
* @returns Background utility classes.
|
|
3932
|
+
*/
|
|
3933
|
+
protected brandFillFor(id: string | null): string;
|
|
3882
3934
|
protected selectLocal(item: AfricaniesNavItem): void;
|
|
3883
3935
|
/**
|
|
3884
3936
|
* Primary click navigates in-app without scrolling to top. Modified clicks
|
|
@@ -3898,12 +3950,13 @@ declare class SegmentComponent {
|
|
|
3898
3950
|
* import orange; **from Nigeria** uses export green. Both tiles keep equal
|
|
3899
3951
|
* chrome so unselected does not look like floating text.
|
|
3900
3952
|
*
|
|
3901
|
-
* Project into `<africanies-side-nav>` with the `
|
|
3953
|
+
* Project into `<africanies-side-nav>` with the `pre-nav` attribute (above the
|
|
3954
|
+
* nav list). `footer` still works for legacy placement under the list.
|
|
3902
3955
|
*
|
|
3903
3956
|
* @example
|
|
3904
3957
|
* ```html
|
|
3905
3958
|
* <africanies-side-nav [items]="nav" [(collapsed)]="collapsed">
|
|
3906
|
-
* <africanies-shipping-mode-switch
|
|
3959
|
+
* <africanies-shipping-mode-switch pre-nav [collapsed]="collapsed()" />
|
|
3907
3960
|
* </africanies-side-nav>
|
|
3908
3961
|
* ```
|
|
3909
3962
|
*/
|
|
@@ -3922,10 +3975,20 @@ declare class ShippingModeSwitchComponent {
|
|
|
3922
3975
|
* Icon-only stacked tiles when the side nav rail is collapsed.
|
|
3923
3976
|
*/
|
|
3924
3977
|
readonly collapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3978
|
+
/**
|
|
3979
|
+
* When true, the mode tiles are visible. Persisted in `localStorage`.
|
|
3980
|
+
* Two-way bindable for hosts that need to force-open (e.g. onboarding).
|
|
3981
|
+
*/
|
|
3982
|
+
readonly panelOpen: _angular_core.ModelSignal<boolean>;
|
|
3925
3983
|
/** Active mode from {@link ShippingModeService}. */
|
|
3926
3984
|
protected readonly mode: _angular_core.Signal<ShippingMode>;
|
|
3927
|
-
|
|
3928
|
-
protected readonly
|
|
3985
|
+
protected readonly modeChipLabel: _angular_core.Signal<"STN" | "SFN">;
|
|
3986
|
+
protected readonly modeChipVariant: _angular_core.Signal<ChipVariant>;
|
|
3987
|
+
/** Host padding / divider — sits above the nav list (`border-b`). */
|
|
3988
|
+
protected readonly hostClass: _angular_core.Signal<"block shrink-0 border-b border-border px-1.5 py-2 dark:border-white/10" | "block shrink-0 border-b border-border px-2 py-2.5 dark:border-white/10">;
|
|
3989
|
+
constructor();
|
|
3990
|
+
/** Show or hide the mode tiles. */
|
|
3991
|
+
protected togglePanel(): void;
|
|
3929
3992
|
/**
|
|
3930
3993
|
* Requests a mode change through {@link ShippingModeService.requestModeChange}
|
|
3931
3994
|
* so feature guards (e.g. Create Shipment confirm) can run first.
|
|
@@ -3944,7 +4007,7 @@ declare class ShippingModeSwitchComponent {
|
|
|
3944
4007
|
*/
|
|
3945
4008
|
protected cardClass(option: ShippingMode): string;
|
|
3946
4009
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShippingModeSwitchComponent, never>;
|
|
3947
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShippingModeSwitchComponent, "africanies-shipping-mode-switch", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
4010
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShippingModeSwitchComponent, "africanies-shipping-mode-switch", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "panelOpen": { "alias": "panelOpen"; "required": false; "isSignal": true; }; }, { "panelOpen": "panelOpenChange"; }, never, never, true, never>;
|
|
3948
4011
|
}
|
|
3949
4012
|
|
|
3950
4013
|
/**
|
|
@@ -4122,7 +4185,7 @@ declare class NotificationDrawerPanel {
|
|
|
4122
4185
|
private readonly scrollHost;
|
|
4123
4186
|
private readonly loadSentinel;
|
|
4124
4187
|
private observer;
|
|
4125
|
-
protected readonly viewLinkClass: _angular_core.Signal<"inline-flex cursor-pointer items-center gap-1 self-start text-caption font-semibold underline underline-offset-[3px] transition-colors text-import decoration-import/35 hover:decoration-import dark:text-import-light dark:decoration-import-light/40 dark:hover:decoration-import-light" | "inline-flex cursor-pointer items-center gap-1 self-start text-caption font-semibold underline underline-offset-[3px] transition-colors text-export decoration-export/35 hover:decoration-export dark:text-export-light dark:decoration-export-light/40 dark:hover:decoration-export-light">;
|
|
4188
|
+
protected readonly viewLinkClass: _angular_core.Signal<"inline-flex cursor-pointer items-center gap-1 self-start text-caption font-semibold underline underline-offset-[3px] transition-colors text-import-strong decoration-import-strong/35 hover:decoration-import-strong dark:text-import-light dark:decoration-import-light/40 dark:hover:decoration-import-light" | "inline-flex cursor-pointer items-center gap-1 self-start text-caption font-semibold underline underline-offset-[3px] transition-colors text-export-strong decoration-export-strong/35 hover:decoration-export-strong dark:text-export-light dark:decoration-export-light/40 dark:hover:decoration-export-light">;
|
|
4126
4189
|
protected readonly title: _angular_core.Signal<string>;
|
|
4127
4190
|
private readonly seededItems;
|
|
4128
4191
|
protected readonly items: _angular_core.WritableSignal<AfricaniesNotification[]>;
|
|
@@ -4297,7 +4360,7 @@ declare class AppShellComponent {
|
|
|
4297
4360
|
protected readonly shellRootClass: _angular_core.Signal<"relative flex h-full min-h-0 bg-background-chrome dark:bg-ink-950" | "relative flex min-h-full bg-background-chrome dark:bg-ink-950">;
|
|
4298
4361
|
protected readonly headerDensity: _angular_core.Signal<"desktop" | "mobile" | "tablet">;
|
|
4299
4362
|
protected readonly showMobileBar: _angular_core.Signal<boolean>;
|
|
4300
|
-
protected readonly sidenavHostClass: _angular_core.Signal<"z-50 shrink-0 self-start sticky top-0 block h-full" | "z-50 shrink-0 self-start absolute inset-y-0 left-0 h-full shadow-xl" | "hidden" | "z-50 shrink-0 self-start h-dvh fixed inset-y-0 left-0 shadow-xl lg:sticky lg:top-0 lg:block" | "z-50 shrink-0 self-start h-dvh hidden lg:sticky lg:top-0 lg:block">;
|
|
4363
|
+
protected readonly sidenavHostClass: _angular_core.Signal<"z-50 shrink-0 self-start sticky top-0 block h-full min-h-0" | "z-50 shrink-0 self-start absolute inset-y-0 left-0 h-full min-h-0 shadow-xl" | "hidden" | "z-50 shrink-0 self-start h-dvh min-h-0 fixed inset-y-0 left-0 shadow-xl lg:sticky lg:top-0 lg:block" | "z-50 shrink-0 self-start h-dvh min-h-0 hidden lg:sticky lg:top-0 lg:block">;
|
|
4301
4364
|
protected readonly mainClass: _angular_core.Signal<string>;
|
|
4302
4365
|
protected toggleMobileNav(): void;
|
|
4303
4366
|
protected closeMobileNav(): void;
|
|
@@ -4343,7 +4406,7 @@ interface HeaderWeather {
|
|
|
4343
4406
|
kind: HeaderWeatherKind;
|
|
4344
4407
|
/** Celsius, when the forecast includes it. */
|
|
4345
4408
|
temperatureC?: number;
|
|
4346
|
-
/** City from IP geolocation, when known. */
|
|
4409
|
+
/** City from reverse-geocode / IP geolocation, when known. */
|
|
4347
4410
|
city?: string;
|
|
4348
4411
|
}
|
|
4349
4412
|
/**
|
|
@@ -4448,9 +4511,10 @@ declare class AppShellHeaderComponent {
|
|
|
4448
4511
|
protected readonly weather: _angular_core.WritableSignal<HeaderWeather | null>;
|
|
4449
4512
|
protected readonly nowIso: _angular_core.Signal<string>;
|
|
4450
4513
|
protected readonly greeting: _angular_core.Signal<_africanies_africanies_ui.HeaderGreeting | null>;
|
|
4451
|
-
protected readonly weatherIcon: _angular_core.Signal<"
|
|
4514
|
+
protected readonly weatherIcon: _angular_core.Signal<"warning" | "info" | "search" | "split" | "anchor" | "bold" | "link" | "key" | "underline" | "abacus" | "absolute-position" | "academy-cap" | "accessibility" | "accordion-menu" | "add-dock" | "adjust" | "adobe-flash" | "airplane" | "alarm" | "align-center" | "align-justify" | "align-left" | "align-right" | "alt-a" | "alt" | "ambulance" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "archive" | "archives" | "area-select" | "arrow-backward" | "arrow-circle-down-o" | "arrow-circle-down" | "arrow-circle-left-o" | "arrow-circle-left" | "arrow-circle-right-o" | "arrow-circle-right" | "arrow-circle-up-o" | "arrow-circle-up" | "arrow-down" | "arrow-forward" | "arrow-left" | "arrow-long-down" | "arrow-long-left" | "arrow-right" | "arrow-up" | "arrows-cross" | "arrows-long-h" | "arrows-long-right" | "arrows-long-up" | "arrows-long-v" | "arrows" | "asterisk" | "at" | "automation" | "backspace-a" | "backspace" | "backwards" | "ban" | "bar-chart-h" | "bar-chart-v" | "bar-chart" | "barcode" | "bed" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "boat" | "bolt" | "bomb" | "book-dollar" | "book-percent" | "book" | "bookmark-o" | "bookmark" | "briefcase" | "browser" | "bug-o" | "bug" | "building-o" | "building" | "bullets" | "bullseye" | "bus" | "button" | "calc-book" | "calc" | "calendar-briefcase" | "calendar-clock" | "calendar-envelope" | "calendar-o" | "calendar-user" | "calendar" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-down-o" | "caret-square-left-o" | "caret-square-right-o" | "caret-square-up-o" | "caret-up" | "cart-o" | "cart" | "cash" | "chart-3d" | "chart-grid" | "chart-line" | "chart-timeline" | "chart" | "chat" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down-o" | "chevron-circle-down" | "chevron-circle-left-o" | "chevron-circle-left" | "chevron-circle-right-o" | "chevron-circle-right" | "chevron-circle-up-o" | "chevron-circle-up" | "chevron-down-small" | "chevron-down" | "chevron-left-small" | "chevron-left" | "chevron-right-small" | "chevron-right" | "chevron-up-small" | "chevron-up" | "child" | "circle-thin" | "circle" | "clipboard-check" | "clipboard-cross" | "clipboard-heart" | "clipboard-pulse" | "clipboard-text" | "clipboard-user" | "clipboard" | "clock" | "close-big" | "close-circle-o" | "close-circle" | "close-small" | "close" | "cloud-download-o" | "cloud-download" | "cloud-o" | "cloud-upload-o" | "cloud-upload" | "cloud" | "cluster" | "code" | "coffee" | "cog-o" | "cog" | "cogs" | "coin-piles" | "coins" | "combobox" | "comment-ellipsis-o" | "comment-ellipsis" | "comment-o" | "comment" | "comments-o" | "comments" | "compile" | "compress-square" | "compress" | "connect-o" | "connect" | "controller" | "copy-o" | "copy" | "copyright" | "corner-lower-left" | "corner-lower-right" | "corner-upper-left" | "corner-upper-right" | "credit-card" | "crop" | "cross-cutlery" | "crosshairs" | "css" | "ctrl-a" | "ctrl" | "cube" | "cubes" | "curly-brackets" | "cursor-o" | "cursor" | "cutlery" | "dashboard" | "database" | "date-input" | "deindent" | "del-a" | "del" | "dental-chair" | "desktop" | "diamond-o" | "diamond" | "diasporan-partner" | "diploma-scroll" | "diploma" | "disc" | "doctor-briefcase" | "doctor" | "dollar" | "dot-circle" | "download-alt" | "download" | "drop" | "edit" | "eject" | "elastic" | "ellipsis-circle-o" | "ellipsis-circle" | "ellipsis-dots-h" | "ellipsis-dots-v" | "ellipsis-h" | "ellipsis-v" | "enter-arrow" | "enter" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope" | "envelopes-o" | "envelopes" | "eraser" | "esc-a" | "esc" | "euro" | "exchange" | "exclamation-circle-o" | "exclamation-circle" | "exclamation" | "exit-o" | "exit" | "expand-full" | "expand-square" | "expand" | "external-browser" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "facebook-square" | "facebook" | "factory" | "family" | "fast-backward" | "fast-forward" | "female" | "file-add" | "file-code" | "file-font" | "file-movie" | "file-o" | "file-picture" | "file-presentation" | "file-process" | "file-refresh" | "file-remove" | "file-search" | "file-sound" | "file-start" | "file-table" | "file-text-o" | "file-text" | "file-tree-small" | "file-tree-sub" | "file-tree" | "file-zip" | "file" | "fill" | "film" | "filter" | "fire" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flight-landing" | "flight-takeoff" | "flip-h" | "flip-v" | "folder-add" | "folder-o" | "folder-open-o" | "folder-open" | "folder-remove" | "folder-search" | "folder" | "font" | "form" | "forward" | "frown-o" | "funcion" | "funnel" | "gamepad" | "gavel" | "gift" | "glass" | "glasses" | "globe-wire" | "globe" | "golf" | "google-plus-square" | "google-plus" | "grab" | "grid-bevel" | "grid-big-o" | "grid-big" | "grid-h" | "grid-small-o" | "grid-small" | "grid-v" | "grid" | "group" | "hammer" | "hand-coins" | "hand" | "handle-corner" | "hands-up" | "handshake" | "harddrive-o" | "harddrive" | "hash" | "header" | "headphones" | "headset" | "health-card" | "heart-o" | "heart" | "home-o" | "home" | "hospital" | "hourglass-empty" | "hourglass-end" | "hourglass-start" | "hourglass" | "inbox" | "indent" | "info-circle-o" | "info-circle" | "input" | "insert" | "institution" | "invoice" | "italic" | "key-o" | "keyboard-o" | "keyboard" | "laptop" | "layout" | "level-down-bold" | "level-down" | "level-left-bold" | "level-left" | "level-right-bold" | "level-right" | "level-up-bold" | "level-up" | "lifebuoy" | "lightbulb" | "line-bar-chart" | "line-chart" | "line-h" | "line-v" | "lines-list" | "lines" | "list-ol" | "list-select" | "list-ul" | "list" | "location-arrow-circle-o" | "location-arrow-circle" | "location-arrow" | "lock" | "magic" | "magnet" | "mailbox" | "male" | "map-marker" | "margin-bottom" | "margin-left" | "margin-right" | "margin-top" | "margin" | "medal" | "megaphone" | "meh-o" | "menu" | "microphone" | "mini-partner" | "minus-circle-o" | "minus-circle" | "minus-square-o" | "minus" | "mobile-browser" | "mobile-retro" | "mobile" | "modal-list" | "modal" | "money-deposit" | "money-exchange" | "money-withdraw" | "money" | "moon-o" | "moon" | "morning" | "movie" | "music" | "mute" | "native-button" | "newspaper" | "notebook" | "number-count" | "nurse" | "office" | "open-book" | "option-a" | "option" | "options" | "orientation" | "out" | "outbox" | "package" | "padding-bottom" | "padding-left" | "padding-right" | "padding-top" | "padding" | "paint-roll" | "paintbrush" | "palette" | "panel" | "paperclip" | "paperplane-o" | "paperplane" | "paragraph" | "partner" | "password" | "paste" | "pause" | "pencil" | "phone-landline" | "phone" | "picture" | "pie-bar-chart" | "pie-chart" | "piggy-bank-coin" | "piggy-bank" | "pill" | "pills" | "pin-post" | "pin" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle-o" | "plus-circle" | "plus-minus" | "plus-square-o" | "plus" | "pointer" | "power-off" | "presentation" | "print" | "progressbar" | "puzzle-piece" | "pyramid-chart" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quote-left" | "quote-right" | "random" | "raster-lower-left" | "raster" | "records" | "recycle" | "refresh" | "reply-all" | "reply" | "resize-h" | "resize-v" | "retweet" | "rhombus" | "road-branch" | "road-branches" | "road-split" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rss-square" | "rss" | "safe-lock" | "safe" | "scale-unbalance" | "scale" | "scatter-chart" | "scissors" | "screwdriver" | "search-minus" | "search-plus" | "select" | "server" | "share-square" | "share" | "shield" | "shift-arrow" | "shift" | "shop" | "sign-in-alt" | "sign-in" | "sign-out-alt" | "sign-out" | "signal" | "sitemap" | "slider" | "sliders" | "smiley-o" | "sort" | "sound-disable" | "spark-line" | "specialist" | "spinner-arc" | "spinner-third" | "spinner" | "spline-area-chart" | "spline-chart" | "split-h" | "split-v" | "spoon" | "square-shadow" | "star-half-left-o" | "star-half-left" | "star-half-right-o" | "star-half-right" | "star-o" | "star" | "start-cog" | "step-backward" | "step-forward" | "stethoscope" | "stock" | "stop-cog" | "stop" | "stopwatch" | "storage" | "strikethrough" | "subscript" | "suitcase" | "sun-down" | "sun-o" | "sun-rise" | "superscript" | "sword" | "tab-a" | "tab" | "table" | "tablet" | "tabs" | "tag" | "tags" | "tasks" | "taxi" | "teeth" | "terminal" | "text-height" | "text-input" | "text-label" | "text-width" | "thin-square" | "thumbs-down-o" | "thumbs-down" | "thumbs-up-o" | "thumbs-up" | "ticket" | "time-backward" | "time-forward" | "timer" | "toolbox" | "tools" | "tooth" | "touch" | "train" | "trash" | "tree-table" | "trending-down" | "trending-up" | "trophy" | "truck" | "twin-col-select" | "twitter-square" | "twitter" | "umbrella" | "unlink" | "unlock" | "upload-alt" | "upload" | "user-card" | "user-check" | "user-clock" | "user-heart" | "user-star" | "user" | "users" | "vaadin-h" | "vaadin-v" | "viewport" | "vimeo-square" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "volume" | "wallet" | "warehouse" | "workplace" | "wrench" | "youtube-square" | "youtube">;
|
|
4452
4515
|
protected readonly weatherTemp: _angular_core.Signal<string | null>;
|
|
4453
|
-
protected readonly
|
|
4516
|
+
protected readonly weatherCondition: _angular_core.Signal<string>;
|
|
4517
|
+
protected readonly weatherCity: _angular_core.Signal<string | null>;
|
|
4454
4518
|
protected readonly weatherAriaLabel: _angular_core.Signal<string>;
|
|
4455
4519
|
protected readonly unreadCount: _angular_core.Signal<number>;
|
|
4456
4520
|
protected readonly unreadBadge: _angular_core.Signal<string>;
|
|
@@ -4627,7 +4691,7 @@ declare class ImageComponent {
|
|
|
4627
4691
|
/** Short fallback label — initials, file type, etc. */
|
|
4628
4692
|
readonly fallback: _angular_core.InputSignal<string | undefined>;
|
|
4629
4693
|
readonly fallbackClass: _angular_core.InputSignal<string>;
|
|
4630
|
-
readonly placeholderIcon: _angular_core.InputSignal<"
|
|
4694
|
+
readonly placeholderIcon: _angular_core.InputSignal<"warning" | "info" | "search" | "split" | "anchor" | "bold" | "link" | "key" | "underline" | "abacus" | "absolute-position" | "academy-cap" | "accessibility" | "accordion-menu" | "add-dock" | "adjust" | "adobe-flash" | "airplane" | "alarm" | "align-center" | "align-justify" | "align-left" | "align-right" | "alt-a" | "alt" | "ambulance" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "archive" | "archives" | "area-select" | "arrow-backward" | "arrow-circle-down-o" | "arrow-circle-down" | "arrow-circle-left-o" | "arrow-circle-left" | "arrow-circle-right-o" | "arrow-circle-right" | "arrow-circle-up-o" | "arrow-circle-up" | "arrow-down" | "arrow-forward" | "arrow-left" | "arrow-long-down" | "arrow-long-left" | "arrow-right" | "arrow-up" | "arrows-cross" | "arrows-long-h" | "arrows-long-right" | "arrows-long-up" | "arrows-long-v" | "arrows" | "asterisk" | "at" | "automation" | "backspace-a" | "backspace" | "backwards" | "ban" | "bar-chart-h" | "bar-chart-v" | "bar-chart" | "barcode" | "bed" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "boat" | "bolt" | "bomb" | "book-dollar" | "book-percent" | "book" | "bookmark-o" | "bookmark" | "briefcase" | "browser" | "bug-o" | "bug" | "building-o" | "building" | "bullets" | "bullseye" | "bus" | "button" | "calc-book" | "calc" | "calendar-briefcase" | "calendar-clock" | "calendar-envelope" | "calendar-o" | "calendar-user" | "calendar" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-down-o" | "caret-square-left-o" | "caret-square-right-o" | "caret-square-up-o" | "caret-up" | "cart-o" | "cart" | "cash" | "chart-3d" | "chart-grid" | "chart-line" | "chart-timeline" | "chart" | "chat" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down-o" | "chevron-circle-down" | "chevron-circle-left-o" | "chevron-circle-left" | "chevron-circle-right-o" | "chevron-circle-right" | "chevron-circle-up-o" | "chevron-circle-up" | "chevron-down-small" | "chevron-down" | "chevron-left-small" | "chevron-left" | "chevron-right-small" | "chevron-right" | "chevron-up-small" | "chevron-up" | "child" | "circle-thin" | "circle" | "clipboard-check" | "clipboard-cross" | "clipboard-heart" | "clipboard-pulse" | "clipboard-text" | "clipboard-user" | "clipboard" | "clock" | "close-big" | "close-circle-o" | "close-circle" | "close-small" | "close" | "cloud-download-o" | "cloud-download" | "cloud-o" | "cloud-upload-o" | "cloud-upload" | "cloud" | "cluster" | "code" | "coffee" | "cog-o" | "cog" | "cogs" | "coin-piles" | "coins" | "combobox" | "comment-ellipsis-o" | "comment-ellipsis" | "comment-o" | "comment" | "comments-o" | "comments" | "compile" | "compress-square" | "compress" | "connect-o" | "connect" | "controller" | "copy-o" | "copy" | "copyright" | "corner-lower-left" | "corner-lower-right" | "corner-upper-left" | "corner-upper-right" | "credit-card" | "crop" | "cross-cutlery" | "crosshairs" | "css" | "ctrl-a" | "ctrl" | "cube" | "cubes" | "curly-brackets" | "cursor-o" | "cursor" | "cutlery" | "dashboard" | "database" | "date-input" | "deindent" | "del-a" | "del" | "dental-chair" | "desktop" | "diamond-o" | "diamond" | "diasporan-partner" | "diploma-scroll" | "diploma" | "disc" | "doctor-briefcase" | "doctor" | "dollar" | "dot-circle" | "download-alt" | "download" | "drop" | "edit" | "eject" | "elastic" | "ellipsis-circle-o" | "ellipsis-circle" | "ellipsis-dots-h" | "ellipsis-dots-v" | "ellipsis-h" | "ellipsis-v" | "enter-arrow" | "enter" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope" | "envelopes-o" | "envelopes" | "eraser" | "esc-a" | "esc" | "euro" | "exchange" | "exclamation-circle-o" | "exclamation-circle" | "exclamation" | "exit-o" | "exit" | "expand-full" | "expand-square" | "expand" | "external-browser" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "facebook-square" | "facebook" | "factory" | "family" | "fast-backward" | "fast-forward" | "female" | "file-add" | "file-code" | "file-font" | "file-movie" | "file-o" | "file-picture" | "file-presentation" | "file-process" | "file-refresh" | "file-remove" | "file-search" | "file-sound" | "file-start" | "file-table" | "file-text-o" | "file-text" | "file-tree-small" | "file-tree-sub" | "file-tree" | "file-zip" | "file" | "fill" | "film" | "filter" | "fire" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flight-landing" | "flight-takeoff" | "flip-h" | "flip-v" | "folder-add" | "folder-o" | "folder-open-o" | "folder-open" | "folder-remove" | "folder-search" | "folder" | "font" | "form" | "forward" | "frown-o" | "funcion" | "funnel" | "gamepad" | "gavel" | "gift" | "glass" | "glasses" | "globe-wire" | "globe" | "golf" | "google-plus-square" | "google-plus" | "grab" | "grid-bevel" | "grid-big-o" | "grid-big" | "grid-h" | "grid-small-o" | "grid-small" | "grid-v" | "grid" | "group" | "hammer" | "hand-coins" | "hand" | "handle-corner" | "hands-up" | "handshake" | "harddrive-o" | "harddrive" | "hash" | "header" | "headphones" | "headset" | "health-card" | "heart-o" | "heart" | "home-o" | "home" | "hospital" | "hourglass-empty" | "hourglass-end" | "hourglass-start" | "hourglass" | "inbox" | "indent" | "info-circle-o" | "info-circle" | "input" | "insert" | "institution" | "invoice" | "italic" | "key-o" | "keyboard-o" | "keyboard" | "laptop" | "layout" | "level-down-bold" | "level-down" | "level-left-bold" | "level-left" | "level-right-bold" | "level-right" | "level-up-bold" | "level-up" | "lifebuoy" | "lightbulb" | "line-bar-chart" | "line-chart" | "line-h" | "line-v" | "lines-list" | "lines" | "list-ol" | "list-select" | "list-ul" | "list" | "location-arrow-circle-o" | "location-arrow-circle" | "location-arrow" | "lock" | "magic" | "magnet" | "mailbox" | "male" | "map-marker" | "margin-bottom" | "margin-left" | "margin-right" | "margin-top" | "margin" | "medal" | "megaphone" | "meh-o" | "menu" | "microphone" | "mini-partner" | "minus-circle-o" | "minus-circle" | "minus-square-o" | "minus" | "mobile-browser" | "mobile-retro" | "mobile" | "modal-list" | "modal" | "money-deposit" | "money-exchange" | "money-withdraw" | "money" | "moon-o" | "moon" | "morning" | "movie" | "music" | "mute" | "native-button" | "newspaper" | "notebook" | "number-count" | "nurse" | "office" | "open-book" | "option-a" | "option" | "options" | "orientation" | "out" | "outbox" | "package" | "padding-bottom" | "padding-left" | "padding-right" | "padding-top" | "padding" | "paint-roll" | "paintbrush" | "palette" | "panel" | "paperclip" | "paperplane-o" | "paperplane" | "paragraph" | "partner" | "password" | "paste" | "pause" | "pencil" | "phone-landline" | "phone" | "picture" | "pie-bar-chart" | "pie-chart" | "piggy-bank-coin" | "piggy-bank" | "pill" | "pills" | "pin-post" | "pin" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle-o" | "plus-circle" | "plus-minus" | "plus-square-o" | "plus" | "pointer" | "power-off" | "presentation" | "print" | "progressbar" | "puzzle-piece" | "pyramid-chart" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quote-left" | "quote-right" | "random" | "raster-lower-left" | "raster" | "records" | "recycle" | "refresh" | "reply-all" | "reply" | "resize-h" | "resize-v" | "retweet" | "rhombus" | "road-branch" | "road-branches" | "road-split" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rss-square" | "rss" | "safe-lock" | "safe" | "scale-unbalance" | "scale" | "scatter-chart" | "scissors" | "screwdriver" | "search-minus" | "search-plus" | "select" | "server" | "share-square" | "share" | "shield" | "shift-arrow" | "shift" | "shop" | "sign-in-alt" | "sign-in" | "sign-out-alt" | "sign-out" | "signal" | "sitemap" | "slider" | "sliders" | "smiley-o" | "sort" | "sound-disable" | "spark-line" | "specialist" | "spinner-arc" | "spinner-third" | "spinner" | "spline-area-chart" | "spline-chart" | "split-h" | "split-v" | "spoon" | "square-shadow" | "star-half-left-o" | "star-half-left" | "star-half-right-o" | "star-half-right" | "star-o" | "star" | "start-cog" | "step-backward" | "step-forward" | "stethoscope" | "stock" | "stop-cog" | "stop" | "stopwatch" | "storage" | "strikethrough" | "subscript" | "suitcase" | "sun-down" | "sun-o" | "sun-rise" | "superscript" | "sword" | "tab-a" | "tab" | "table" | "tablet" | "tabs" | "tag" | "tags" | "tasks" | "taxi" | "teeth" | "terminal" | "text-height" | "text-input" | "text-label" | "text-width" | "thin-square" | "thumbs-down-o" | "thumbs-down" | "thumbs-up-o" | "thumbs-up" | "ticket" | "time-backward" | "time-forward" | "timer" | "toolbox" | "tools" | "tooth" | "touch" | "train" | "trash" | "tree-table" | "trending-down" | "trending-up" | "trophy" | "truck" | "twin-col-select" | "twitter-square" | "twitter" | "umbrella" | "unlink" | "unlock" | "upload-alt" | "upload" | "user-card" | "user-check" | "user-clock" | "user-heart" | "user-star" | "user" | "users" | "vaadin-h" | "vaadin-v" | "viewport" | "vimeo-square" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "volume" | "wallet" | "warehouse" | "workplace" | "wrench" | "youtube-square" | "youtube">;
|
|
4631
4695
|
readonly iconSize: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
4632
4696
|
protected readonly loaded: _angular_core.WritableSignal<boolean>;
|
|
4633
4697
|
protected readonly failed: _angular_core.WritableSignal<boolean>;
|
|
@@ -4763,6 +4827,14 @@ interface TableColumn<T = unknown> {
|
|
|
4763
4827
|
* when you do not want it to grow with the rest.
|
|
4764
4828
|
*/
|
|
4765
4829
|
width?: string;
|
|
4830
|
+
/**
|
|
4831
|
+
* Optional CSS max-width (e.g. `'14rem'`).
|
|
4832
|
+
*
|
|
4833
|
+
* Caps growth for text-heavy columns without forcing a large minimum the
|
|
4834
|
+
* way {@link width} can. Prefer this for Name / Description / Message when
|
|
4835
|
+
* other columns should stay compact.
|
|
4836
|
+
*/
|
|
4837
|
+
maxWidth?: string;
|
|
4766
4838
|
/**
|
|
4767
4839
|
* Pin the column while the table scrolls horizontally.
|
|
4768
4840
|
*
|
|
@@ -4791,15 +4863,18 @@ interface TableSortChange {
|
|
|
4791
4863
|
* `<ng-template africaniesCellDef="key">` templates. Columns without a matching
|
|
4792
4864
|
* template fall back to rendering `row[key]` as plain text.
|
|
4793
4865
|
*
|
|
4794
|
-
* Optional toolbar: top-left **
|
|
4795
|
-
*
|
|
4866
|
+
* Optional toolbar: top-left **shipping mode** segment on its own row above
|
|
4867
|
+
* Refresh / Filter / Export (on by default; `[showShippingMode]="false"` to
|
|
4868
|
+
* hide) and **Refresh** (`showRefresh` →
|
|
4869
|
+
* {@link refreshClick}). Refresh is hidden while
|
|
4870
|
+
* the body shows empty or error — those states expose Retry instead.
|
|
4796
4871
|
* While {@link refreshing} is true the rows stay on screen — the refresh icon
|
|
4797
4872
|
* spins (do not swap to a blocking loader). Use {@link loading} when the page
|
|
4798
|
-
* of data is changing (pagination / size): rows stay on screen
|
|
4799
|
-
*
|
|
4800
|
-
*
|
|
4801
|
-
* rows
|
|
4802
|
-
* mounted.
|
|
4873
|
+
* of data is changing (pagination / size): rows stay on screen, a keep-rows
|
|
4874
|
+
* overlay covers the grid, and the built-in pager shows a circular spinner
|
|
4875
|
+
* beside the page controls; the body loader appears only when there are no
|
|
4876
|
+
* rows yet (first load) or the host cleared rows for a shipping-mode switch
|
|
4877
|
+
* (STN ↔ SFN). Toolbar and column headers stay mounted.
|
|
4803
4878
|
* top-right **Filters** then **Export** (`showFilter` / `showExport`). The table
|
|
4804
4879
|
* does not own fetch, filter, or export logic — the host handles those events.
|
|
4805
4880
|
*
|
|
@@ -4821,8 +4896,9 @@ interface TableSortChange {
|
|
|
4821
4896
|
* and never reorder local rows.
|
|
4822
4897
|
*
|
|
4823
4898
|
* **Expandable rows:** project `<ng-template africaniesRowDetail="Label" let-row>`
|
|
4824
|
-
* templates. A leading chevron column appears; the expanded panel
|
|
4825
|
-
*
|
|
4899
|
+
* templates. A leading chevron column appears; the expanded panel sticks to the
|
|
4900
|
+
* scrollport width (so it does not scroll horizontally with the columns) and
|
|
4901
|
+
* lays out label/value pairs in a wrapping auto-fill grid.
|
|
4826
4902
|
*
|
|
4827
4903
|
* @typeParam T - Row record shape.
|
|
4828
4904
|
*
|
|
@@ -4858,9 +4934,31 @@ interface TableSortChange {
|
|
|
4858
4934
|
* to the left when rows are expandable. Override with
|
|
4859
4935
|
* {@link TableColumn.sticky}. Sticky columns use a slightly thicker bottom
|
|
4860
4936
|
* border (and opaque fill) so dividers stay visible while scrolling.
|
|
4937
|
+
*
|
|
4938
|
+
* **Sticky header (desktop):** when {@link stickyHeader} is true (default),
|
|
4939
|
+
* large screens scroll the grid inside a capped viewport and keep `th` pinned
|
|
4940
|
+
* to the top of that scrollport. Mobile keeps horizontal-only overflow so
|
|
4941
|
+
* page scroll is unchanged.
|
|
4861
4942
|
*/
|
|
4862
4943
|
declare class TableComponent<T = unknown> {
|
|
4863
|
-
|
|
4944
|
+
private readonly destroyRef;
|
|
4945
|
+
protected readonly shipping: ShippingModeService;
|
|
4946
|
+
/** Local STN / SFN segment options for {@link showShippingMode}. */
|
|
4947
|
+
protected readonly shippingModeItems: AfricaniesNavItem[];
|
|
4948
|
+
/**
|
|
4949
|
+
* Segment selection mirror of {@link ShippingModeService.mode}. Kept local
|
|
4950
|
+
* so a denied {@link ShippingModeService.requestModeChange} can snap the
|
|
4951
|
+
* pills back when the service mode did not change.
|
|
4952
|
+
*/
|
|
4953
|
+
protected readonly shippingModeActiveId: _angular_core.WritableSignal<string>;
|
|
4954
|
+
/** Scrollport that owns horizontal overflow for the main grid. */
|
|
4955
|
+
private readonly scrollport;
|
|
4956
|
+
/**
|
|
4957
|
+
* Visible width of {@link scrollport}. Applied to the expand panel so
|
|
4958
|
+
* details stay within the viewport and do not scroll with the columns.
|
|
4959
|
+
*/
|
|
4960
|
+
protected readonly scrollportWidthPx: _angular_core.WritableSignal<number>;
|
|
4961
|
+
constructor();
|
|
4864
4962
|
/**
|
|
4865
4963
|
* When false, hides row expansion even if {@link RowDetailDefDirective}
|
|
4866
4964
|
* templates are projected. Defaults to true.
|
|
@@ -4877,6 +4975,12 @@ declare class TableComponent<T = unknown> {
|
|
|
4877
4975
|
}>;
|
|
4878
4976
|
/** Column definitions (header chrome + keys). */
|
|
4879
4977
|
readonly columns: _angular_core.InputSignal<TableColumn<T>[]>;
|
|
4978
|
+
/**
|
|
4979
|
+
* When true (default), pin column headers while scrolling the grid on
|
|
4980
|
+
* large screens (`lg+`). Uses a capped scrollport so sticky works with
|
|
4981
|
+
* horizontal overflow. Set false to keep the previous unconstrained layout.
|
|
4982
|
+
*/
|
|
4983
|
+
readonly stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
4880
4984
|
/**
|
|
4881
4985
|
* Row records to render. Empty arrays show {@link EmptyStateComponent} in
|
|
4882
4986
|
* the body unless {@link loading} or {@link error} is set. Missing `data`
|
|
@@ -4888,6 +4992,13 @@ declare class TableComponent<T = unknown> {
|
|
|
4888
4992
|
* server-side `order` param. Omitted / null means no column is active.
|
|
4889
4993
|
*/
|
|
4890
4994
|
readonly sort: _angular_core.InputSignal<TableSortChange | null>;
|
|
4995
|
+
/**
|
|
4996
|
+
* Show the Shipping to / from Nigeria segment above the table (top-left).
|
|
4997
|
+
* On by default; set `[showShippingMode]="false"` to hide (e.g. modals).
|
|
4998
|
+
* Writes through {@link ShippingModeService.requestModeChange} so feature
|
|
4999
|
+
* guards still run.
|
|
5000
|
+
*/
|
|
5001
|
+
readonly showShippingMode: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
4891
5002
|
/**
|
|
4892
5003
|
* Show a Refresh button above the table (top-left) once rows are on screen.
|
|
4893
5004
|
* Hidden during in-grid empty/error — those use Retry in the body. Host refetches
|
|
@@ -4904,9 +5015,9 @@ declare class TableComponent<T = unknown> {
|
|
|
4904
5015
|
readonly refreshing: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
4905
5016
|
/**
|
|
4906
5017
|
* Page of data is loading (first load, shipping-mode switch, pagination,
|
|
4907
|
-
* page size). When rows are already on screen,
|
|
4908
|
-
* and
|
|
4909
|
-
* dropped STN/SFN rows after a mode switch), the body shows
|
|
5018
|
+
* page size). When rows are already on screen, a keep-rows overlay covers
|
|
5019
|
+
* the grid and the pager shows a spinner; when there are no rows (first
|
|
5020
|
+
* load or the host dropped STN/SFN rows after a mode switch), the body shows
|
|
4910
5021
|
* {@link LoadingStateComponent}. Distinct from {@link refreshing}.
|
|
4911
5022
|
*/
|
|
4912
5023
|
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -4979,10 +5090,17 @@ declare class TableComponent<T = unknown> {
|
|
|
4979
5090
|
protected readonly colSpan: _angular_core.Signal<number>;
|
|
4980
5091
|
protected readonly errorMessage: _angular_core.Signal<string>;
|
|
4981
5092
|
protected readonly staleError: _angular_core.Signal<string | null>;
|
|
4982
|
-
protected readonly bodyKind: _angular_core.Signal<"
|
|
5093
|
+
protected readonly bodyKind: _angular_core.Signal<"loading" | "error" | "empty" | "rows">;
|
|
4983
5094
|
protected readonly paginationLoading: _angular_core.Signal<boolean>;
|
|
4984
5095
|
/** Top-left Refresh — only when rows are on screen (empty/error use in-body Retry). */
|
|
4985
5096
|
protected readonly showToolbarRefresh: _angular_core.Signal<boolean>;
|
|
5097
|
+
/**
|
|
5098
|
+
* Applies a shipping-mode segment selection through
|
|
5099
|
+
* {@link ShippingModeService.requestModeChange}.
|
|
5100
|
+
*
|
|
5101
|
+
* @param id - Segment id (`stn` / `sfn`) or null.
|
|
5102
|
+
*/
|
|
5103
|
+
protected onShippingModeChange(id: string | null): void;
|
|
4986
5104
|
protected readonly visibleRowIds: _angular_core.Signal<string[]>;
|
|
4987
5105
|
protected readonly someRowsExpanded: _angular_core.Signal<boolean>;
|
|
4988
5106
|
/** Lookup map rebuilt when projected cell defs change. */
|
|
@@ -5017,8 +5135,9 @@ declare class TableComponent<T = unknown> {
|
|
|
5017
5135
|
*/
|
|
5018
5136
|
protected headerRowClass(): string;
|
|
5019
5137
|
/**
|
|
5020
|
-
* Opaque
|
|
5021
|
-
*
|
|
5138
|
+
* Opaque header fill (sticky-safe). Neutral chrome — not mode-accented.
|
|
5139
|
+
* Light `#f0f2f5` / dark elevated ink surface.
|
|
5140
|
+
* @returns Background utility classes.
|
|
5022
5141
|
*/
|
|
5023
5142
|
protected headerSoftClass(): string;
|
|
5024
5143
|
/**
|
|
@@ -5056,6 +5175,11 @@ declare class TableComponent<T = unknown> {
|
|
|
5056
5175
|
* @returns Header class list.
|
|
5057
5176
|
*/
|
|
5058
5177
|
protected headerCellClass(col: TableColumn<T>): string;
|
|
5178
|
+
/**
|
|
5179
|
+
* Vertical pin for scrolling header cells on desktop. Pinned left/right
|
|
5180
|
+
* headers get `lg:top-0` from {@link stickyPinClass} instead.
|
|
5181
|
+
*/
|
|
5182
|
+
protected headerStickClass(): string;
|
|
5059
5183
|
/**
|
|
5060
5184
|
* Body cell classes, including sticky pin when set.
|
|
5061
5185
|
* Sticky expand/actions columns use a 1.5px bottom border; scrolling cells
|
|
@@ -5131,7 +5255,7 @@ declare class TableComponent<T = unknown> {
|
|
|
5131
5255
|
*/
|
|
5132
5256
|
protected onSortHeaderClick(key: string): void;
|
|
5133
5257
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent<any>, never>;
|
|
5134
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "africanies-table", never, { "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "rowTrackBy": { "alias": "rowTrackBy"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "showRefresh": { "alias": "showRefresh"; "required": false; "isSignal": true; }; "refreshLabel": { "alias": "refreshLabel"; "required": false; "isSignal": true; }; "refreshing": { "alias": "refreshing"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "filterLabel": { "alias": "filterLabel"; "required": false; "isSignal": true; }; "filterCount": { "alias": "filterCount"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; "exportLabel": { "alias": "exportLabel"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; }, { "rowExpandChange": "rowExpandChange"; "sortChange": "sortChange"; "refreshClick": "refreshClick"; "filterClick": "filterClick"; "exportClick": "exportClick"; "pageChange": "pageChange"; "sizeChange": "sizeChange"; }, ["cellDefs", "headerCellDefs", "rowDetailDefs"], never, true, never>;
|
|
5258
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "africanies-table", never, { "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "rowTrackBy": { "alias": "rowTrackBy"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "showShippingMode": { "alias": "showShippingMode"; "required": false; "isSignal": true; }; "showRefresh": { "alias": "showRefresh"; "required": false; "isSignal": true; }; "refreshLabel": { "alias": "refreshLabel"; "required": false; "isSignal": true; }; "refreshing": { "alias": "refreshing"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "filterLabel": { "alias": "filterLabel"; "required": false; "isSignal": true; }; "filterCount": { "alias": "filterCount"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; "exportLabel": { "alias": "exportLabel"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; }, { "rowExpandChange": "rowExpandChange"; "sortChange": "sortChange"; "refreshClick": "refreshClick"; "filterClick": "filterClick"; "exportClick": "exportClick"; "pageChange": "pageChange"; "sizeChange": "sizeChange"; }, ["cellDefs", "headerCellDefs", "rowDetailDefs"], never, true, never>;
|
|
5135
5259
|
}
|
|
5136
5260
|
|
|
5137
5261
|
/** Page number or a gap marker for windowed pagination. */
|