iobroker.mywebui 1.162.8 → 1.170.0

package/README.md

@@ -302,6 +302,580 @@ runtime.html?screenName=screen2
 	Placeholder for next versions:
 	### __WORK IN PROGRESS__
 -->
+### 1.170.0 (2026-10-01)
+* (gokturk413) feat(runtime): state details panel for administrators (click a badge / Alt+click a control: every bound state with read and write status); runtime texts (write feedback, read quality, quality codes, the panel) in az/en/ru/de/tr, overridable by project translations
+
+### 1.169.0 (2026-10-01)
+* (gokturk413) feat(navigation): Start as — the menu opens full, icons only, hidden, or as this browser left it last time
+
+### 1.168.2 (2026-10-01)
+* (gokturk413) fix(navigation): with the sidebar on the right the ☰ sits in the app bar's right corner, and the app bar keeps room for it there
+
+### 1.168.1 (2026-10-01)
+* (gokturk413) fix(designer): Settings splits Navigation into "this screen" and "all screens" (position, layout, theme… are global); a rebuilt sidebar lets go of its listeners and badge subscriptions
+
+### 1.168.0 (2026-10-01)
+* (gokturk413) feat(navigation): position left/right/top/bottom (top/bottom as a bar with drop-down groups), layout push/overlay, a badge per entry from a state (summed on groups); fix: a control updated live no longer throws in disconnectedCallback
+
+### 1.167.1 (2026-10-01)
+* (gokturk413) fix(designer): Settings → Navigation → Groups follows Group items at once
+
+### 1.167.0 (2026-10-01)
+* (gokturk413) feat(navigation): menu groups get their own title (translatable), icon and order (Settings → Navigation → Groups); with icons only, a group opens its entries in a panel beside the sidebar; read-quality and write-feedback layers sit under the navigation
+
+### 1.166.0 (2026-10-01)
+* (gokturk413) feat(navigation): menu groups by folder or by a group per screen (open/close, nested), SVG menu icons in the theme colour, the screen moves and scales with the sidebar (easing, no jump)
+
+### 1.165.1 (2026-10-01)
+* (gokturk413) fix(runtime): read quality frames the whole control (content bigger than the host) and watches custom-control properties of type signal (input_with_button); scada_point_panel and ReportSelector no longer overflow their own box
+
+### 1.165.0 (2026-10-01)
+* (gokturk413) feat(runtime): read quality — every bound control shows when its value cannot be trusted (quality code, driver down, stale, missing); write feedback names the quality code and no longer counts substitute values as errors; docs/status-indicators.md (en + az)
+
+### 1.164.0 (2026-10-01)
+* (gokturk413) feat(designer): layout toolbar, upright overlays on rotated controls; incremental npm upload
+
+### 1.163.1 (2026-09-30)
+* (gokturk413) fix(runtime): pending write drawn at once; @click="[[…]]" on a screen threw
+
+### 1.163.0 (2026-09-30)
+* (gokturk413) feat(runtime): write feedback — every operator write shows whether the driver confirmed it
+
+### 1.162.8 (2026-09-30)
+* (gokturk413) fix(designer): the right tool-window strip lost its names on a short window
+
+### 1.162.7 (2026-09-30)
+* (gokturk413) fix(designer): the obfuscated release designer did not load — ReportToolbox
+
+### 1.162.6 (2026-09-30)
+* (gokturk413) fix(controls): valve_faceplate buttons carried an empty "bind-attr:"
+
+### 1.162.5 (2026-09-30)
+* (gokturk413) fix(licence): a machine id that stops answering is no longer a tamper
+
+### 1.162.4 (2026-09-30)
+* (gokturk413) fix(designer): report canvas styles, Report toolbox click, translation key actions
+
+### 1.162.3 (2026-09-30)
+* (gokturk413) fix(controls): property defaults set before the first binding pass
+
+### 1.162.2 (2026-09-30)
+* (gokturk413) fix(runtime): two-way bindings write numbers to number states; directive test heading
+
+### 1.162.1 (2026-09-30)
+* (gokturk413) perf(runtime): the navigation menu appears with the screen
+
+### 1.162.0 (2026-09-29)
+* (gokturk413) feat(charts): `<iobroker-webui-echart>` — live ECharts in viewer and designer, the same chart in HTML/PDF
+
+### 1.161.0 (2026-09-29)
+* (gokturk413) feat(designer): History Query builder + Report toolbox; docs/reports.md
+
+### 1.160.0 (2026-09-28)
+* (gokturk413) feat(reports): report theme, full web platform in the sandbox; app bar steady and responsive
+
+### 1.159.0 (2026-09-28)
+* (gokturk413) fix(reports): pictures in generated reports — SVG/PNG in HTML and PDF
+
+### 1.158.0 (2026-09-28)
+* (gokturk413) feat(reports): Output → Languages — one server file per language, {lang} in path or name
+
+### 1.157.0 (2026-09-28)
+* (gokturk413) feat: engine in the fork; translations in reports; live toolbox; quiet connection monitor
+
+### 1.156.0 (2026-09-28)
+* (gokturk413) fix(directives): every template directive tested in control, screen and report; 9 bugs fixed
+
+### 1.155.0 (2026-09-27)
+* (gokturk413) feat(reports): template directives on screen and report pages; history options demo
+
+### 1.154.0 (2026-09-27)
+* (gokturk413) feat(reports): reports rendered for a user, report scripts in the sandbox, history: directive
+
+### 1.153.0 (2026-09-27)
+* (gokturk413) feat(reports): the fonts the author picks reach the PDF; toolbox rights set in the designer
+
+### 1.152.0 (2026-09-27)
+* (gokturk413) feat(reports): history on the backend, five languages in PDF, the dialog's dates applied
+
+### 1.151.0 (2026-09-27)
+* (gokturk413) feat(reports): PDF painted as the report looks — Takumi replaces pdfmake
+
+### 1.150.0 (2026-09-27)
+* (gokturk413) feat(reports): live reports, range from states, reports embeddable in screens
+
+### 1.149.0 (2026-09-27)
+* (gokturk413) fix(reports): print in colour; show the date boxes only for a custom range; icons in the toolbox
+
+### 1.148.0 (2026-09-27)
+* (gokturk413) feat(reports): the browser's printed date, title, URL and page number are optional
+
+### 1.147.0 (2026-09-27)
+* (gokturk413) fix(reports): a browser saves on the server through the trigger state, not sendTo
+
+### 1.146.1 (2026-09-27)
+* (gokturk413) fix(reports): print the report alone, not the whole application
+
+### 1.146.0 (2026-09-27)
+* (gokturk413) feat(reports): PDF and CSV output, a time range in the viewer, reports in the menu
+
+### 1.145.0 (2026-09-26)
+* (gokturk413) feat(reports): a bound state starts a server run; theme the Report window
+
+### 1.144.0 (2026-09-26)
+* (gokturk413) feat(reports): schedule + trigger (task 9), VS-style tool windows (task 10)
+
+### 1.143.0 (2026-09-26)
+* (gokturk413) feat(reports): generate on the server, download in the browser (task 8)
+
+### 1.142.0 (2026-09-26)
+* (gokturk413) feat(reports): run control scripts on a DOM inside the sandbox (task 6)
+
+### 1.141.0 (2026-09-26)
+* (gokturk413) feat(designer): events on the screen / report root, in the Events panel
+
+### 1.140.0 (2026-09-26)
+* (gokturk413) feat(reports): backend renderer, expression sandbox, report events, screen-only (task 5)
+
+### 1.139.0 (2026-09-26)
+* (gokturk413) feat(reports): open a report in the browser, with the full screen chrome (task 4)
+
+### 1.138.0 (2026-09-26)
+* (gokturk413) feat(reports): the page canvas — paper, rulers, bands and page breaks (task 3)
+
+### 1.137.0 (2026-09-26)
+* (gokturk413) feat(reports): Reports in the solution tree, with its own icons (task 2)
+
+### 1.136.1 (2026-09-26)
+* (gokturk413) fix(reports): a report keeps every screen setting; only its size comes from the page
+
+### 1.136.0 (2026-09-26)
+* (gokturk413) feat(reports): the .report object type (task 1 of the report plan)
+
+### 1.133.0 (2026-09-25)
+* (gokturk413) feat(licence): move mywebui to the scada-core state machine (RFC-005 L3)
+* (gokturk413) feat(licence): a host ledger per licence in every candidate directory
+* (gokturk413) fix(licence): a key no longer erases the trial history in the adapter's slot
+* (gokturk413) fix(licence): a stopped install no longer opens a usage-grace window
+* (gokturk413) fix(licence): do not log 'unlocked' for a stopped install
+* (gokturk413) feat(admin): explain the trial, the two hardware ids and the per-VM licence
+
+### 1.132.0 (2026-09-15)
+* (gokturk413) fix(designer): Properties dock tabs wrap onto rows instead of truncating
+* (gokturk413) fix(ci): pin Rust to a newer stable broke both aarch64 cross-builds
+
+### 1.130.0 (2026-08-04)
+* (gokturk413) fix(dist): the public release would have shipped a broken adapter — three ways
+* (gokturk413) fix(ci)!: the release workflow would have force-pushed over this repo's own history
+* (gokturk413) fix(ci): expect the triple names napi actually produces, and cross-check them
+
+### 1.129.0 (2026-08-04)
+* (gokturk413) feat(native): main.js permission handlers call the engine
+* (gokturk413) fix(dist): ship the engine and its bridge; guard against an engine-less tarball
+* (gokturk413) feat(dist): allow-list staging script for the public artifact tree
+* (gokturk413) fix(dist): stop shipping scripts/ — it is the build process, not the product
+* (gokturk413) feat(dist): independent pre-push audit of the staged public tree
+* (gokturk413) fix(dist): stop publishing TypeScript sources and vendored package internals
+* (gokturk413) feat(ci): public release workflow — allow-list staging, pre-push audit, dry-run default
+* (gokturk413) fix(ci): deliver the cross-built engines into the package
+* (gokturk413) fix(ci): publish builds every engine itself, and demands all 8 before shipping
+
+### 1.128.0 (2026-08-03)
+* (gokturk413) fix(license): gate every deploying command, not just two of them
+* (gokturk413) feat(native): group resolution + checkVisibility allow-list
+* (gokturk413) feat(native): screen ACL — write allow-rule, read blacklist, new/legacy arbitration
+* (gokturk413) fix(native): a non-string in a blocked list denies, matching the JS
+* (gokturk413) feat(native): PlantPAx write permission model (action codes + area levels)
+* (gokturk413) fix(native): an explicit null area level falls through to the '*' fallback
+* (gokturk413) fix(native): model JS falsiness — non-string codes and empty-string levels no longer fail open
+* (gokturk413) fix(native): prototype-inherited action keys no longer bypass the permission model
+* (gokturk413) feat(native): resolve_screen_access/visibility/sec_write napi entries + parity test
+
+### 1.127.0 (2026-08-02)
+* (gokturk413) feat(license): surface tag usage + grace/violation state in the designer console
+* (gokturk413) fix(license): keep the grace high-water-mark alive when an audit fails
+
+### 1.126.0 (2026-08-01)
+* (gokturk413) feat(native): run/cache the usage audit and enforce the locked verdict
+
+### 1.125.0 (2026-08-01)
+* (gokturk413) feat:  (deep-fidelity) — P_Gate faceplate rebuilt faithful to real .gfx single-page flow (Inputs→Gate Delay→On/Off Delay→Output); fixes faceplate numeric inputs never populating
+* (gokturk413) feat(native): scaffold mywebui_scada_engine crate with version()/ping()
+* (gokturk413) feat(native): engineBridge loader as the single engine import point
+* (gokturk413) feat(native): load mywebui_scada_engine in adapter main() and log its version
+* (gokturk413) feat(native): cross-platform hardware-id (whid2- machine-id/UUID/MachineGuid)
+* (gokturk413) feat(native): Ed25519 license verify + payload parse (embedded public key)
+* (gokturk413) feat(native): clock-tamper-resistant 30-day trial anchor (monotonic + HMAC + hwid-bound)
+* (gokturk413) feat(native): validate_license/hardware_id napi entry points + edition/trial resolution
+* (gokturk413) feat(native): main.js uses the engine for license/hardware-id; no-stop trial->free; delete JS validators
+* (gokturk413) fix(license): designer allows trial/free editions (was locking them out)
+* (gokturk413) fix(build): rebuild committed dist/backend from src-original (Phase 1) + drop orphan validator
+* (gokturk413) feat(native): bridge Effect protocol + pure demo handler
+* (gokturk413) feat(native): handle_demo napi export + JS effectApplier + mock-host B test
+* (gokturk413) feat(native): async host-callback PoC (napi ThreadsafeFunction + awaited JS Promise)
+* (gokturk413) feat(native): importmap scaffold — ImportmapBuilder + path helpers + embedded hacks
+* (gokturk413) fix(native): importmap uses posix pjoin (not native path join) for web-path parity
+* (gokturk413) feat(native): importmap add_to_importmap (exports/main/module resolution)
+* (gokturk413) fix(native): pjoin normalizes leading ./ like path.posix.join (once, not per call site)
+* (gokturk413) fix(native): add_to_importmap uses plain concat at JS:282/285/293 (not pjoin)
+* (gokturk413) feat(native): importmap load_dependency (recursive, deduped, native fs)
+* (gokturk413) feat(native): importmap parse_npm_package (custom-elements + esbuild bundle integration)
+* (gokturk413) feat(native): importmap build_importmap top-level + writes 5 loader files
+* (gokturk413) fix(native): serde_json preserve_order so generated importmap.js matches JS key order
+* (gokturk413) feat(native): create_importmap napi async wrapper + Node integration test
+* (gokturk413) feat(native): main.js uses engine.create_importmap; delete JS ImportmapCreator
+* (gokturk413) fix(native): live-parity fixes — bundle host must resolve a string; JS:86 error text
+* (gokturk413) fix(build): rebuild dist/backend after the port + correct the host-callback contract docs
+* (gokturk413) feat(native): upload walk + ignore list + progress throttling (pure, tested)
+* (gokturk413) feat(native): upload collect_existing_files_to_delete (DB-driven recursion)
+* (gokturk413) feat(native): upload erase/upload_internal/driver with effect logging
+* (gokturk413) fix(native): normalize source_dir in the upload driver (backslash paths skipped every file)
+* (gokturk413) feat(native): upload_widgets napi wrapper + Node integration test
+* (gokturk413) feat(native): main.js uses engine.upload_widgets; delete JS UploadHelper
+* (gokturk413) feat(native): tag extraction — distinct ioBroker state IDs from screens/controls
+* (gokturk413) feat(native): usage counting, limit checking and deterministic allowed-screen selection
+* (gokturk413) fix(native): dedupe project names by set, stabilize counted_tags order, document unchecked limits
+* (gokturk413) feat(native): 2-day grace anchor — HMAC-signed, hardware-bound, rollback-proof
+* (gokturk413) fix(native): saturating arithmetic in grace/trial anchors + explicit blob-persistence contract
+* (gokturk413) feat(native): audit_usage napi entry — usage, violations, locked verdict and grace state
+* (gokturk413) fix(native): corrupt licence falls back to free tier; degraded audits never unlock or clear the grace anchor
+* (gokturk413) fix(native): licence needs a positive marker; a hard lock only clears via a verified licence
+* (gokturk413) fix(native)!: audit_usage verifies the licence KEY itself, not a caller-supplied verdict
+
+### 1.124.0 (2026-07-07)
+* (gokturk413) feat:  (deep-fidelity) — P_Motor faceplate audited vs real .gfx: adds Stopped/NotRdy lamps, PermOK/NBPerm/Sim/MaintByp flags, Bypass+OvldNotify maint rows (all adapter-gated)
+
+### 1.123.0 (2026-07-07)
+* (gokturk413) feat:  (deep-fidelity) — PlantPAx-faithful SVG device symbols + adapter-data-gating
+
+### 1.122.0 (2026-07-07)
+* (gokturk413) feat:  (deep-fidelity) — P_AIn alarm-bar uses real Rockwell command-button PNGs (Cmd_AlmAck / Cmd_AlmAckAllReset / Cmd_Reset) instead of text buttons. Verified live: 3 real PNG command buttons
+
+### 1.121.0 (2026-07-07)
+* (gokturk413) feat:  (deep-fidelity) — alarm-row uses REAL Rockwell PNG icons (data-URI)
+
+### 1.120.0 (2026-07-07)
+* (gokturk413) feat:  (wave B) — +8 device types (P_ValveMO/ValveMP/nPos/Motor2Spd/Dose/HiLoSel/DBC/Logic) via data-driven _dev_faceplate + real AOI members extracted from L5X; typeToTag/slug/seeds. Generic-convention faceplates (deep .gfx fidelity to follow)
+
+### 1.119.0 (2026-07-07)
+* (gokturk413) feat:  (wave B start) — new types P_DIn + P_DOut (Discrete I/O)
+
+### 1.118.0 (2026-07-07)
+* (gokturk413) feat:  (wave A COMPLETE) — Valves/PIDE/Infra verified on real tab model + members
+
+### 1.115.0 (2026-07-07)
+* (gokturk413) feat:  (wave A) — Motors group (P_Motor/P_MotorRev/P_VSD): labeled Home/Maint/Alarm tabs + real members (Sts_Running, OCmd_Start...). Shared _dev_faceplate tab-strip now Home+labeled, positioning Valves/PIDE/Infra for Tasks 8-10.
+
+### 1.114.4 (2026-07-07)
+* (gokturk413) feat:  (wave A) — P_AIn Engineering (Advanced) matches the mockup: PV Source & Quality checkboxes + Substitute PV value + Filtering & Thresholds (Fail Hi/Lo, PV decimals) all with real member labels; _cfg_row helper + cfgmem styling; pvDecPlcs seed/meta
+
+### 1.114.3 (2026-07-07)
+* (gokturk413) feat:  (wave A) — alarm-row shows real member labels (HiHi.Alm · HiHi.Ack) + severity-tier colours (HiHi/LoLo/Fail red, Hi/Lo amber) matching the mockup
+
+### 1.114.2 (2026-07-06)
+* (gokturk413) feat:  (wave A) — P_AIn real device-state flags: Sim (Inp_Sim), Maint Byp (Sts_MaintByp), Substitute, Input Fail on Home tab; seed+meta for sim/simPvSet/maintByp/oos
+
+### 1.114.1 (2026-07-06)
+* (gokturk413) fix:  (wave A) — P_AIn faceplate visual fidelity to mockup: labeled tabs (Home/Maint/Diag/Alarm/Trend), description line, Range/Substitute rows, clean card styling (header/tab-underline/kv-rows/flag-pills)
+
+### 1.114.0 (2026-07-06)
+* (gokturk413) feat:  (wave A) — P_AIn symbol colours by threshold-status (Sts_*) to match the MAI + alarm objects; unacked badge tracks real alarm objects. P_AIn REFERENCE COMPLETE (acceptance gate passed vs live P_AIn_01)
+
+### 1.113.0 (2026-07-06)
+* (gokturk413) feat:  (wave A) — P_AIn faceplate rebuilt to real model: Home tab (vertical MAI + PV block + status-flags), Alarm tab composes alarm-row components, Engineering uses scaling-widget; tabs Home/Maintenance/Diagnostics/Alarm/Trend + Advanced
+
+### 1.112.0 (2026-07-06)
+* (gokturk413) feat:  (wave A) - scaling-widget (raw->EU config) + status-flag components
+
+### 1.111.0 (2026-07-06)
+* (gokturk413) feat:  (wave A) — alarm-row component: severity + UNACK/ACK'D/SHELVED/SUPPRESSED/DISABLED chip + ack/shelve buttons
+
+### 1.110.0 (2026-07-06)
+* (gokturk413) feat:  (wave A) — Moving Analog Indicator: vertical scale, PV fill + pointer with value, HiHi/Hi/Lo/LoLo flags with EU value labels, threshold colour
+
+### 1.109.0 (2026-07-06)
+* (gokturk413) feat:  (wave A) — hybrid canonical+member labels in PlantPAx Types editor; P_AIn seed verified vs real AOI members
+* (gokturk413) fix:  (wave A task1) — alarm meta labels match resolver (HiHi.Alm/.Ack nested); add threshold-status keys hiHiSts/hiSts/loSts/loLoSts -> Sts_* for MAI flags
+
+### 1.108.1 (2026-07-06)
+* (gokturk413) fix: PlantPAx faceplate/symbol button wiring (imperative ppWireSymbol/ppWireHeader; remove broken @click=[[...]] which no-oped)
+
+### 1.108.0 (2026-07-06)
+* (gokturk413) feat:  (wave3 COMPLETE) — P_MotorRev/CmdSrc/Gate/Intlk/Perm/Alarm/Meta faceplates; all 13 PlantPAx types now shipped (symbol+faceplate each), all composed from 8 reusable wave-1 components; dual-adapter seeds for every type
+
+### 1.107.0 (2026-07-06)
+* (gokturk413) feat:  (wave3) — P_ValveC/P_ValveSO/P_PIDE/P_VSD faceplates via generic _dev_faceplate composing wave-1 components (level-bar+slider+lamps+buttons+sparkline); rich dual-adapter seeds
+
+### 1.106.0 (2026-07-06)
+* (gokturk413) feat:  (wave3 start) — P_Motor symbol + faceplate composed from wave-1 components (4 status-lamp + 2 command-button), P_Motor seed both adapters (15 members)
+
+### 1.105.0 (2026-07-06)
+* (gokturk413) feat:  (wave2) — PlantPAx Types editor as Ignition tag-browser tree (9 collapsible member categories: Process Value/Alarm Limits/Deadbands/Status/Ack/Commands/Scaling/Quality/Identity + counts + per-member test)
+
+### 1.104.1 (2026-07-06)
+* (gokturk413) feat: enlarge faceplate popup (min-width 320->480, settings 520x600, roomier padding/font)
+
+### 1.104.0 (2026-07-06)
+* (gokturk413) feat: enriched Alarms tab (unacked count + Ack All/Reset & Ack/Reset via OCmd_ResetAckAll/OCmd_Reset) + 3 alarm-cmd seed fields
+* (gokturk413) feat: wave1 primitives — plantpax/components/{status-lamp,command-button} (reusable boolean indicator + secWriteState command button)
+* (gokturk413) feat: wave1 input primitives — plantpax/components/{toggle-switch,radio-toggle,std-slider} (read+write via secWriteState, secCan-gated)
+* (gokturk413) feat: wave1 tank BlockStyle symbol (fill level = PV%, alarm color, click->faceplate) — 8 reusable plantpax components total
+
+### 1.103.0 (2026-07-06)
+* (gokturk413) feat: Flintium-style icon tab-strip (Main: Operator/Maintenance/Trends/Diagnostics/Alarms + gear->Advanced: Engineering/HMI/Faults) with Trends/Diagnostics/HMI/Faults panes
+
+### 1.102.0 (2026-07-06)
+* (gokturk413) feat: real Flintium-style P_AIn faceplate (level-bar component, EU-scaled Moving Analog Indicator, Raw Input Scaling + PV Source/Quality Engineering tab, expanded seed 37 fields)
+* (gokturk413) feat: add plantpax/components/sparkline (live mini-trend) + embed in P_AIn Operator
+
+### 1.100.0 (2026-07-05)
+* (gokturk413) feat: PlantPAx faceplate popup host on IOB (mount/unmount, no display:none leak) + typeToTag
+* (gokturk413) feat: PlantPAx generator + P_AIn symbol & 4-tab faceplate controls
+
+### 1.99.1 (2026-07-05)
+* (gokturk413) fix: Security editor dock had no background (showed white/host-default)
+* (gokturk413) feat: add PlantPAx type-mapping resolver with full AOI catalog seed data
+* (gokturk413) feat: wire PlantPAx type resolver into IobrokerHandler (IOB) singleton
+* (gokturk413) feat: add PlantPAx Types dock editor custom element
+* (gokturk413) feat: register PlantPAx Types dock tab in AppShell + rebuild runtime bundle
+
+### 1.99.0 (2026-07-04)
+* (gokturk413) feat: Area & Permissions dock (assign data-area/data-action per element)
+
+### 1.98.0 (2026-07-04)
+* (gokturk413) feat: server-enforced permission writes (secWriteState), phase 2
+
+### 1.97.0 (2026-07-04)
+* (gokturk413) feat: Security editor dock (Users / Areas / Actions matrix / Codes)
+
+### 1.96.0 (2026-07-04)
+* (gokturk413) feat: PlantPAx-style permission system (codes/actions/areas), phase 1
+
+### 1.95.1 (2026-07-04)
+* (gokturk413) fix: multi-view injected elements now honor visibility conditions
+
+### 1.95.0 (2026-07-04)
+* (gokturk413) fix: Monaco drag crash guard + all npm packages editable in Translations dock
+
+### 1.94.3 (2026-07-04)
+* (gokturk413) fix: multi-view selections were not persisted (raw element writes)
+
+### 1.94.2 (2026-07-04)
+* (gokturk413) fix: alarm viewers: designer instance also lacks _getDomElements + null-safe template exprs
+
+### 1.94.1 (2026-07-03)
+* (gokturk413) fix: designer script errors in control editor (missing control APIs)
+
+### 1.94.0 (2026-07-03)
+* (gokturk413) feat: alarm-history-viewer control (declarative, native datetime range)
+
+### 1.93.0 (2026-07-03)
+* (gokturk413) feat: alarm-viewer control (Tabulator-free, declarative) + scoped-t fix
+
+### 1.92.0 (2026-07-03)
+* (gokturk413) fix: translation modal keeps scope + migrate control groups to control-own dicts
+
+### 1.91.0 (2026-07-03)
+* (gokturk413) feat: scoped translation system (control-own / npm-widget / project)
+
+### 1.90.0 (2026-07-03)
+* (gokturk413) feat: Glass (glassmorphism) runtime theme + --ui-backdrop token
+
+### 1.89.0 (2026-07-03)
+* (gokturk413) feat: modern themed logout control (pairs with user-badge)
+
+### 1.88.0 (2026-07-03)
+* (gokturk413) feat: user-badge control: modern themed user chip for the app bar
+
+### 1.87.0 (2026-07-02)
+* (gokturk413) feat: nav 'Auto (runtime theme)' preset + level_bar theme tokens
+
+### 1.86.0 (2026-07-02)
+* (gokturk413) feat: theme-toggle control: segmented icon pill (Auto | Light | Dark)
+
+### 1.85.0 (2026-07-02)
+* (gokturk413) fix: theme tokens in inline-style/script controls (scada_point_panel, input_with_button, TextViewer)
+
+### 1.84.0 (2026-07-02)
+* (gokturk413) feat: linear-gauge rebuilt fully declarative (colored scale + pointer, zero render-JS)
+
+### 1.83.0 (2026-07-02)
+* (gokturk413) feat: semantic theme tokens (--ui-ok/warn/error/info) + map control chrome/status colors to theme tokens
+
+### 1.82.0 (2026-07-02)
+* (gokturk413) feat: user-definable themes via Global Style (CSS data-attribute model)
+
+### 1.81.0 (2026-07-02)
+* (gokturk413) fix: linear-gauge reactivity + enum dropdowns + vertical min-tick
+
+### 1.80.0 (2026-07-02)
+* (gokturk413) feat: runtime theme system + theme-selector control
+
+### 1.79.0 (2026-07-02)
+* (gokturk413) feat: new mywebui adapter logo (gradient tech mark + wordmark)
+
+### 1.78.0 (2026-07-02)
+* (gokturk413) fix: setpoint-gauge dark-runtime theming fallbacks
+
+### 1.77.0 (2026-07-02)
+* (gokturk413) feat: setpoint-gauge control (thermostat-style, declarative bindings)
+
+### 1.76.0 (2026-07-02)
+* (gokturk413) fix: theme the gauge controls via --ui-* tokens
+
+### 1.75.0 (2026-07-02)
+* (gokturk413) feat: free linear-gauge + gauge-table controls (MODES-style)
+
+### 1.74.0 (2026-07-01)
+* (gokturk413) fix: theme the designer context menu (was white/unreadable in dark themes)
+
+### 1.73.0 (2026-07-01)
+* (gokturk413) feat: dedicated App Bar / Sidebar content editor
+
+### 1.72.0 (2026-07-01)
+* (gokturk413) fix: settings-tab collapse arrows — right-aligned + bigger
+
+### 1.71.0 (2026-07-01)
+* (gokturk413) feat: settings-tab menus — Layout collapsible, bigger arrows, collapsed by default
+
+### 1.70.0 (2026-07-01)
+* (gokturk413) fix: theme the Multi-View dock like the other side panels
+
+### 1.69.0 (2026-07-01)
+* (gokturk413) fix: multi-view panel — no duplicate + robust home-screen detection
+
+### 1.68.0 (2026-07-01)
+* (gokturk413) feat: multi-view Stage 3 — ghost preview on target screens in the designer
+
+### 1.67.0 (2026-07-01)
+* (gokturk413) feat: multi-view — show one element on multiple screens (vis-style)
+
+### 1.65.0 (2026-07-01)
+* (gokturk413) feat: per-screen transition + fix screen-access disable sync + collapsible settings menus
+
+### 1.64.0 (2026-07-01)
+* (gokturk413) fix: guard adoptedStyleSheets when control uses global style but none exists
+
+### 1.63.0 (2026-07-01)
+* (gokturk413) feat: whenScreenReady() + screen-ready event + configurable screen transition
+
+### 1.62.0 (2026-06-30)
+* (gokturk413) feat: delete slot items in nav app-bar/sidebar from the designer
+
+### 1.61.0 (2026-06-30)
+* (gokturk413) feat: navigation/app-bar theme system + smooth hide-until-ready screen transitions
+
+### 1.60.0 (2026-06-30)
+* (gokturk413) feat: navigation named slots for arbitrary controls (#3)
+
+### 1.59.0 (2026-06-30)
+* (gokturk413) feat: navigation designer preview chrome (#2)
+
+### 1.58.0 (2026-06-30)
+* (gokturk413) feat: modern-sidebar look for nav controls (#4)
+
+### 1.57.0 (2026-06-30)
+* (gokturk413) feat: navigation live re-render on save (#1)
+
+### 1.56.1 (2026-06-30)
+* (gokturk413) feat: nav menu-item/app-bar icons resolve relative project image paths
+
+### 1.56.0 (2026-06-30)
+* (gokturk413) feat: Navigation Phase 2 — editable nav/app-bar custom controls + runtime mounter
+
+### 1.55.0 (2026-06-30)
+* (gokturk413) feat: Navigation + Application Bar settings (Phase 1 — config UI + data model)
+
+### 1.54.1 (2026-06-30)
+* (gokturk413) fix: Global Script editor threw 'IobrokerWebuiMonacoEditor is not defined'
+
+### 1.54.0 (2026-06-29)
+* (gokturk413) feat: enable Global Script node (startup init() module) in the tree
+
+### 1.53.3 (2026-06-29)
+* (gokturk413) fix: prover control drops at a normal size and scales on resize
+
+### 1.53.2 (2026-06-28)
+* (gokturk413) fix: flow-line tool draws straight orthogonal segments (no freehand wavy)
+
+### 1.53.1 (2026-06-28)
+* (gokturk413) fix: tee — thin centered bands (white space) + pipesize property so it snaps to pipes
+
+### 1.53.0 (2026-06-28)
+* (gokturk413) feat: SCADA flow-line tool — dedicated toolbar button for orthogonal multi-segment polylines
+
+### 1.52.3 (2026-06-28)
+* (gokturk413) feat: use the real tee artwork (4 teeTypes) in the tee control, not combined H+V pipes
+
+### 1.52.2 (2026-06-28)
+* (gokturk413) fix: tee pipe square-tile geometry (generated in its script) so it tiles too
+
+### 1.52.1 (2026-06-28)
+* (gokturk413) fix: smooth pipe gradient (linear straights + radial curves) instead of layered strokes
+
+### 1.52.0 (2026-06-28)
+* (gokturk413) feat: pipe magnet-snap in the designer (edge snap + green indicator)
+
+### 1.51.0 (2026-06-28)
+* (gokturk413) feat: normalize pipe controls to a unified square-tile model (vis-style mouth-to-mouth tiling)
+
+### 1.50.1 (2026-06-28)
+* (gokturk413) fix: add VisibilityService.applyVisibility — custom controls threw on connect
+
+### 1.50.0 (2026-06-28)
+* (gokturk413) feat: embedded (elementless) screen-layout tabs — flex-like, no webui-tab-container in code
+
+### 1.49.3 (2026-06-27)
+* (gokturk413) feat: drop controls into the active tab pane (TabContainerPlacementService)
+
+### 1.49.2 (2026-06-26)
+* (gokturk413) feat: rich Tabs editor inside the Properties tab (Tabs Layout group), revert broken dock mount
+
+### 1.49.1 (2026-06-26)
+* (gokturk413) feat: show Layout/Tabs UI in the Properties dock too (split/tabs screens + controls)
+
+### 1.49.0 (2026-06-26)
+* (gokturk413) feat: tabs designer rework — embedded (non-deletable/movable) container, tab add/remove/active UI, tab-position
+
+### 1.48.0 (2026-06-26)
+* (gokturk413) fix(layout): strip stale generated split/tab container when type switched to flex/grid/none (save + runtime defensive) - fixes flex/grid props doing nothing after split->flex
+
+### 1.47.0 (2026-06-26)
+* (gokturk413) feat(layout): alignment guides - red helper lines when a dragged element's edges/center align with siblings (designer + control editor)
+
+### 1.46.0 (2026-06-26)
+* (gokturk413) feat(layout): penpot-style canvas grid overlay - track lines + draggable resize handles (live, writes settings.layout)
+* (gokturk413) feat(layout): flex layout guides overlay (direction arrow + align/justify label)
+
+### 1.45.0 (2026-06-26)
+* (gokturk413) feat: BroadcastChannel cross-tab command delivery (sync source with shipped bundle)
+* (gokturk413) feat(layout): Phase 3 runtime - generate split/tabs container from settings.layout (saved html = panes only)
+* (gokturk413) feat(layout): Layout panel uses the visual button-group UI (flex direction/align/justify/wrap icons, split orientation, type) like the webui-flex-container 'Flex Layout' editor
+* (gokturk413) feat(layout): Phase 3 designer - split/tabs wrap-on-load + unwrap-on-save (panes-only html + metadata, container never saved/deletable; stable round-trip)
+
+### 1.44.2 (2026-06-26)
+* (gokturk413) fix: guard disconnectedCallback dispose + resilient for:/repeat: cleanup
+* (gokturk413) feat(layout): add layoutToStyle/applyLayoutStyle mapper
+* (gokturk413) feat(layout): runtime applies settings.layout to ScreenViewer root host
+* (gokturk413) feat(layout): designer applies settings.layout to canvas root host
+* (gokturk413) feat(layout): picker returns metadata; new screen/control/global seed settings.layout
+* (gokturk413) feat(layout): Layout panel in Settings tab (live edit, type/flex/grid)
+* (gokturk413) feat(layout): Convert-to-layout for legacy flex-container roots (project + global)
+* (gokturk413) feat(layout): custom controls apply their settings.layout to host at runtime
+* (gokturk413) feat: add 'Remove HabPanel Style' action + dedupe Add; broadcast refresh on global style change
+* (gokturk413) feat(layout): Phase 2 - interactive grid track editor (per-track value+unit fr/px/%/auto, add/remove) in Layout panel
+
+### 1.44.1 (2026-06-25)
+* (gokturk413) fix: for: loop never rendered elements due to shared oldValuesSymbol conflict
+
+### 1.44.0 (2026-06-25)
+* (gokturk413) feat: advanced template directives, eval→new Function, repeat binding fix
+
+### 1.43.1 (2026-06-25)
+* (gokturk413) perf: 3D gallery renders single control only, never folders/screens
+* (gokturk413) feat: for:/repeat: loop var as element prop, new directives, npm fixes
+* (gokturk413) fix: revert www/node_modules/ npm exclusion (needed for runtime - GSAP/Monaco/Three)
+
 ### 1.43.0 (2026-06-25)
 * (gokturk413) fix: screen access control now syncs in **real time** across all surfaces — unchecking a group in the global Permissions dialog instantly clears "Access Denied" on open runtime windows (`uiRefresh` broadcast)
 * (gokturk413) fix: backend honours `visibilityEnabled` / `accessibility.enabled` — a disabled restriction with a stale group list no longer keeps blocking

package/default-controls/controls/ReportSelector.control

@@ -1 +1 @@
-{"html":"<div id=\"reportSelectorContainer\" style=\"width:100%;height:100%;display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;\">\n    <button id=\"btn1\" class=\"report-btn\" style=\"flex:1;cursor:pointer;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:0.3s;border:2px solid;padding:14px 20px;\">SnapShot Report</button>\n    <button id=\"btn2\" class=\"report-btn\" style=\"flex:1;cursor:pointer;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:0.3s;border:2px solid;padding:14px 20px;\">Daily Report</button>\n    <button id=\"btn3\" class=\"report-btn\" style=\"flex:1;cursor:pointer;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:0.3s;border:2px solid;padding:14px 20px;\">Hourly Report</button>\n    <button id=\"btn4\" class=\"report-btn\" style=\"flex:1;cursor:pointer;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:0.3s;border:2px solid;padding:14px 20px;\">Prover Report</button>\n</div>\n","style":":host {\n    display: block;\n    width: 100%;\n}\n\n.report-btn:hover:not(.active) {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n}\n\n.report-btn:active {\n    transform: scale(0.98);\n}\n\n.report-btn.active {\n    transform: translateY(-2px) scale(1.02);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.25);\n    font-weight: 700;\n}\n","script":"/**\n * @param {BaseScreenViewerAndControl} instance\n */\nexport function init(instance) {\n    const btn1 = instance._getDomElement('btn1');\n    const btn2 = instance._getDomElement('btn2');\n    const btn3 = instance._getDomElement('btn3');\n    const btn4 = instance._getDomElement('btn4');\n    const container = instance._getDomElement('reportSelectorContainer');\n\n    const buttons = [btn1, btn2, btn3, btn4];\n    let currentIndex = parseInt(instance.activeButton) || 1;\n    let currentTheme = instance.theme || 'default';\n\n    // Button mətnlərini yeniləyirik\n    if (instance.button1Text) btn1.textContent = instance.button1Text;\n    if (instance.button2Text) btn2.textContent = instance.button2Text;\n    if (instance.button3Text) btn3.textContent = instance.button3Text;\n    if (instance.button4Text) btn4.textContent = instance.button4Text;\n\n    // İlk theming və active button\n    applyTheming(instance, currentTheme);\n    setActiveButton(currentIndex);\n    loadReport(currentIndex);\n\n    // Button click event-ləri\n    buttons.forEach((btn, index) => {\n        btn.addEventListener('click', () => {\n            const btnIndex = index + 1;\n            setActiveButton(btnIndex);\n            loadReport(btnIndex);\n        });\n    });\n\n    function applyTheming(inst, theme) {\n        const themes = {\n            'default': {\n                containerBg: '#f5f5f5',\n                btnBg: '#ffffff',\n                btnText: '#2d3436',\n                btnBorder: '#dfe6e9',\n                activeBg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#667eea'\n            },\n            'dark': {\n                containerBg: '#2d3436',\n                btnBg: '#636e72',\n                btnText: '#dfe6e9',\n                btnBorder: '#000000',\n                activeBg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#667eea'\n            },\n            'light': {\n                containerBg: '#ffffff',\n                btnBg: '#f8f9fa',\n                btnText: '#212529',\n                btnBorder: '#dee2e6',\n                activeBg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#667eea'\n            },\n            'blue': {\n                containerBg: '#dfe6e9',\n                btnBg: '#ffffff',\n                btnText: '#0984e3',\n                btnBorder: '#74b9ff',\n                activeBg: 'linear-gradient(135deg, #0984e3 0%, #0652DD 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#0984e3'\n            },\n            'green': {\n                containerBg: '#d4f1e8',\n                btnBg: '#ffffff',\n                btnText: '#00b894',\n                btnBorder: '#55efc4',\n                activeBg: 'linear-gradient(135deg, #00b894 0%, #00a878 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#00b894'\n            },\n            'red': {\n                containerBg: '#ffcccc',\n                btnBg: '#ffffff',\n                btnText: '#d63031',\n                btnBorder: '#ff7675',\n                activeBg: 'linear-gradient(135deg, #d63031 0%, #c0392b 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#d63031'\n            },\n            'purple': {\n                containerBg: '#e5dbff',\n                btnBg: '#ffffff',\n                btnText: '#6c5ce7',\n                btnBorder: '#a29bfe',\n                activeBg: 'linear-gradient(135deg, #6c5ce7 0%, #5f27cd 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#6c5ce7'\n            }\n        };\n\n        const colors = themes[theme] || themes['default'];\n\n        // Container\n        if (container) {\n            container.style.background = colors.containerBg;\n        }\n\n        // Buttons - inactive state\n        buttons.forEach(btn => {\n            if (btn && !btn.classList.contains('active')) {\n                btn.style.background = colors.btnBg;\n                btn.style.color = colors.btnText;\n                btn.style.borderColor = colors.btnBorder;\n            }\n        });\n\n        // Store colors for active state\n        inst._themeColors = colors;\n\n        // Re-apply active button styling\n        setActiveButton(currentIndex);\n    }\n\n    function setActiveButton(index) {\n        currentIndex = index;\n        const colors = instance._themeColors || {\n            btnBg: '#ffffff',\n            btnText: '#2d3436',\n            btnBorder: '#dfe6e9',\n            activeBg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n            activeText: '#ffffff',\n            activeBorder: '#667eea'\n        };\n\n        buttons.forEach((btn, i) => {\n            if (i + 1 === index) {\n                btn.classList.add('active');\n                btn.style.background = colors.activeBg;\n                btn.style.color = colors.activeText;\n                btn.style.borderColor = colors.activeBorder;\n            } else {\n                btn.classList.remove('active');\n                btn.style.background = colors.btnBg;\n                btn.style.color = colors.btnText;\n                btn.style.borderColor = colors.btnBorder;\n            }\n        });\n    }\n\n    function loadReport(index) {\n        const reportStates = [instance.reportState1, instance.reportState2, instance.reportState3, instance.reportState4];\n        const outputStates = [instance.btn1Output, instance.btn2Output, instance.btn3Output, instance.btn4Output];\n        const sourceState = reportStates[index - 1];\n        const targetState = outputStates[index - 1];\n        if (!sourceState || !targetState) {\n            console.warn('ReportSelector: Source or target state not configured');\n            return;\n        }\n        window.IOB.getState(sourceState).then(state => {\n            if (state && state.val !== null && state.val !== undefined) {\n                window.IOB.setState(targetState, state.val); console.log('ReportSelector: Written to', targetState);\n            }\n            else {\n                console.warn('ReportSelector: No data in source state:', sourceState);\n                window.IOB.setState(targetState, 'No report data available');\n            }\n        }).catch(err => {\n            console.error('ReportSelector: Error loading report:', err);\n            window.IOB.setState(targetState, 'Error: ' + err.message);\n        });\n    }\n\n    // Source state-dən məlumatı oxuyuruq\n    window.IOB.getState(sourceState).then(state => {\n        if (state && state.val !== null && state.val !== undefined) {\n            const data = state.val;\n\n            // Hər 4 target state-ə yazırıq\n            targetStates.forEach((targetState, i) => {\n                if (targetState) {\n                    window.IOB.setState(targetState, data);\n                    console.log(`ReportSelector: Written to output ${i + 1}:`, targetState);\n                }\n            });\n\n            // Əgər outputState (legacy) varsa ona da yazırıq\n            if (instance.outputState) {\n                window.IOB.setState(instance.outputState, data);\n            }\n        } else {\n            console.warn('ReportSelector: No data in source state:', sourceState);\n            // Boş məlumat da yazırıq\n            targetStates.forEach(targetState => {\n                if (targetState) {\n                    window.IOB.setState(targetState, 'No report data available');\n                }\n            });\n        }\n    }).catch(err => {\n        console.error('ReportSelector: Error loading report:', err);\n        targetStates.forEach(targetState => {\n            if (targetState) {\n                window.IOB.setState(targetState, 'Error loading report: ' + err.message);\n            }\n        });\n    });\n\n    // Property dəyişiklikləri üçün event-lər\ninstance._assignEvent('button1-text-changed', () => {\n    if (btn1) btn1.textContent = instance.button1Text || 'Report 1';\n});\n\ninstance._assignEvent('button2-text-changed', () => {\n    if (btn2) btn2.textContent = instance.button2Text || 'Report 2';\n});\n\ninstance._assignEvent('button3-text-changed', () => {\n    if (btn3) btn3.textContent = instance.button3Text || 'Report 3';\n});\n\ninstance._assignEvent('button4-text-changed', () => {\n    if (btn4) btn4.textContent = instance.button4Text || 'Report 4';\n});\n\ninstance._assignEvent('active-button-changed', () => {\n    const newIndex = parseInt(instance.activeButton) || 1;\n    setActiveButton(newIndex);\n    loadReport(newIndex);\n});\n\ninstance._assignEvent('theme-changed', () => {\n    currentTheme = instance.theme || 'default';\n    applyTheming(instance, currentTheme);\n});\n}\n\n\n/**\n * @param {BaseScreenViewerAndControl} instance\n */\nexport function disconnectedCallback(instance) {\n    // Cleanup if needed\n}\n","properties":{"reportState1":{"type":"ioBrokerObject"},"reportState2":{"type":"ioBrokerObject"},"reportState3":{"type":"ioBrokerObject"},"reportState4":{"type":"ioBrokerObject"},"btn1Output":{"type":"ioBrokerObject"},"btn2Output":{"type":"ioBrokerObject"},"btn3Output":{"type":"ioBrokerObject"},"btn4Output":{"type":"ioBrokerObject"},"button1Text":{"type":"string","default":"SnapShot Report"},"button2Text":{"type":"string","default":"Daily Report"},"button3Text":{"type":"string","default":"Hourly Report"},"button4Text":{"type":"string","default":"Prover Report"},"activeButton":{"type":"string","default":"1"},"theme":{"type":"enum","default":"default","values":["default","dark","light","blue","green","red","purple"]}},"settings":{"width":"auto","height":"60px","visibilityEnabled":"false","visibilityGroups":"","visibilityAction":"hide","visibilityRedirectScreen":""}}
+{"html":"<div id=\"reportSelectorContainer\" style=\"box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;\">\n    <button id=\"btn1\" class=\"report-btn\" style=\"flex:1;cursor:pointer;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:0.3s;border:2px solid;padding:14px 20px;\">SnapShot Report</button>\n    <button id=\"btn2\" class=\"report-btn\" style=\"flex:1;cursor:pointer;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:0.3s;border:2px solid;padding:14px 20px;\">Daily Report</button>\n    <button id=\"btn3\" class=\"report-btn\" style=\"flex:1;cursor:pointer;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:0.3s;border:2px solid;padding:14px 20px;\">Hourly Report</button>\n    <button id=\"btn4\" class=\"report-btn\" style=\"flex:1;cursor:pointer;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:0.3s;border:2px solid;padding:14px 20px;\">Prover Report</button>\n</div>\n","style":":host {\n    display: block;\n    width: 100%;\n}\n\n.report-btn:hover:not(.active) {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n}\n\n.report-btn:active {\n    transform: scale(0.98);\n}\n\n.report-btn.active {\n    transform: translateY(-2px) scale(1.02);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.25);\n    font-weight: 700;\n}\n","script":"/**\n * @param {BaseScreenViewerAndControl} instance\n */\nexport function init(instance) {\n    const btn1 = instance._getDomElement('btn1');\n    const btn2 = instance._getDomElement('btn2');\n    const btn3 = instance._getDomElement('btn3');\n    const btn4 = instance._getDomElement('btn4');\n    const container = instance._getDomElement('reportSelectorContainer');\n\n    const buttons = [btn1, btn2, btn3, btn4];\n    let currentIndex = parseInt(instance.activeButton) || 1;\n    let currentTheme = instance.theme || 'default';\n\n    // Button mətnlərini yeniləyirik\n    if (instance.button1Text) btn1.textContent = instance.button1Text;\n    if (instance.button2Text) btn2.textContent = instance.button2Text;\n    if (instance.button3Text) btn3.textContent = instance.button3Text;\n    if (instance.button4Text) btn4.textContent = instance.button4Text;\n\n    // İlk theming və active button\n    applyTheming(instance, currentTheme);\n    setActiveButton(currentIndex);\n    loadReport(currentIndex);\n\n    // Button click event-ləri\n    buttons.forEach((btn, index) => {\n        btn.addEventListener('click', () => {\n            const btnIndex = index + 1;\n            setActiveButton(btnIndex);\n            loadReport(btnIndex);\n        });\n    });\n\n    function applyTheming(inst, theme) {\n        const themes = {\n            'default': {\n                containerBg: '#f5f5f5',\n                btnBg: '#ffffff',\n                btnText: '#2d3436',\n                btnBorder: '#dfe6e9',\n                activeBg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#667eea'\n            },\n            'dark': {\n                containerBg: '#2d3436',\n                btnBg: '#636e72',\n                btnText: '#dfe6e9',\n                btnBorder: '#000000',\n                activeBg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#667eea'\n            },\n            'light': {\n                containerBg: '#ffffff',\n                btnBg: '#f8f9fa',\n                btnText: '#212529',\n                btnBorder: '#dee2e6',\n                activeBg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#667eea'\n            },\n            'blue': {\n                containerBg: '#dfe6e9',\n                btnBg: '#ffffff',\n                btnText: '#0984e3',\n                btnBorder: '#74b9ff',\n                activeBg: 'linear-gradient(135deg, #0984e3 0%, #0652DD 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#0984e3'\n            },\n            'green': {\n                containerBg: '#d4f1e8',\n                btnBg: '#ffffff',\n                btnText: '#00b894',\n                btnBorder: '#55efc4',\n                activeBg: 'linear-gradient(135deg, #00b894 0%, #00a878 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#00b894'\n            },\n            'red': {\n                containerBg: '#ffcccc',\n                btnBg: '#ffffff',\n                btnText: '#d63031',\n                btnBorder: '#ff7675',\n                activeBg: 'linear-gradient(135deg, #d63031 0%, #c0392b 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#d63031'\n            },\n            'purple': {\n                containerBg: '#e5dbff',\n                btnBg: '#ffffff',\n                btnText: '#6c5ce7',\n                btnBorder: '#a29bfe',\n                activeBg: 'linear-gradient(135deg, #6c5ce7 0%, #5f27cd 100%)',\n                activeText: '#ffffff',\n                activeBorder: '#6c5ce7'\n            }\n        };\n\n        const colors = themes[theme] || themes['default'];\n\n        // Container\n        if (container) {\n            container.style.background = colors.containerBg;\n        }\n\n        // Buttons - inactive state\n        buttons.forEach(btn => {\n            if (btn && !btn.classList.contains('active')) {\n                btn.style.background = colors.btnBg;\n                btn.style.color = colors.btnText;\n                btn.style.borderColor = colors.btnBorder;\n            }\n        });\n\n        // Store colors for active state\n        inst._themeColors = colors;\n\n        // Re-apply active button styling\n        setActiveButton(currentIndex);\n    }\n\n    function setActiveButton(index) {\n        currentIndex = index;\n        const colors = instance._themeColors || {\n            btnBg: '#ffffff',\n            btnText: '#2d3436',\n            btnBorder: '#dfe6e9',\n            activeBg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n            activeText: '#ffffff',\n            activeBorder: '#667eea'\n        };\n\n        buttons.forEach((btn, i) => {\n            if (i + 1 === index) {\n                btn.classList.add('active');\n                btn.style.background = colors.activeBg;\n                btn.style.color = colors.activeText;\n                btn.style.borderColor = colors.activeBorder;\n            } else {\n                btn.classList.remove('active');\n                btn.style.background = colors.btnBg;\n                btn.style.color = colors.btnText;\n                btn.style.borderColor = colors.btnBorder;\n            }\n        });\n    }\n\n    function loadReport(index) {\n        const reportStates = [instance.reportState1, instance.reportState2, instance.reportState3, instance.reportState4];\n        const outputStates = [instance.btn1Output, instance.btn2Output, instance.btn3Output, instance.btn4Output];\n        const sourceState = reportStates[index - 1];\n        const targetState = outputStates[index - 1];\n        if (!sourceState || !targetState) {\n            console.warn('ReportSelector: Source or target state not configured');\n            return;\n        }\n        window.IOB.getState(sourceState).then(state => {\n            if (state && state.val !== null && state.val !== undefined) {\n                window.IOB.setState(targetState, state.val); console.log('ReportSelector: Written to', targetState);\n            }\n            else {\n                console.warn('ReportSelector: No data in source state:', sourceState);\n                window.IOB.setState(targetState, 'No report data available');\n            }\n        }).catch(err => {\n            console.error('ReportSelector: Error loading report:', err);\n            window.IOB.setState(targetState, 'Error: ' + err.message);\n        });\n    }\n\n    // Source state-dən məlumatı oxuyuruq\n    window.IOB.getState(sourceState).then(state => {\n        if (state && state.val !== null && state.val !== undefined) {\n            const data = state.val;\n\n            // Hər 4 target state-ə yazırıq\n            targetStates.forEach((targetState, i) => {\n                if (targetState) {\n                    window.IOB.setState(targetState, data);\n                    console.log(`ReportSelector: Written to output ${i + 1}:`, targetState);\n                }\n            });\n\n            // Əgər outputState (legacy) varsa ona da yazırıq\n            if (instance.outputState) {\n                window.IOB.setState(instance.outputState, data);\n            }\n        } else {\n            console.warn('ReportSelector: No data in source state:', sourceState);\n            // Boş məlumat da yazırıq\n            targetStates.forEach(targetState => {\n                if (targetState) {\n                    window.IOB.setState(targetState, 'No report data available');\n                }\n            });\n        }\n    }).catch(err => {\n        console.error('ReportSelector: Error loading report:', err);\n        targetStates.forEach(targetState => {\n            if (targetState) {\n                window.IOB.setState(targetState, 'Error loading report: ' + err.message);\n            }\n        });\n    });\n\n    // Property dəyişiklikləri üçün event-lər\ninstance._assignEvent('button1-text-changed', () => {\n    if (btn1) btn1.textContent = instance.button1Text || 'Report 1';\n});\n\ninstance._assignEvent('button2-text-changed', () => {\n    if (btn2) btn2.textContent = instance.button2Text || 'Report 2';\n});\n\ninstance._assignEvent('button3-text-changed', () => {\n    if (btn3) btn3.textContent = instance.button3Text || 'Report 3';\n});\n\ninstance._assignEvent('button4-text-changed', () => {\n    if (btn4) btn4.textContent = instance.button4Text || 'Report 4';\n});\n\ninstance._assignEvent('active-button-changed', () => {\n    const newIndex = parseInt(instance.activeButton) || 1;\n    setActiveButton(newIndex);\n    loadReport(newIndex);\n});\n\ninstance._assignEvent('theme-changed', () => {\n    currentTheme = instance.theme || 'default';\n    applyTheming(instance, currentTheme);\n});\n}\n\n\n/**\n * @param {BaseScreenViewerAndControl} instance\n */\nexport function disconnectedCallback(instance) {\n    // Cleanup if needed\n}\n","properties":{"reportState1":{"type":"ioBrokerObject"},"reportState2":{"type":"ioBrokerObject"},"reportState3":{"type":"ioBrokerObject"},"reportState4":{"type":"ioBrokerObject"},"btn1Output":{"type":"ioBrokerObject"},"btn2Output":{"type":"ioBrokerObject"},"btn3Output":{"type":"ioBrokerObject"},"btn4Output":{"type":"ioBrokerObject"},"button1Text":{"type":"string","default":"SnapShot Report"},"button2Text":{"type":"string","default":"Daily Report"},"button3Text":{"type":"string","default":"Hourly Report"},"button4Text":{"type":"string","default":"Prover Report"},"activeButton":{"type":"string","default":"1"},"theme":{"type":"enum","default":"default","values":["default","dark","light","blue","green","red","purple"]}},"settings":{"width":"auto","height":"60px","visibilityEnabled":"false","visibilityGroups":"","visibilityAction":"hide","visibilityRedirectScreen":""}}