npm - @kaufmann-lab/ui - Versions diffs - 0.1.22 → 0.1.25 - Mend

@kaufmann-lab/ui 0.1.22 → 0.1.25

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.

Files changed (9) hide show

package/fesm2022/kaufmann-lab-ui-business.mjs +2 -2
package/fesm2022/kaufmann-lab-ui-business.mjs.map +1 -1
package/fesm2022/kaufmann-lab-ui-core.mjs +554 -77
package/fesm2022/kaufmann-lab-ui-core.mjs.map +1 -1
package/fesm2022/kaufmann-lab-ui-map.mjs +1 -1
package/fesm2022/kaufmann-lab-ui-map.mjs.map +1 -1
package/package.json +1 -1
package/src/tokens/base.css +33 -8
package/types/kaufmann-lab-ui-core.d.ts +292 -28

package/fesm2022/kaufmann-lab-ui-map.mjs CHANGED Viewed

@@ -221,7 +221,7 @@ class MapControls {
     fullscreenLabel = computed(() => this.isFullscreen() ? 'Salir de pantalla completa' : 'Pantalla completa', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "fullscreenLabel" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: MapControls, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: MapControls, isStandalone: true, selector: "kf-map-controls", inputs: { controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, clusterActive: { classPropertyName: "clusterActive", publicName: "clusterActive", isSignal: true, isRequired: false, transformFunction: null }, followActive: { classPropertyName: "followActive", publicName: "followActive", isSignal: true, isRequired: false, transformFunction: null }, canFollow: { classPropertyName: "canFollow", publicName: "canFollow", isSignal: true, isRequired: false, transformFunction: null }, isFullscreen: { classPropertyName: "isFullscreen", publicName: "isFullscreen", isSignal: true, isRequired: false, transformFunction: null }, styleLabel: { classPropertyName: "styleLabel", publicName: "styleLabel", isSignal: true, isRequired: false, transformFunction: null }, activeTheme: { classPropertyName: "activeTheme", publicName: "activeTheme", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zoomIn: "zoomIn", zoomOut: "zoomOut", recenter: "recenter", followToggle: "followToggle", clusterToggle: "clusterToggle", themeSelect: "themeSelect", fullscreenToggle: "fullscreenToggle" }, ngImport: i0, template: "@if (hasZoom()) {\n  <div class=\"kf-map-controls__group kf-map-controls__group--zoom\">\n    <div class=\"kf-map-controls__item\" kfTooltip=\"Acercar\" kfTooltipPosition=\"left\">\n      <kf-button\n        variant=\"surface\"\n        shape=\"circle\"\n        size=\"sm\"\n        icon=\"plus\"\n        ariaLabel=\"Acercar\"\n        (click)=\"zoomIn.emit()\"\n      />\n    </div>\n    <div class=\"kf-map-controls__item\" kfTooltip=\"Alejar\" kfTooltipPosition=\"left\">\n      <kf-button\n        variant=\"surface\"\n        shape=\"circle\"\n        size=\"sm\"\n        icon=\"minus\"\n        ariaLabel=\"Alejar\"\n        (click)=\"zoomOut.emit()\"\n      />\n    </div>\n  </div>\n}\n@if (hasCamera()) {\n  <div class=\"kf-map-controls__group\">\n    @if (hasRecenter()) {\n      <div class=\"kf-map-controls__item\" kfTooltip=\"Centrar mapa\" kfTooltipPosition=\"left\">\n        <kf-button\n          variant=\"surface\"\n          shape=\"circle\"\n          size=\"sm\"\n          icon=\"crosshair\"\n          ariaLabel=\"Volver a encuadrar el mapa\"\n          (click)=\"recenter.emit()\"\n        />\n      </div>\n    }\n    @if (hasFollow()) {\n      <div class=\"kf-map-controls__item\" [kfTooltip]=\"followLabel()\" kfTooltipPosition=\"left\">\n        <kf-button\n          variant=\"surface\"\n          shape=\"circle\"\n          size=\"sm\"\n          icon=\"navigation\"\n          [ariaLabel]=\"followActive() ? 'Dejar de seguir' : 'Seguir posici\u00F3n'\"\n          [ariaPressed]=\"followActive()\"\n          [disabled]=\"!canFollow()\"\n          (click)=\"followToggle.emit()\"\n        />\n      </div>\n    }\n  </div>\n}\n@if (hasCluster()) {\n  <div class=\"kf-map-controls__group\">\n    <div class=\"kf-map-controls__item\" [kfTooltip]=\"clusterLabel()\" kfTooltipPosition=\"left\">\n      <kf-button\n        variant=\"surface\"\n        shape=\"circle\"\n        size=\"sm\"\n        icon=\"grid\"\n        [ariaLabel]=\"clusterActive() ? 'Desagrupar marcadores' : 'Agrupar marcadores cercanos'\"\n        [ariaPressed]=\"clusterActive()\"\n        (click)=\"clusterToggle.emit()\"\n      />\n    </div>\n  </div>\n}\n@if (hasChrome()) {\n  <div class=\"kf-map-controls__group\">\n    @if (hasMapStyle()) {\n      <kf-dropdown\n        class=\"kf-map-controls__item\"\n        [kfTooltip]=\"mapStyleLabel()\"\n        kfTooltipPosition=\"left\"\n        [(open)]=\"mapStyleOpen\"\n      >\n        <kf-button\n          variant=\"surface\"\n          shape=\"circle\"\n          size=\"sm\"\n          icon=\"layers\"\n          [ariaLabel]=\"'Cambiar estilo de mapa (actual: ' + styleLabel() + ')'\"\n          [ariaExpanded]=\"mapStyleOpen()\"\n          (click)=\"mapStyleOpen.set(!mapStyleOpen())\"\n        />\n        <kf-dropdown-panel>\n          <kf-map-theme-picker [active]=\"activeTheme()\" (themeSelect)=\"onThemeSelect($event)\" />\n        </kf-dropdown-panel>\n      </kf-dropdown>\n    }\n    @if (hasFullscreen()) {\n      <div class=\"kf-map-controls__item\" [kfTooltip]=\"fullscreenLabel()\" kfTooltipPosition=\"left\">\n        <kf-button\n          variant=\"surface\"\n          shape=\"circle\"\n          size=\"sm\"\n          [icon]=\"isFullscreen() ? 'minimize' : 'maximize'\"\n          [ariaLabel]=\"isFullscreen() ? 'Salir de pantalla completa' : 'Pantalla completa'\"\n          [ariaPressed]=\"isFullscreen()\"\n          (click)=\"fullscreenToggle.emit()\"\n        />\n      </div>\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-end;gap:var(--kf-space-sm)}.kf-map-controls__item{position:relative;display:flex}.kf-map-controls__group{display:flex;flex-direction:column;gap:2px;background:var(--kf-color-surface);border-radius:var(--kf-radius-md);box-shadow:var(--kf-shadow-md);padding:3px}.kf-map-controls__group kf-button{--kf-color-surface: transparent;--kf-color-border: transparent;--kf-shadow-md: none}.kf-map-controls__group--zoom{gap:0}.kf-map-controls__group--zoom .kf-map-controls__item+.kf-map-controls__item{border-top:1px solid var(--kf-color-border)}\n"], dependencies: [{ kind: "component", type: Button, selector: "kf-button", inputs: ["variant", "size", "shape", "disabled", "type", "icon", "block", "loading", "ariaLabel", "ariaExpanded", "ariaPressed", "ariaHaspopup"] }, { kind: "component", type: Dropdown, selector: "kf-dropdown", inputs: ["open", "anchor"], outputs: ["openChange"] }, { kind: "component", type: DropdownPanel, selector: "kf-dropdown-panel", inputs: ["variant"] }, { kind: "component", type: MapThemePicker, selector: "kf-map-theme-picker", inputs: ["active"], outputs: ["themeSelect"] }, { kind: "directive", type: TooltipDirective, selector: "[kfTooltip]", inputs: ["kfTooltip", "kfTooltipPosition"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: MapControls, isStandalone: true, selector: "kf-map-controls", inputs: { controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, clusterActive: { classPropertyName: "clusterActive", publicName: "clusterActive", isSignal: true, isRequired: false, transformFunction: null }, followActive: { classPropertyName: "followActive", publicName: "followActive", isSignal: true, isRequired: false, transformFunction: null }, canFollow: { classPropertyName: "canFollow", publicName: "canFollow", isSignal: true, isRequired: false, transformFunction: null }, isFullscreen: { classPropertyName: "isFullscreen", publicName: "isFullscreen", isSignal: true, isRequired: false, transformFunction: null }, styleLabel: { classPropertyName: "styleLabel", publicName: "styleLabel", isSignal: true, isRequired: false, transformFunction: null }, activeTheme: { classPropertyName: "activeTheme", publicName: "activeTheme", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zoomIn: "zoomIn", zoomOut: "zoomOut", recenter: "recenter", followToggle: "followToggle", clusterToggle: "clusterToggle", themeSelect: "themeSelect", fullscreenToggle: "fullscreenToggle" }, ngImport: i0, template: "@if (hasZoom()) {\n  <div class=\"kf-map-controls__group kf-map-controls__group--zoom\">\n    <div class=\"kf-map-controls__item\" kfTooltip=\"Acercar\" kfTooltipPosition=\"left\">\n      <kf-button\n        variant=\"surface\"\n        shape=\"circle\"\n        size=\"sm\"\n        icon=\"plus\"\n        ariaLabel=\"Acercar\"\n        (click)=\"zoomIn.emit()\"\n      />\n    </div>\n    <div class=\"kf-map-controls__item\" kfTooltip=\"Alejar\" kfTooltipPosition=\"left\">\n      <kf-button\n        variant=\"surface\"\n        shape=\"circle\"\n        size=\"sm\"\n        icon=\"minus\"\n        ariaLabel=\"Alejar\"\n        (click)=\"zoomOut.emit()\"\n      />\n    </div>\n  </div>\n}\n@if (hasCamera()) {\n  <div class=\"kf-map-controls__group\">\n    @if (hasRecenter()) {\n      <div class=\"kf-map-controls__item\" kfTooltip=\"Centrar mapa\" kfTooltipPosition=\"left\">\n        <kf-button\n          variant=\"surface\"\n          shape=\"circle\"\n          size=\"sm\"\n          icon=\"crosshair\"\n          ariaLabel=\"Volver a encuadrar el mapa\"\n          (click)=\"recenter.emit()\"\n        />\n      </div>\n    }\n    @if (hasFollow()) {\n      <div class=\"kf-map-controls__item\" [kfTooltip]=\"followLabel()\" kfTooltipPosition=\"left\">\n        <kf-button\n          variant=\"surface\"\n          shape=\"circle\"\n          size=\"sm\"\n          icon=\"navigation\"\n          [ariaLabel]=\"followActive() ? 'Dejar de seguir' : 'Seguir posici\u00F3n'\"\n          [ariaPressed]=\"followActive()\"\n          [disabled]=\"!canFollow()\"\n          (click)=\"followToggle.emit()\"\n        />\n      </div>\n    }\n  </div>\n}\n@if (hasCluster()) {\n  <div class=\"kf-map-controls__group\">\n    <div class=\"kf-map-controls__item\" [kfTooltip]=\"clusterLabel()\" kfTooltipPosition=\"left\">\n      <kf-button\n        variant=\"surface\"\n        shape=\"circle\"\n        size=\"sm\"\n        icon=\"grid\"\n        [ariaLabel]=\"clusterActive() ? 'Desagrupar marcadores' : 'Agrupar marcadores cercanos'\"\n        [ariaPressed]=\"clusterActive()\"\n        (click)=\"clusterToggle.emit()\"\n      />\n    </div>\n  </div>\n}\n@if (hasChrome()) {\n  <div class=\"kf-map-controls__group\">\n    @if (hasMapStyle()) {\n      <kf-dropdown\n        class=\"kf-map-controls__item\"\n        [kfTooltip]=\"mapStyleLabel()\"\n        kfTooltipPosition=\"left\"\n        [(open)]=\"mapStyleOpen\"\n      >\n        <kf-button\n          variant=\"surface\"\n          shape=\"circle\"\n          size=\"sm\"\n          icon=\"layers\"\n          [ariaLabel]=\"'Cambiar estilo de mapa (actual: ' + styleLabel() + ')'\"\n          [ariaExpanded]=\"mapStyleOpen()\"\n          (click)=\"mapStyleOpen.set(!mapStyleOpen())\"\n        />\n        <kf-dropdown-panel>\n          <kf-map-theme-picker [active]=\"activeTheme()\" (themeSelect)=\"onThemeSelect($event)\" />\n        </kf-dropdown-panel>\n      </kf-dropdown>\n    }\n    @if (hasFullscreen()) {\n      <div class=\"kf-map-controls__item\" [kfTooltip]=\"fullscreenLabel()\" kfTooltipPosition=\"left\">\n        <kf-button\n          variant=\"surface\"\n          shape=\"circle\"\n          size=\"sm\"\n          [icon]=\"isFullscreen() ? 'minimize' : 'maximize'\"\n          [ariaLabel]=\"isFullscreen() ? 'Salir de pantalla completa' : 'Pantalla completa'\"\n          [ariaPressed]=\"isFullscreen()\"\n          (click)=\"fullscreenToggle.emit()\"\n        />\n      </div>\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-end;gap:var(--kf-space-sm)}.kf-map-controls__item{position:relative;display:flex}.kf-map-controls__group{display:flex;flex-direction:column;gap:2px;background:var(--kf-color-surface);border-radius:var(--kf-radius-md);box-shadow:var(--kf-shadow-md);padding:3px}.kf-map-controls__group kf-button{--kf-color-surface: transparent;--kf-color-border: transparent;--kf-shadow-md: none}.kf-map-controls__group--zoom{gap:0}.kf-map-controls__group--zoom .kf-map-controls__item+.kf-map-controls__item{border-top:1px solid var(--kf-color-border)}\n"], dependencies: [{ kind: "component", type: Button, selector: "kf-button", inputs: ["variant", "size", "shape", "disabled", "type", "icon", "block", "loading", "ariaLabel", "ariaExpanded", "ariaPressed", "ariaHaspopup"] }, { kind: "component", type: Dropdown, selector: "kf-dropdown", inputs: ["open", "anchor", "autoFocus"], outputs: ["openChange"] }, { kind: "component", type: DropdownPanel, selector: "kf-dropdown-panel", inputs: ["variant", "role", "ariaLabel"] }, { kind: "component", type: MapThemePicker, selector: "kf-map-theme-picker", inputs: ["active"], outputs: ["themeSelect"] }, { kind: "directive", type: TooltipDirective, selector: "[kfTooltip]", inputs: ["kfTooltip", "kfTooltipPosition"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: MapControls, decorators: [{
             type: Component,