Matryca funkcji sgcHTML — wszystkie komponenty

Komponent	Klasa	Opis	Pomoc
NavBar	`TsgcHTMLComponent_NavBar`	Responsywny górny pasek nawigacji z marką i zwijanymi pozycjami menu.	Docs
Sidebar	`TsgcHTMLComponent_Sidebar`	Pionowa nawigacja boczna z ikonami, nagłówkami, separatorami i stopką.	Docs
Breadcrumb	`TsgcHTMLComponent_Breadcrumb`	Ścieżka okruszków pokazująca bieżące położenie w hierarchii.	Docs
Tabs	`TsgcHTMLComponent_Tabs`	Zestaw kart w stylu tab, pill lub underline z przełączanymi panelami treści.	Docs
Pagination	`TsgcHTMLComponent_Pagination`	Element nawigacji po stronach generowany z liczby pozycji lub stron.	Docs
Toolbar	`TsgcHTMLComponent_Toolbar`	Pasek narzędzi grupujący przyciski z separatorami i podpowiedziami.	Docs
TreeView	`TsgcHTMLComponent_TreeView`	Zwijane hierarchiczne drzewo, ładowalne z zestawu danych.	Docs
Stepper	`TsgcHTMLComponent_Stepper`	Wskaźnik kreatora / postępu kroków, poziomy lub pionowy.	Docs
Dropdown	`TsgcHTMLComponent_Dropdown`	Przycisk rozwijany z menu linków, nagłówków i separatorów.	Docs
ButtonGroup	`TsgcHTMLComponent_ButtonGroup`	Segmentowany zestaw przycisków, poziomy lub pionowy.	Docs
ListGroup	`TsgcHTMLComponent_ListGroup`	Grupa listy linków lub pozycji z plakietkami i dodatkową treścią.	Docs
DashboardLayout	`TsgcHTMLDashboardLayout`	Pełna powłoka pulpitu ze stałym panelem bocznym i sekcjami treści.	Docs
Site	`TsgcHTMLComponent_Site`	Kompletna powłoka strony — nagłówek, menu nawigacyjne, treść i stopka — z wymiennym szablonem układu.	Docs
Splitter	`TsgcHTMLComponent_Splitter`	Dwa panele o zmiennym rozmiarze z przeciąganym uchwytem, poziomo lub pionowo, z opcjonalnie zapamiętywaną pozycją.	Docs

Dane i tabele

Siatki, kalendarze i tablice renderujące Twoje zestawy danych bezpośrednio.

Komponent	Klasa	Opis	Pomoc
Grid	`TsgcHTMLComponent_Grid`	Rozbudowana tabela: sortowanie, filtrowanie, eksport CSV/PDF, edycja w miejscu, grupowanie, wirtualne przewijanie i zapytania AI.	Docs
DataTable	`TsgcHTMLComponent_DataTable`	Tabela danych wyższego poziomu opakowująca Grid + Pagination z paskiem narzędzi, wyszukiwaniem i licznikiem wierszy.	Docs
Calendar	`TsgcHTMLComponent_Calendar`	Kalendarz w układzie miesięcznym z kropkami wydarzeń i nawigacją poprzedni/następny.	Docs
Scheduler	`TsgcHTMLComponent_Scheduler`	Harmonogram kalendarza (widoki miesiąc / tydzień) renderujący wydarzenia według daty.	Docs
Timeline	`TsgcHTMLComponent_Timeline`	Pionowa oś czasu datowanych wydarzeń, ładowalna z zestawu danych.	Docs
KanbanBoard	`TsgcHTMLComponent_KanbanBoard`	Tablica Kanban z kolumnami i przeciąganymi kartami.	Docs
Gantt	`TsgcHTMLComponent_Gantt`	Wykres Gantta osi czasu projektu z paskami postępu zadań.	Docs
TreeGrid	`TsgcHTMLComponent_TreeGrid`	Tabela Bootstrap ze zwijanymi, hierarchicznymi wierszami zbudowanymi z par węzłów Id/ParentId.	Docs
PivotTable	`TsgcHTMLComponent_PivotTable`	Tabela przestawna Bootstrap grupująca wiersze i kolumny oraz agregująca miary z sumami wierszy, kolumn i sumą całkowitą.	Docs
ActivityFeed	`TsgcHTMLComponent_ActivityFeed`	Aktualizowany na żywo strumień aktywności (od najnowszych) ze znacznikami czasu względnego i wypychaniem danych WebSocket poza pasmem (out-of-band).	Docs
AuditTrail	`TsgcHTMLComponent_AuditTrail`	Chronologiczny strumień dziennika audytu działań użytkownika i systemu z podmiotem, akcją, celem i znacznikiem czasu.	Docs

Wykresy i wizualizacja

Wizualizacje sterowane danymi, zbudowane z Twoich własnych liczb.

Komponent	Klasa	Opis	Pomoc
Chart	`TsgcHTMLComponent_Chart`	Wykres Chart.js: liniowy, słupkowy, kołowy, pierścieniowy, radarowy, polarny, bąbelkowy i punktowy.	Docs
Gauge	`TsgcHTMLComponent_Gauge`	Półkolisty wskaźnik SVG z progami kolorów niski / średni / wysoki.	Docs
Diagram	`TsgcHTMLComponent_Diagram`	Diagram przepływu z węzłami i strzałkami renderowany jako wbudowany SVG.	Docs
Map	`TsgcHTMLComponent_Map`	Interaktywna mapa Leaflet.js (kafelki OpenStreetMap / CartoDB) ze znacznikami.	Docs
Heatmap	`TsgcHTMLComponent_Heatmap`	Siatka mapy cieplnej SVG skalowana kolorem na podstawie wartości komórek lub powiązanego zestawu danych, z legendą i etykietami wierszy/kolumn.	Docs
Sparkline	`TsgcHTMLComponent_Sparkline`	Kompaktowy wykres iskrowy (sparkline) SVG liniowy, słupkowy lub obszarowy z serii wartości lub powiązanego zestawu danych.	Docs
CandlestickChart	`TsgcHTMLComponent_CandlestickChart`	Wykres świecowy OHLC SVG z knotami, kolorami wzrostu/spadku i opcjonalnym paskiem wolumenu.	Docs
QRCode	`TsgcHTMLComponent_QRCode`	Kod QR SVG ISO/IEC 18004 w czystym Pascalu z dowolnego tekstu lub adresu URL, z wybieralnym poziomem korekcji błędów.	Docs
Barcode	`TsgcHTMLComponent_Barcode`	Kod kreskowy Code 128 SVG w czystym Pascalu z dowolnego tekstu ASCII, z opcjonalnym czytelnym dla człowieka podpisem.	Docs
TreeMap	`TsgcHTMLComponent_TreeMap`	Mapa drzewa (treemap) typu squarified renderowana jako samodzielny, generowany po stronie serwera inline SVG, bez potrzeby biblioteki wykresów.	Docs

Formularze i pola

Wszystko, czego potrzebujesz do zbierania danych, z walidacją i wiązaniem z zestawem danych.

Komponent	Klasa	Opis	Pomoc
Form	`TsgcHTMLComponent_Form`	Kreator formularzy sterowany danymi z walidacją, układami i generowaniem formularzy przez AI.	Docs
Edit	`TsgcHTMLComponent_Edit`	Jednowierszowe pole tekstowe z etykietą, tekstem pomocy i wiązaniem z zestawem danych.	Docs
Memo	`TsgcHTMLComponent_Memo`	Wielowierszowe pole tekstowe z etykietą i tekstem pomocy.	Docs
CheckBox	`TsgcHTMLComponent_CheckBox`	Pole wyboru z etykietą i stanem zaznaczenia.	Docs
RadioGroup	`TsgcHTMLComponent_RadioGroup`	Grupa wzajemnie wykluczających się opcji radiowych.	Docs
Select	`TsgcHTMLComponent_Select`	Lista rozwijana z grupami opcji, wyborem wielokrotnym i wiązaniem z zestawem danych.	Docs
InputGroup	`TsgcHTMLComponent_InputGroup`	Pole z dodatkiem tekstowym z przodu / na końcu.	Docs
AutoComplete	`TsgcHTMLComponent_AutoComplete`	Pole tekstowe oparte na liście datalist HTML5 z sugestiami.	Docs
DatePicker	`TsgcHTMLComponent_DatePicker`	Natywne pole wprowadzania daty / godziny / daty i godziny.	Docs
FileUpload	`TsgcHTMLComponent_FileUpload`	Strefa przesyłania plików metodą przeciągnij i upuść z wysyłką formularza multipart.	Docs
RichEditor	`TsgcHTMLComponent_RichEditor`	Edytor tekstu sformatowanego WYSIWYG oparty na Quill z ukrytym polem formularza.	Docs
Rating	`TsgcHTMLComponent_Rating`	Wyświetlanie lub wprowadzanie oceny w postaci gwiazdek (symboli).	Docs
MultiSelect	`TsgcHTMLComponent_MultiSelect`	Przeszukiwalna lista rozwijana Bootstrap z wielokrotnym wyborem, plakietkami (chips), grupowanymi opcjami i wiązaniem z zestawem danych.	Docs
ColorPicker	`TsgcHTMLComponent_ColorPicker`	Natywne pole wyboru koloru HTML5 z opcjonalnym polem tekstowym hex i gotowymi próbkami kolorów.	Docs
Slider	`TsgcHTMLComponent_Slider`	Suwak zakresu Bootstrap z plakietką wartości na żywo, etykietami min/maks i kolorystyką.	Docs
TimePicker	`TsgcHTMLComponent_TimePicker`	Natywne pole wyboru godziny HTML5 z granicami min/maks i dokładnością co do sekundy.	Docs
SignaturePad	`TsgcHTMLComponent_SignaturePad`	Pole podpisu na canvasie oparte na zdarzeniach wskaźnika, z akcjami Wyczyść, Cofnij i Zapisz.	Docs
Transfer	`TsgcHTMLComponent_Transfer`	Widżet dwóch list do przenoszenia elementów między panelem dostępnych i przypisanych, z filtrowaniem i wiązaniem z zestawem danych.	Docs
DateTimePicker	`TsgcHTMLComponent_DateTimePicker`	Natywne pole wyboru daty i godziny HTML5 łączące kalendarz i zegar w jednym polu.	Docs
DateRangePicker	`TsgcHTMLComponent_DateRangePicker`	Sparowane pola daty początkowej i końcowej do wyboru zakresu dat, z granicami min/maks.	Docs
RangeSlider	`TsgcHTMLComponent_RangeSlider`	Suwak z dwoma uchwytami wybierający parę wartości dolna/górna, z plakietkami wartości na żywo.	Docs
CameraScanner	`TsgcHTMLComponent_CameraScanner`	Panel kamery na żywo skanujący kody kreskowe i kody QR natywnym BarcodeDetector przeglądarki, bez bibliotek firm trzecich.	Docs
NumPad	`TsgcHTMLComponent_NumPad`	Dotykowa klawiatura numeryczna i walutowa do wprowadzania danych w punkcie sprzedaży, z przyciskami szybkich kwot i formatowaniem niezależnym od ustawień regionalnych.	Docs

Treść i układ

Karty, multimedia i kafelki KPI do rozplanowania strony.

Komponent	Klasa	Opis	Pomoc
Panel	`TsgcHTMLComponent_Panel`	Karta panelu Bootstrap z nagłówkiem / treścią / stopką, zwijana i przewijalna.	Docs
StatCard	`TsgcHTMLComponent_StatCard`	Karta KPI / statystyki dla pulpitu z ikoną, strzałką trendu i opcjonalnym gradientem.	Docs
Accordion	`TsgcHTMLComponent_Accordion`	Pionowo zwijana harmonijka ułożonych w stos rozwijanych paneli.	Docs
Carousel	`TsgcHTMLComponent_Carousel`	Pokaz slajdów / karuzela obrazów ze wskaźnikami, sterowaniem i autoodtwarzaniem.	Docs
Image	`TsgcHTMLComponent_Image`	Obraz z kształtem, responsywnością / leniwym ładowaniem, linkiem lightbox i podpisem.	Docs
Avatar	`TsgcHTMLComponent_Avatar`	Awatar użytkownika (obraz lub inicjały) z rozmiarem, kształtem i kropką statusu obecności.	Docs
Video	`TsgcHTMLComponent_Video`	Odtwarzacz wideo / audio HTML5 wraz z pomocnikiem do osadzania YouTube.	Docs
Badge	`TsgcHTMLComponent_Badge`	Pojedyncza plakietka Bootstrap z kolorem, kształtem pigułki, ikoną w linii i trybem pozycjonowanej kropki powiadomienia.	Docs
PDFViewer	`TsgcHTMLComponent_PDFViewer`	Wbudowana przeglądarka PDF oparta na pdf.js, z nawigacją po stronach, powiększeniem, wyszukiwaniem, pobieraniem i drukowaniem.	Docs
Chip	`TsgcHTMLComponent_Chip`	Kompaktowy element chip / tag z opcjonalną ikoną, kolorem i przyciskiem zamknięcia do usunięcia.	Docs

Nakładki i komunikaty

Okna dialogowe, powierzchnie statusu i stany ładowania.

Komponent	Klasa	Opis	Pomoc
Modal	`TsgcHTMLComponent_Modal`	Modalne okno dialogowe z tytułem / treścią / stopką, rozmiarami, wyśrodkowane i ze statycznym tłem.	Docs
Offcanvas	`TsgcHTMLComponent_Offcanvas`	Wysuwany panel off-canvas z lewej, prawej, góry lub dołu.	Docs
Popover	`TsgcHTMLComponent_Popover`	Dymek popover na elemencie wyzwalającym (kliknięcie / najechanie / fokus).	Docs
Toast	`TsgcHTMLComponent_Toast`	Powiadomienie toast z nagłówkiem, treścią, znacznikiem czasu i automatycznym ukrywaniem.	Docs
Snackbar	`TsgcHTMLComponent_Snackbar`	Przejściowy snackbar w stylu Material z opcjonalną akcją.	Docs
Notification	`TsgcHTMLComponent_Notification`	Centrum powiadomień w postaci rozwijanego dzwonka z plakietką nieprzeczytanych.	Docs
Spinner	`TsgcHTMLComponent_Spinner`	Wskaźnik ładowania (border / grow), z rozmiarem i kolorem.	Docs
Placeholder	`TsgcHTMLComponent_Placeholder`	Karta ładowania typu szkielet / placeholder z animowanym połyskiem.	Docs
ContextMenu	`TsgcHTMLComponent_ContextMenu`	Menu rozwijane po kliknięciu prawym przyciskiem myszy, ograniczone do selektora CSS, z ikonami, separatorami, nagłówkami i akcjami kierowanymi po stronie serwera.	Docs
JobProgress	`TsgcHTMLComponent_JobProgress`	Aktualizowana na żywo lista pasków postępu zadań w tle z plakietkami statusu, przyciskami anulowania i aktualizacjami fragmentów poza pasmem (out-of-band).	Docs
LogViewer	`TsgcHTMLComponent_LogViewer`	Strumieniowa przeglądarka logów / terminala z filtrem poziomu, wyszukiwaniem i automatycznym przewijaniem.	Docs
ProgressBar	`TsgcHTMLComponent_ProgressBar`	Pasek postępu Bootstrap, w paski i animowany, pojedynczy lub wieloczęściowy skumulowany.	Docs
CommandPalette	`TsgcHTMLComponent_CommandPalette`	Launcher szybkich akcji Ctrl+K / Cmd+K z filtrowaniem najpierw po podciągu, a potem rozmytym, kategoriami i akcjami kierowanymi po stronie serwera.	Docs
EmptyState	`TsgcHTMLComponent_EmptyState`	Panel wyświetlany przez siatkę, listę lub wynik wyszukiwania, gdy nie ma żadnych wierszy, z ikoną, tytułem, opisem i do dwóch przycisków.	Docs

Czat i AI

Interfejs konwersacyjny, od prostych dymków po strumieniujący asystent AI.

Komponent	Klasa	Opis	Pomoc
ChatBox	`TsgcHTMLComponent_ChatBox`	Okno czatu w stylu karty z dymkami, paskiem wprowadzania i wskaźnikiem pisania.	Docs
Chat	`TsgcHTMLComponent_Chat`	Czat w stylu WhatsApp z wiadomościami tekst / obraz / plik / audio / wideo, potwierdzeniami odczytu i odpowiedziami.	Docs
AIChat	`TsgcHTMLComponent_AIChat`	Czat z asystentem AI z wyborem dostawcy / modelu, strumieniowaniem tokenów i cytowaniem źródeł RAG.	Docs
Presence	`TsgcHTMLComponent_Presence`	Lista "kto jest online" w formie stosu awatarów lub listy, z aktualizacjami statusu na żywo.	Docs

Uwierzytelnianie

Gotowe procesy logowania, od haseł po klucze passkey.

Komponent	Klasa	Opis	Pomoc
Login	`TsgcHTMLComponent_Login`	Gotowy formularz / strona logowania (karta, wyśrodkowana lub pełnoekranowa) z opcją zapamiętania mnie i alertami.	Docs
SocialLogin	`TsgcHTMLComponent_SocialLogin`	Panel przycisków logowania społecznościowego OAuth (Google, Facebook, Apple, GitHub, Microsoft i więcej).	Docs
OAuthCallback	`TsgcHTMLComponent_OAuthCallback`	Strona zwrotna / docelowa OAuth w stanie sukcesu, błędu lub ładowania z automatycznym przekierowaniem.	Docs
WebAuthnLogin	`TsgcHTMLComponent_WebAuthnLogin`	Widżet logowania i rejestracji bez hasła przy użyciu klucza passkey / WebAuthn.	Docs
RolesPermissions	`TsgcHTMLComponent_RolesPermissions`	Matryca ról / uprawnień z polem wyboru dla każdej komórki i aktualizacjami nadań na żywo przez WebSocket.	Docs
UserManagement	`TsgcHTMLComponent_UserManagement`	Tabela administracji użytkownikami z rolami, statusem, wyszukiwaniem i rozwijanym menu akcji dla każdego wiersza.	Docs
ImpersonateBanner	`TsgcHTMLComponent_ImpersonateBanner`	Baner personifikacji administratora wyświetlany podczas działania jako inny użytkownik, z wyjściem jednym kliknięciem.	Docs

Infrastruktura

Silnik, serwer i motywy

Niewizualne elementy, które obsługują strony i utrzymują je na żywo.

Komponent	Klasa	Opis	Pomoc
EngineServer	`TsgcHTMLEngine_Server`	Silnik HTML powiązany z `TsgcWebSocketHTTPServer`, który obsługuje wyrenderowane strony i wbudowane zasoby.	Docs
HTMXEngine	`TsgcHTMX_Engine_Server`	Silnik htmx podłączony do tego samego serwera. Podłącza się pod procedury obsługi HTTP i WebSocket, rozdziela przychodzące żądania i wiadomości oraz wypycha lub rozgłasza fragmenty HTML do podłączonych przeglądarek w czasie rzeczywistym (`DispatchRequest`, `DispatchMessage`, `PushFragment`, `BroadcastFragment`).	Docs
PageBuilder	`TsgcHTMLPageBuilder`	Składa zarejestrowane komponenty w kompletną responsywną stronę (z wizualnym edytorem działającym w czasie projektowania).	Docs
TemplateBootstrap	`TsgcHTMLTemplate_Bootstrap`	Opakowuje treść strony w pełny dokument HTML Bootstrap 5 z motywem, językiem i kierunkiem.	Docs
ThemeController	`TsgcHTMLThemeController`	Przełącznik motywu w czasie działania, którego właściwość `Theme` (`ptDefault`, `ptDark`, `ptDarkPro`) stosuje wybrany motyw i wspólny arkusz stylów do strony.	Docs
ThemeBuilder	`TsgcHTMLThemeBuilder`	Generator CSS, którego `Mode` (`tmLight`, `tmDark`, `tmSystem`) zapisuje zmienne CSS Bootstrap na podstawie wartości właściwości, z opcjonalnym skryptem synchronizacji z preferencją systemu operacyjnego dla `tmSystem`.	Docs
HTMXFragment	`TsgcHTMX_Fragment`	Fragment htmx out-of-band do wypychania częściowej aktualizacji strony z serwera do przeglądarki.	Docs
HTMXRouter	`TsgcHTMX_Router`	Tabela routingu `Routes`, która dopasowuje ścieżkę przychodzącego żądania i przekazuje je (przez `HandleRequest`) do procedury obsługi `OnRoute` danej trasy.	Docs