@simai-studio/view 1.0.0 → 1.2.0

package/dist/smart/view-properties/lang/en.json

@@ -29,10 +29,6 @@
     "conflict-text": "The record changed; read it again",
     "copy-link-label": "Copy link",
     "create-text": "Create",
-    "date-invalid-text": "The date is not a calendar date",
-    "date-missing-text": "Enter the date",
-    "date-time-date-label": "{label}: date",
-    "date-time-time-label": "{label}: time",
     "delete-text": "Delete",
     "delete-view-text": "Remove the view",
     "done-configuring-text": "Done",
@@ -80,9 +76,6 @@
     "state-loading": "Reading the record",
     "state-port-not-connected": "The record port is not connected",
     "state-unavailable": "The record is unavailable",
-    "time-invalid-text": "Enter the time as hh:mm, from 00:00 to 23:59",
-    "time-missing-text": "Enter the time",
-    "time-placeholder-text": "hh:mm",
     "unplaced-hint-text": "Fields this view does not show. Drag one into a group to place it, or drag a field here to take it out.",
     "unplaced-title": "Not placed",
     "variant-text": "Template",

package/dist/smart/view-properties/lang/ru.json

@@ -29,10 +29,6 @@
     "conflict-text": "Запись изменилась, обновите её",
     "copy-link-label": "Копировать ссылку",
     "create-text": "Создать",
-    "date-invalid-text": "Дата указана неверно",
-    "date-missing-text": "Укажите дату",
-    "date-time-date-label": "{label}: дата",
-    "date-time-time-label": "{label}: время",
     "delete-text": "Удалить",
     "delete-view-text": "Удалить вид",
     "done-configuring-text": "Готово",
@@ -80,9 +76,6 @@
     "state-loading": "Загрузка записи",
     "state-port-not-connected": "Порт записи не подключён",
     "state-unavailable": "Запись недоступна",
-    "time-invalid-text": "Укажите время в виде чч:мм, от 00:00 до 23:59",
-    "time-missing-text": "Укажите время",
-    "time-placeholder-text": "чч:мм",
     "unplaced-hint-text": "Поля, которых нет в этом виде. Перетащите поле в группу, чтобы разместить, или сюда, чтобы убрать.",
     "unplaced-title": "Не размещённые",
     "variant-text": "Вид",

package/dist/smart/view-properties/smart.manifest.json

@@ -1,7 +1,7 @@
 {
   "schema_version": 2,
   "id": "smart.view-properties",
-  "version": "1.9.1",
+  "version": "1.10.1",
   "title": "Property view",
   "summary": "One object's fields shown as sections, groups and fields, each drawn by the per-type field renderer set, behind a separate host port. A group is edited and saved as one revision by the button, and a reference field is picked from the host's own candidates a page at a time. The pair to the data view: that one is a set of records, this one is a single object.",
   "kind": "composite",
@@ -1525,6 +1525,13 @@
         "changes": [
           "The tag is sf-view-properties (rename plan R2, naming decision 2026-11-02: sf-[set]-<block>); the folder view-properties, the id smart.view-properties and the bundle cl-view-properties follow it (were property-view, smart.property-view, cl-property-view). sf-property-view stays a dated alias until 2027-01-01: old markup upgrades as this element, the Loader forwards cl-property-view, and every event fires under its former name as well, with the same detail. Public CSS variables and classes keep their names. Needs the SIMAI Framework pair whose package reference lists the former tag (core.runtime 1.22.0). Nothing to change for a host until 2027-01-01; new markup writes sf-view-properties."
         ]
+      },
+      {
+        "from": "1.9.1",
+        "to": "1.10.0",
+        "changes": [
+          "A datetime or time field is one sf-input-date (mode datetime or time) instead of a day and a masked time field; the value written is the same ISO 8601. Dates the host does not format read in the page's language. A colour palette wraps in a half-width field. A closed panel shows no close button or shadow over the page. An entry put back to the stored value is not written. Nothing to change for a host; a host that read the pair's names («<label>: дата», «<label>: время») finds one control named by the label."
+        ]
       }
     ]
   },
@@ -1534,24 +1541,24 @@
     "source_artifacts": [
       {
         "path": "src/smart/view-properties/index.js",
-        "sha256": "5c0ed2a12394b79e9dc74c240178391748b53d1ce0f3c0ec848502f7b6a1a63c"
+        "sha256": "94e290610bfe9056fbbc8e7f2856d73ab23f69a132ec6d3b04669c7c52766c2a"
       },
       {
         "path": "src/smart/view-properties/js/templates/default.js",
-        "sha256": "a387f3651919e5675e916601ecc18def8ef7bd9dc45ef4553c5211d9adff3b42"
+        "sha256": "f279e28558ccf50841b59c311ac39f8861f78e43bcce333eb4501d38aac6048b"
       },
       {
         "path": "src/smart/view-properties/js/templates/default.css",
-        "sha256": "2c808b433cdaaf80718bd9bc6f46d82550963897c45363df3ec3b003ff518459"
-      },
-      {
-        "path": "src/smart/view-properties/js/datetime-edit.js",
-        "sha256": "2edcd0a30a00f2decc4a8bd51507dbe4b265e089435694e169ca4fc20d3cf8d5"
+        "sha256": "070ec7d9a02a683ce6dffa8631dd3c2722a5158dbb4e58541d9945312561ad21"
       },
       {
         "path": "src/smart/view-properties/js/conditions.js",
         "sha256": "bf48b0bf4d2affb43433d1142b1a0ca57e22dc26088c5bd0b28e3212fba7134b"
       },
+      {
+        "path": "src/smart/view-properties/js/field-value.js",
+        "sha256": "18194d28683ab6dc3f876cd4f39928745017b5e03f2abd310876c079ffe74188"
+      },
       {
         "path": "src/smart/view-properties/rule.js",
         "sha256": "e23c095e11f5f42de3bad05a8d347f668c947dad90018994e3ef334832e1b887"
@@ -1562,7 +1569,7 @@
       },
       {
         "path": "src/smart/view-properties/docs.md",
-        "sha256": "74cb713282c237d033c233d0b31f2def6bd5e4fc4211fc666b7d909711b11ce2"
+        "sha256": "335230ca6ea373effddc4737765befd00b0098e214794f483f35562ede7de708"
       }
     ],
     "generated_runtime": []

package/dist/smart/view-properties/template/default.css

@@ -468,29 +468,20 @@
     display: flex;
   }
 
-  /* A datetime is a day and a time on one row (js/datetime-edit.js): the day
-     as wide as a date field is anywhere in the view, the time as wide as
-     «00:00» in its own font, so it follows the field's size step with the
-     datepicker. Both are the same size on the ladder, so they stand at one
-     height. The row does not wrap: a time under its day reads as a second
-     field. */
-  .sf-property-view-datetime {
-    display: flex;
-    align-items: center;
-    gap: var(--sf-space-2);
+  /* A colour with a palette wraps inside its field: the chip, the code, the
+     swatches and the reset stood on one unwrapping line of 463px in a
+     half-width field of 266, and the swatches ran over the field beside it
+     (the Fields page, 2026-11-05). sf-input-color's painted root is the flex
+     item (the host is display: contents); its row wraps, and the swatches wrap
+     among themselves on a line of their own when they have to. */
+  .sf-property-view-field-value .sf-color {
+    flex-wrap: wrap;
     max-inline-size: 100%;
     min-inline-size: 0;
   }
 
-  /* Both hosts are display: contents, so the flex items are what they draw:
-     the datepicker's wrap and the time field's root (its root-class). */
-  .sf-property-view-datetime > sf-input-date > .sf-datepicker-wrap {
-    flex: 0 1 auto;
-    min-inline-size: 0;
-  }
-
-  .sf-property-view-datetime .sf-property-view-datetime-time-field {
-    flex: 0 0 6.5em;
+  .sf-property-view-field-value .sf-color-swatches {
+    flex-wrap: wrap;
     min-inline-size: 0;
   }
 
@@ -912,6 +903,18 @@
   .sf-property-view-edge sf-button-icon button {
     border-radius: 50%;
   }
+  /* Closed is nothing drawn. sf-drawer slides a closed panel past the window's
+     edge, and its edge strip -- this panel's close and copy-link -- stays where
+     it stood, so a closed panel left its round close button over the page, and
+     the panel's shadow along the window's edge (2026-11-05). The strip goes at
+     once; the panel when its slide out is over, so the close still moves. */
+  .sf-drawer:not(.is-open) .sf-drawer-edge:has(> .sf-property-view-edge) {
+    visibility: hidden;
+  }
+  .sf-drawer:not(.is-open) .sf-drawer-panel:has(.sf-property-view-panel) {
+    visibility: hidden;
+    transition: transform var(--sf-duration-normal) var(--sf-ease-exit), visibility 0s linear var(--sf-duration-normal);
+  }
   /* A panel filling the screen has the strip inside it, in a row along its top
      at the drawer's inline step (space-1). The head starts its line after the
      strip and a step more, so the record's name is not under the controls

package/dist/smart/view-properties/template/default.js

@@ -1,7 +1,7 @@
 import {html, nothing} from 'lit';
 import "./default.css";
 import {renderViewField, renderEditField} from '../../../field-renderers/index.js';
-import {renderDateTimeEdit} from '../datetime-edit.js';
+import {renderFieldValue} from '../field-value.js';
 
 // The arrangement, drawn in the component's own light DOM. Not in a shadow root:
 // the field controls are Smart elements whose stylesheets are document-level, and
@@ -10,84 +10,6 @@ import {renderDateTimeEdit} from '../datetime-edit.js';
 // of this composite built them inside a shadow root and every control came out
 // with its markup and none of its CSS.
 
-function renderFieldValue(context, field, editing, {disabled = false} = {}) {
-    const key = String(field.key ?? '');
-    const editHost = {
-        setFieldValue: (target, value) => context.component.changeField(target, value),
-        // A control that knows its entry is not a value yet says so here (port
-        // 1.16.0: a masked string that does not fill its mask); the view holds
-        // both saves until it is completed or cleared.
-        setFieldError: (target, message) => context.component.reportFieldError(target, message),
-        ...(context.canUploadFiles
-            ? {
-                getFieldUploads: (target) => context.component.getFieldUploads(target),
-                startFieldUpload: (target, items) => context.component.startFieldUpload(target, items),
-                retryFieldUpload: (target, index) => context.component.retryFieldUpload(target, index),
-            }
-            : {}),
-        ...(context.canPickRecords
-            ? {
-                getFieldOptionsPage: (target) => context.component.getFieldOptionsPage(target),
-                getFieldOptionSearch: (target) => context.component.getFieldOptionSearch(target),
-                setFieldOptionSearch: (target, text) => context.component.setFieldOptionSearch(target, text),
-                loadFieldOptions: (target, request) => context.component.loadFieldOptions(target, request),
-            }
-            : {}),
-    };
-    // A datetime is edited as a day and a time (../datetime-edit.js): the
-    // shared set's control edits the day alone. A readonly one is shown, as the
-    // set shows every readonly field.
-    const type = field.propertyType || field.type || field.dataType;
-    const content = editing && type === 'datetime' && field.readonly !== true
-        ? renderDateTimeEdit(context, field, context.changed.has(key) ? context.changed.get(key) : field.value)
-        : editing
-        ? renderEditField(
-            field,
-            context.changed.has(key) ? context.changed.get(key) : field.value,
-            editHost,
-            // A field its condition turns off is drawn disabled where the set
-            // draws disabled apart from read-only (a choice as buttons).
-            {size: context.size, ...(disabled ? {disabled: true} : {})},
-        )
-        : renderViewField(field, field.value, context.hostPort, {size: context.size});
-
-    const reference = ['record', 'relation', 'user'].includes(field.propertyType || field.type)
-        && field.value && typeof field.value === 'object';
-    if (!editing && reference && content) {
-        return html`<span
-                class="sf-property-view-reference"
-                @click=${(event) => {
-                    event.preventDefault();
-                    // And no further: the field in view is a button that opens
-                    // the group for editing, so a press that reached it put the
-                    // whole group into edit behind the record that had just
-                    // opened (owner, 2026-10-08). Following a reference is one
-                    // intent, not two.
-                    event.stopPropagation();
-                    context.component.openReference(field, field.value);
-                }}
-        >${content}</span>`;
-    }
-
-    // An edit control the set cannot build is not an empty value. record and
-    // relation have no editor until the picker's host methods exist, and the
-    // first version showed «не заполнено» over a field that had a value -- a
-    // consumer read it as the value having been lost. Fall back to the view, so
-    // the value is shown and plainly not editable yet.
-    if (editing && (content === null || typeof content === 'undefined' || content === nothing)) {
-        const shown = renderViewField(field, field.value, context.hostPort, {size: context.size});
-        if (shown !== null && typeof shown !== 'undefined' && shown !== nothing) {
-            return html`<span class="sf-property-view-readonly color-on-surface-variant" data-readonly="true">${shown}</span>`;
-        }
-    }
-
-    if (content === null || typeof content === 'undefined' || content === nothing) {
-        return html`<span class="sf-property-view-empty color-on-surface-variant">${context.emptyText}</span>`;
-    }
-
-    return content;
-}
-
 // While the view is being configured every entry is listed, hidden and rare ones
 // included: a hidden field a person cannot see is a field they cannot show again,
 // and «показать редкие поля» is a reading choice rather than part of the

package/dist/smart/view-table/component.json

@@ -2,7 +2,7 @@
   "$comment": "sf-table from its component.json (standard simai.smart-component 1.3.8, vocabulary 1.1.5), migrated from ui-control control/smart-architecture/migration/out/table (convert-1.3.8.mjs over ui-pro 9cbe061); every x-todo decided in x-decisions.",
   "id": "smart.view-table",
   "tag": "sf-view-table",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "kind": "leaf",
   "family": "table",
   "settings": {
@@ -1441,7 +1441,8 @@
     "docs": "docs/docs.md, where the folder keeps it.",
     "loader-ensure": "version 1.13.5: the windows' portal is read by the Loader as the page (SF.Loader.watch, core.runtime 1.19.0), so the lazy elements a window draws need no list by name; the window's elements, sf-resizer, sf-sortable and the row menu's sf-context-menu are asked for through SF.Loader.ensure, not ensureSmartElementLoaded or a race of whenDefined against 3 s of its own (reuse audit 2026-11-02, finding 4). Needs core.runtime >= 1.19.0: over an older Loader the calls are no-ops and the table falls back as before where it checks customElements.get.",
     "framework-tag-renames": "version 1.13.6: the Framework elements it draws, finds and listens to are named by their new tags (Smart component naming of 2026-11-02, sf-[set]-<block>): the row and column menus are sf-menu-context (its sf-menu-context-* events), the icon buttons sf-button-icon, the typed cells and editors sf-input-color, sf-input-country, sf-input-date and sf-slider-range; a component type that names a former tag (a host's {type: 'icon-button'}) draws the element under its current tag (canonicalTag of the Smart base). The rule relations and the registry ids follow (cl-<new>, smart.<new>; the package reference pro.package.json of the pair). The former tags stay dated aliases of the Framework until 2027-01-01; public CSS variables and classes keep their names. No visible change. Needs the SIMAI Framework pair with the tag renames (core.runtime 1.21.0).",
-    "tag-rename": "version 1.14.0: the tag is sf-view-table (naming decision 2026-11-02: sf-[set]-<block>[-<variant>]; rename plan R2); the folder view-table, the id smart.view-table and the bundle cl-view-table follow it. sf-table stays a dated alias until 2027-01-01: a subclass the Smart base defines beside the new tag, listed in the package rule, in sheets as :is(sf-view-table, sf-table), its events named after the tag followed by their former names (ui-source change journal tag-sf-table-to-sf-view-table, path-smart-table-to-view-table)."
+    "tag-rename": "version 1.14.0: the tag is sf-view-table (naming decision 2026-11-02: sf-[set]-<block>[-<variant>]; rename plan R2); the folder view-table, the id smart.view-table and the bundle cl-view-table follow it. sf-table stays a dated alias until 2027-01-01: a subclass the Smart base defines beside the new tag, listed in the package rule, in sheets as :is(sf-view-table, sf-table), its events named after the tag followed by their former names (ui-source change journal tag-sf-table-to-sf-view-table, path-smart-table-to-view-table).",
+    "cell-formats": "version 1.15.0: four cells read as what they hold (the Fields page and Larena, 2026-11-05). A date, date and time or time of day the host did not format (formatFieldValue) reads in the page's language through SIMAI Framework's format-date (js/format-value.js); the host's text still wins. Formatted text (html) is its text on the row's one line, never its markup, on both the class-markup path and the full renderer (field-renderers/html.js htmlText). Several files are each their name with their kind's icon, wrapping and folding into «+N» as several tags do; a column of documents drew nothing. The settings column is drawn only when it has something to open: the gear (settings-menu), a row menu with actions, or row reordering; a list with none of them had a column of «≡» that opened an empty menu."
   },
   "x-registry": {
     "kind": "composite",
@@ -2176,6 +2177,13 @@
           "changes": [
             "The tag is sf-view-table (rename plan R2, naming decision 2026-11-02: sf-[set]-<block>); the folder view-table, the id smart.view-table and the bundle cl-view-table follow it (were table, smart.data-view, cl-table). sf-table stays a dated alias until 2027-01-01: old markup upgrades as this element, the Loader forwards cl-table, and every event fires under its former name as well, with the same detail. Public CSS variables and classes keep their names. Needs the SIMAI Framework pair whose package reference lists the former tag (core.runtime 1.22.0). Nothing to change for a host until 2027-01-01; new markup writes sf-view-table."
           ]
+        },
+        {
+          "from": "1.14.0",
+          "to": "1.15.0",
+          "changes": [
+            "A date, date and time or time the host does not format reads in the page's language («2 нояб. 2026 г.», «15 нояб. 2026 г., 10:30», «09:30») instead of as stored; a host's formatFieldValue still wins. An html cell shows its text, not its markup; a cell of several files shows each file's name with its icon. The settings column is left out when it would open nothing (no settings-menu, no row actions, no row-reorder). Nothing to change for a host; a host that relied on stored dates in cells formats them in formatFieldValue."
+          ]
         }
       ]
     },