native-document 1.0.229 → 1.0.230

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.229",
+  "version": "1.0.230",
   "description": "A reactive JavaScript framework that preserves native DOM simplicity without sacrificing modern features",
   "author": "AfroCodeur <https://github.com/afrocodeur>",
   "license": "MIT",

package/src/components/icon/icon-getters.js

@@ -139,4 +139,25 @@ export const ICON_GETTERS = {
     dislike:        ICONS.ICON_DISLIKE,
     safety:         ICONS.ICON_SAFETY,
     key:            ICONS.ICON_KEY,
+    venue:              ICONS.ICON_VENUE,
+    stadium:            ICONS.ICON_STADIUM,
+    conferenceCenter:   ICONS.ICON_CONFERENCE_CENTER,
+    hotel:              ICONS.ICON_HOTEL,
+    restaurant:         ICONS.ICON_RESTAURANT,
+    rooftop:            ICONS.ICON_ROOFTOP,
+    beach:              ICONS.ICON_BEACH,
+    garden:             ICONS.ICON_GARDEN,
+    theater:            ICONS.ICON_THEATER,
+    cinema:             ICONS.ICON_CINEMA,
+    museum:             ICONS.ICON_MUSEUM,
+    coworking:          ICONS.ICON_COWORKING,
+    airport:            ICONS.ICON_AIRPORT,
+    station:            ICONS.ICON_STATION,
+    port:               ICONS.ICON_PORT,
+    sportsGround:       ICONS.ICON_SPORTS_GROUND,
+    university:         ICONS.ICON_UNIVERSITY,
+    church:             ICONS.ICON_CHURCH,
+    government:         ICONS.ICON_GOVERNMENT,
+    mapPin:         ICONS.ICON_MAP_PIN,
+    locationOn:         ICONS.ICON_MAP_PIN,
 };

package/src/components/icon/icons.js

@@ -150,6 +150,7 @@ export const ICON_ROBOT                = 'robot';
 
 // -- Location -----------------------------------------------------------------
 export const ICON_MAP                  = 'map';
+export const ICON_MAP_PIN                  = 'mapMin';
 export const ICON_COMPASS              = 'compass';
 export const ICON_GLOBAL               = 'global';
 export const ICON_LOCATION             = 'location';
@@ -169,3 +170,24 @@ export const ICON_LIKE                 = 'like';
 export const ICON_DISLIKE              = 'dislike';
 export const ICON_SAFETY               = 'safety';
 export const ICON_KEY                  = 'key';
+
+// -- Place types --------------------------------------------------------------
+export const ICON_VENUE                = 'venue';
+export const ICON_STADIUM              = 'stadium';
+export const ICON_CONFERENCE_CENTER    = 'conferenceCenter';
+export const ICON_HOTEL                = 'hotel';
+export const ICON_RESTAURANT           = 'restaurant';
+export const ICON_ROOFTOP              = 'rooftop';
+export const ICON_BEACH                = 'beach';
+export const ICON_GARDEN               = 'garden';
+export const ICON_THEATER              = 'theater';
+export const ICON_CINEMA               = 'cinema';
+export const ICON_MUSEUM               = 'museum';
+export const ICON_COWORKING            = 'coworking';
+export const ICON_AIRPORT              = 'airport';
+export const ICON_STATION              = 'station';
+export const ICON_PORT                 = 'port';
+export const ICON_SPORTS_GROUND        = 'sportsGround';
+export const ICON_UNIVERSITY           = 'university';
+export const ICON_CHURCH               = 'church';
+export const ICON_GOVERNMENT           = 'government';

package/src/components/icon/types/Icon.d.ts

@@ -188,4 +188,25 @@ export declare namespace Icon {
     const video: IconInstance;
     const wallet: IconInstance;
     const warning: IconInstance;
+    const venue: IconInstance;
+    const stadium: IconInstance;
+    const conferenceCenter: IconInstance;
+    const hotel: IconInstance;
+    const restaurant: IconInstance;
+    const rooftop: IconInstance;
+    const beach: IconInstance;
+    const garden: IconInstance;
+    const theater: IconInstance;
+    const cinema: IconInstance;
+    const museum: IconInstance;
+    const coworking: IconInstance;
+    const airport: IconInstance;
+    const station: IconInstance;
+    const port: IconInstance;
+    const sportsGround: IconInstance;
+    const university: IconInstance;
+    const church: IconInstance;
+    const government: IconInstance;
+    const mapPin: IconInstance;
+    const locationOn: IconInstance;
 }

package/src/components/list/types/List.d.ts

@@ -4,6 +4,7 @@ import type { GlobalAttributes } from '../../../../types/globals';
 import type { ListItemInterface } from './ListItem';
 import type { ListGroupInterface } from './ListGroup';
 import type { ListDividerInterface } from './ListDivider';
+import {BaseComponent} from "../../BaseComponent";
 
 export type ListDescription = {
     selectable:       ObservableItem<boolean>;
@@ -19,7 +20,7 @@ export type ListDescription = {
     props:            GlobalAttributes;
 };
 
-export interface ListInterface {
+export interface ListInterface extends BaseComponent {
     $description: ListDescription;
 
     // HasListItem

package/src/components/list/types/ListItem.d.ts

@@ -1,6 +1,7 @@
 import type { ValidChild }      from '../../../../types/elements';
 import type { ObservableItem }  from '../../../../types/observable';
 import type { GlobalAttributes } from '../../../../types/globals';
+import {BaseComponent} from "../../BaseComponent";
 
 export type ListItemDescription = {
     label:          ValidChild | null;
@@ -20,7 +21,7 @@ export type ListItemDescription = {
     props:          GlobalAttributes;
 };
 
-export interface ListItemInterface {
+export interface ListItemInterface extends Omit<BaseComponent, 'onClick' | 'visibility'> {
     $description: ListItemDescription;
     $parent:      unknown;
 

package/src/ui/components/icon/material/MaterialIconRender.js

@@ -49,9 +49,9 @@ export default function MaterialIconRender($desc) {
     }
 
     if($desc.size?.__$Observable) {
-        style.fontSize = $desc.size.transform((size) => {
-            const px = typeof size === 'number' ? size : (SIZES[size] ?? SIZES.medium);
-            return `${px}px`;
+        style['--material-icons-size'] = $desc.size.transform((size) => {
+            const px = typeof size === 'number' ? size : (SIZES[size] ?? null);
+            return px ? `${px}px` : false;
         });
     } else {
         const px = typeof $desc.size === 'number' ? $desc.size : (SIZES[$desc.size] ?? SIZES.medium);

package/src/ui/components/icon/material/material.css

@@ -1,3 +1,6 @@
+:root {
+    --material-icons-size: 16px;
+}
 /*
  * Google Material Icons webfont
  * Install : npm install material-icons
@@ -13,3 +16,7 @@
 /* @import 'material-icons/iconfont/round.css';     */
 /* @import 'material-icons/iconfont/sharp.css';     */
 /* @import 'material-icons/iconfont/two-tone.css';  */
+
+.material-icons {
+    font-size: var(--material-icons-size) !important;
+}

package/src/ui/components/icon/material/material.map.js

@@ -167,4 +167,27 @@ export default {
     dislike:        'thumb_down',
     safety:         'verified_user',
     key:            'key',
-};
+
+    // Place types
+    venue:              'event_venue',
+    stadium:            'stadium',
+    conferenceCenter:   'meeting_room',
+    hotel:              'hotel',
+    restaurant:         'restaurant',
+    rooftop:            'local_bar',
+    beach:              'beach_access',
+    garden:             'park',
+    theater:            'theaters',
+    cinema:             'movie',
+    museum:             'museum',
+    coworking:          'work',
+    airport:            'local_airport',
+    station:            'train',
+    port:               'anchor',
+    sportsGround:       'sports_soccer',
+    university:         'school',
+    church:             'church',
+    government:         'account_balance',
+    mapPin:              'location_on',
+    locationOn:           'location_on',
+};

package/src/ui/components/icon/phosphor/phosphor.map.js

@@ -162,4 +162,27 @@ export default {
     dislike:        'thumbs-down',
     safety:         'shield-check',
     key:            'key',
+
+    // Place types
+    venue:              'buildings',
+    stadium:            'stadium',
+    conferenceCenter:   'presentation-chart',
+    hotel:              'bed',
+    restaurant:         'fork-knife',
+    rooftop:            'building-office',
+    beach:              'umbrella',
+    garden:             'tree',
+    theater:            'mask-happy',
+    cinema:             'film-slate',
+    museum:             'columns',
+    coworking:          'chair',
+    airport:            'airplane',
+    station:            'train',
+    port:               'anchor',
+    sportsGround:       'soccer-ball',
+    university:         'graduation-cap',
+    church:             'church',
+    government:         'bank',
+    mapPin:              'map-pin',
+    locationOn:              'map-pin',
 };

package/src/ui/components/icon/tabler/tabler.map.js

@@ -162,4 +162,27 @@ export default {
     dislike:        'thumb-down',
     safety:         'shield-check',
     key:            'key',
+
+    // Place types
+    venue:              'building',
+    stadium:            'stadium',
+    conferenceCenter:   'building-community',
+    hotel:              'building-hotel',
+    restaurant:         'tools-kitchen-2',
+    rooftop:            'building-skyscraper',
+    beach:              'wave-saw-tool',
+    garden:             'plant-2',
+    theater:            'masks-theater',
+    cinema:             'movie',
+    museum:             'building-monument',
+    coworking:          'armchair',
+    airport:            'plane',
+    station:            'bus-stop',
+    port:               'anchor',
+    sportsGround:       'ball-football',
+    university:         'school',
+    church:             'building-church',
+    government:         'building-bank',
+    mapPin:              'map-pin',
+    locationOn:              'map-pin',
 };