Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

ngx-layout-image-marker

Estrellas2

Forks1

Actualizado2 de junio de 2026 a las 08:25

ngx-image-marker for MarkerJs2/MarkerLive annotations on images from @ibenvandeveire/ngx-layout. ZoneJS workarounds included.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

IbenTesara

IbenTesara/opensource

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·SOC 15-1252

SKILL.md

readonly

name	ngx-layout-image-marker
description	ngx-image-marker for MarkerJs2/MarkerLive annotations on images from @ibenvandeveire/ngx-layout. ZoneJS workarounds included.

ngx-layout — Image marker

MarkerJs2 + MarkerLive. Some MarkerJs2 features reimplemented for ZoneJS compatibility.

<ngx-image-marker
  image="/assets/plan.png"
  imageDescription="Floor plan"
  [canEdit]="editing()"
  [startState]="markerState()"
  (stateUpdated)="markerState.set($event)"
/>

Input/Output	Purpose
`canEdit`	Edit vs view mode
`startState`	Initial annotations
`stateUpdated`	Emits on edit changes
`markerClicked`	View mode marker click
`zoomLevels` / `currentZoomLevel`	Zoom control
`markerTypes`	Restrict tools — separate types for view vs edit packages

Styling

Classes map to MarkerJS style settings: ngx-image-marker-toolbar, -toolbox, -notes-area, etc.

Accessibility

No keyboard support in MarkerJS — inform users; compliance work in progress.

Más de este repositorio

mismo repositorio

ngx-authentication-directives-pipes

IbenTesara/opensource

Template directives ngxIsAuthenticated, ngxHasFeature, ngxHasPermission and impure pipes from @ibenvandeveire/ngx-authentication.

2026-06-022

ngx-authentication-guards

IbenTesara/opensource

Route guards from @ibenvandeveire/ngx-authentication: NgxIsAuthenticatedGuard, NgxHasFeatureGuard, NgxHasPermissionGuard. Use with NgxAuthenticatedRoute data.

2026-06-022

ngx-authentication-http-client

IbenTesara/opensource

NgxAuthenticatedHttpClient and provideNgxAuthenticationConfiguration httpClientConfiguration. Use for base URL, withCredentials, authenticated interceptors, and download helper.

2026-06-022

ngx-authentication-service

IbenTesara/opensource

NgxAuthenticationAbstractService state: user$, session$, metadata$, hasFeature, hasPermission, global features. Use after provideNgxAuthenticationConfiguration.

2026-06-022

ngx-authentication-setup

IbenTesara/opensource

Bootstrap @ibenvandeveire/ngx-authentication with provideNgxAuthenticationConfiguration and NgxAuthenticationAbstractService. Use when wiring sign-in/out and auth types.

2026-06-022

ngx-cookies

IbenTesara/opensource

Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive.

2026-06-022

name	ngx-layout-image-marker
description	ngx-image-marker for MarkerJs2/MarkerLive annotations on images from @ibenvandeveire/ngx-layout. ZoneJS workarounds included.

ngx-layout — Image marker

MarkerJs2 + MarkerLive. Some MarkerJs2 features reimplemented for ZoneJS compatibility.

<ngx-image-marker
  image="/assets/plan.png"
  imageDescription="Floor plan"
  [canEdit]="editing()"
  [startState]="markerState()"
  (stateUpdated)="markerState.set($event)"
/>

Input/Output	Purpose
`canEdit`	Edit vs view mode
`startState`	Initial annotations
`stateUpdated`	Emits on edit changes
`markerClicked`	View mode marker click
`zoomLevels` / `currentZoomLevel`	Zoom control
`markerTypes`	Restrict tools — separate types for view vs edit packages

Styling

Classes map to MarkerJS style settings: ngx-image-marker-toolbar, -toolbox, -notes-area, etc.

Accessibility

No keyboard support in MarkerJS — inform users; compliance work in progress.