@g9tm/lynxcontrols 0.0.0-stage → 1.4.2

package/dist/fields/input-policy.jsx

@@ -0,0 +1,215 @@
+import { G9InputType, G9KeyboardType, G9StringKey, getNumberSymbols, normalizeToAscii } from "@g9tm/lynxcontrols-foundation";
+const ltrTypes = new Set([
+    G9InputType.Number,
+    G9InputType.Decimal,
+    G9InputType.SignedNumber,
+    G9InputType.SignedDecimal,
+    G9InputType.Phone,
+    G9InputType.Email,
+    G9InputType.Url
+]);
+const asciiDigitOnlyTypes = new Set([
+    G9InputType.Number,
+    G9InputType.Decimal,
+    G9InputType.SignedNumber,
+    G9InputType.SignedDecimal,
+    G9InputType.Phone,
+    G9InputType.LettersAndNumbers,
+    G9InputType.LettersNumbersSpace
+]);
+function inputTypePrefersLeftToRight(inputType) {
+    return ltrTypes.has(inputType);
+}
+function resolveKeyboardForInputType(inputType) {
+    switch(inputType){
+        case G9InputType.Number:
+        case G9InputType.Decimal:
+        case G9InputType.SignedNumber:
+        case G9InputType.SignedDecimal:
+            return G9KeyboardType.Number;
+        case G9InputType.Phone:
+            return G9KeyboardType.Phone;
+        case G9InputType.Email:
+            return G9KeyboardType.Email;
+        case G9InputType.Url:
+            return G9KeyboardType.Url;
+        default:
+            return G9KeyboardType.Default;
+    }
+}
+function resolveEffectiveKeyboard(inputType, keyboardType) {
+    const ownKeyboard = inputType === G9InputType.Default || inputType === G9InputType.Custom;
+    const resolved = ownKeyboard ? keyboardType : resolveKeyboardForInputType(inputType);
+    return resolved === G9KeyboardType.Password ? G9KeyboardType.Default : resolved;
+}
+function resolveInputElementType(inputType, keyboard, masked) {
+    if (masked) return 'password';
+    switch(keyboard){
+        case G9KeyboardType.Number:
+            return inputType === G9InputType.Number ? 'number' : 'digit';
+        case G9KeyboardType.Phone:
+            return 'tel';
+        case G9KeyboardType.Email:
+            return 'email';
+        default:
+            return 'text';
+    }
+}
+const isAsciiDigit = (c)=>c >= '0' && c <= '9';
+const isLatinLetter = (c)=>c >= 'a' && c <= 'z' || c >= 'A' && c <= 'Z';
+const isPersianLetter = (c)=>c >= '؀' && c <= 'ۿ' && !(c >= '٠' && c <= '٩') && !(c >= '۰' && c <= '۹');
+const isPersianOrAsciiDigit = (c)=>isAsciiDigit(c) || c >= '٠' && c <= '٩' || c >= '۰' && c <= '۹';
+const isPhoneChar = (c)=>isAsciiDigit(c) || '+' === c || '-' === c || ' ' === c || '(' === c || ')' === c;
+const isWhiteSpace = (c)=>/\s/.test(c);
+const isMultilingual = (c)=>isLatinLetter(c) || isPersianLetter(c) || isPersianOrAsciiDigit(c) || ' ' === c;
+function filterChars(s, keep) {
+    let out = '';
+    let changed = false;
+    for(let i = 0; i < s.length; i++){
+        const c = s.charAt(i);
+        if (keep(c)) out += c;
+        else changed = true;
+    }
+    return changed ? out : s;
+}
+function filterSignedInteger(s) {
+    let out = '';
+    for(let i = 0; i < s.length; i++){
+        const c = s.charAt(i);
+        if (0 === i && '-' === c || isAsciiDigit(c)) out += c;
+    }
+    return out;
+}
+function filterDecimal(s, allowSign, separator) {
+    let out = '';
+    let sawSeparator = false;
+    for(let i = 0; i < s.length; i++){
+        const c = s.charAt(i);
+        if (allowSign && 0 === i && '-' === c || isAsciiDigit(c)) out += c;
+        else if (!sawSeparator && (c === separator || '.' === c || '٫' === c)) {
+            out += separator;
+            sawSeparator = true;
+        }
+    }
+    return out;
+}
+const g9CustomPatternCacheLimit = 64;
+const patternCache = new Map();
+function compilePattern(pattern) {
+    const cached = patternCache.get(pattern);
+    if (void 0 !== cached) return cached;
+    let compiled;
+    try {
+        compiled = new RegExp(pattern);
+    } catch  {
+        compiled = null;
+    }
+    if (patternCache.size >= g9CustomPatternCacheLimit) patternCache.clear();
+    patternCache.set(pattern, compiled);
+    return compiled;
+}
+function customPatternCacheSize() {
+    return patternCache.size;
+}
+function filterByCustomPattern(s, pattern) {
+    if (null == pattern || '' === pattern.trim()) return s;
+    const rx = compilePattern(pattern);
+    if (!rx) return s;
+    return filterChars(s, (c)=>{
+        rx.lastIndex = 0;
+        return rx.test(c);
+    });
+}
+function decimalSeparatorFor(numberingSystem) {
+    return getNumberSymbols(numberingSystem).decimal;
+}
+function sanitizeInputText(inputType, raw, allowedCharsPattern, decimalSeparator = '.') {
+    if (!raw) return raw;
+    const text = asciiDigitOnlyTypes.has(inputType) ? normalizeToAscii(raw) : raw;
+    switch(inputType){
+        case G9InputType.Number:
+            return filterChars(text, isAsciiDigit);
+        case G9InputType.Decimal:
+            return filterDecimal(text, false, decimalSeparator);
+        case G9InputType.SignedNumber:
+            return filterSignedInteger(text);
+        case G9InputType.SignedDecimal:
+            return filterDecimal(text, true, decimalSeparator);
+        case G9InputType.Phone:
+            return filterChars(text, isPhoneChar);
+        case G9InputType.Email:
+        case G9InputType.Url:
+            return filterChars(text, (c)=>!isWhiteSpace(c));
+        case G9InputType.Letters:
+            return filterChars(text, isLatinLetter);
+        case G9InputType.LettersAndNumbers:
+            return filterChars(text, (c)=>isLatinLetter(c) || isAsciiDigit(c));
+        case G9InputType.LettersNumbersSpace:
+            return filterChars(text, (c)=>isLatinLetter(c) || isAsciiDigit(c) || ' ' === c);
+        case G9InputType.PersianLetters:
+            return filterChars(text, (c)=>isPersianLetter(c) || ' ' === c);
+        case G9InputType.PersianLettersAndNumbers:
+            return filterChars(text, (c)=>isPersianLetter(c) || isPersianOrAsciiDigit(c) || ' ' === c);
+        case G9InputType.MultilingualLettersAndNumbers:
+        case G9InputType.NoSpecialChars:
+            return filterChars(text, isMultilingual);
+        case G9InputType.Custom:
+            return filterByCustomPattern(text, allowedCharsPattern);
+        default:
+            return text;
+    }
+}
+const emailPattern = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
+const hierarchicalSchemes = new Set([
+    'http',
+    'https',
+    'ftp',
+    'ws',
+    'wss',
+    'file',
+    'net.tcp'
+]);
+function isAbsoluteUri(value) {
+    if (/\s/.test(value.trim()) || '' === value.trim()) return false;
+    const v = value.trim();
+    if (/^[A-Za-z]:[\\/]/.test(v)) return true;
+    const match = /^([A-Za-z][A-Za-z0-9+.-]*):(.*)$/.exec(v);
+    if (!match) return false;
+    const scheme = match[1].toLowerCase();
+    const rest = match[2];
+    if (hierarchicalSchemes.has(scheme)) {
+        const authority = /^\/\/([^/?#]*)/.exec(rest);
+        if (!authority) return false;
+        return 'file' === scheme || '' !== authority[1].replace(/^[^@]*@/, '');
+    }
+    return '' !== rest;
+}
+function validateInputText(inputType, value, validationPattern, customMessage, strings) {
+    if (!value) return null;
+    switch(inputType){
+        case G9InputType.Email:
+            return emailPattern.test(value) ? null : null != customMessage ? customMessage : strings.get(G9StringKey.InvalidEmail);
+        case G9InputType.Url:
+            return isAbsoluteUri(value) ? null : null != customMessage ? customMessage : strings.get(G9StringKey.InvalidUrl);
+        case G9InputType.Custom:
+            {
+                if (!validationPattern) return null;
+                let ok;
+                try {
+                    ok = new RegExp(validationPattern).test(value);
+                } catch  {
+                    ok = false;
+                }
+                return ok ? null : null != customMessage ? customMessage : strings.get(G9StringKey.InvalidValue);
+            }
+        default:
+            return null;
+    }
+}
+function inputTypeHasValidationRule(inputType, validationPattern) {
+    if (inputType === G9InputType.Email || inputType === G9InputType.Url) return true;
+    return inputType === G9InputType.Custom && !!validationPattern;
+}
+export { customPatternCacheSize, decimalSeparatorFor, g9CustomPatternCacheLimit, inputTypeHasValidationRule, inputTypePrefersLeftToRight, isAbsoluteUri, resolveEffectiveKeyboard, resolveInputElementType, resolveKeyboardForInputType, sanitizeInputText, validateInputText };
+
+//# sourceMappingURL=input-policy.jsx.map

package/dist/fields/input-policy.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields/input-policy.jsx","sources":["../../src/fields/input-policy.ts"],"sourcesContent":["import {\n  G9InputType,\n  G9KeyboardType,\n  type G9NumberingSystem,\n  G9StringKey,\n  type G9Strings,\n  getNumberSymbols,\n  normalizeToAscii,\n} from '@g9tm/lynxcontrols-foundation';\n\n// MAUI `G9InputTypePolicy` (Controls/Shared/G9InputType.cs): one input type drives the keyboard, the live keystroke\n// filter and the blur validation. Pure functions; the fields call them, tests pin them.\n\n/** `<input type>` values the Lynx `<input>` element accepts. */\nexport type G9LynxInputElementType = 'text' | 'number' | 'digit' | 'password' | 'tel' | 'email';\n\nconst ltrTypes: ReadonlySet<G9InputType> = new Set<G9InputType>([\n  G9InputType.Number,\n  G9InputType.Decimal,\n  G9InputType.SignedNumber,\n  G9InputType.SignedDecimal,\n  G9InputType.Phone,\n  G9InputType.Email,\n  G9InputType.Url,\n]);\n\nconst asciiDigitOnlyTypes: ReadonlySet<G9InputType> = new Set<G9InputType>([\n  G9InputType.Number,\n  G9InputType.Decimal,\n  G9InputType.SignedNumber,\n  G9InputType.SignedDecimal,\n  G9InputType.Phone,\n  G9InputType.LettersAndNumbers,\n  G9InputType.LettersNumbersSpace,\n]);\n\n/**\n * Whether values of this type are written left-to-right whatever the culture (numbers, phone numbers, email\n * addresses, URLs). Only the entered value and its caret are pinned; label, outline and icons follow the culture.\n */\nexport function inputTypePrefersLeftToRight(inputType: G9InputType): boolean {\n  return ltrTypes.has(inputType);\n}\n\n/** The on-screen keyboard an input type implies (MAUI `G9InputTypePolicy.ResolveKeyboard`). */\nexport function resolveKeyboardForInputType(inputType: G9InputType): G9KeyboardType {\n  switch (inputType) {\n    case G9InputType.Number:\n    case G9InputType.Decimal:\n    case G9InputType.SignedNumber:\n    case G9InputType.SignedDecimal:\n      return G9KeyboardType.Number;\n    case G9InputType.Phone:\n      return G9KeyboardType.Phone;\n    case G9InputType.Email:\n      return G9KeyboardType.Email;\n    case G9InputType.Url:\n      return G9KeyboardType.Url;\n    default:\n      return G9KeyboardType.Default;\n  }\n}\n\n/**\n * The keyboard a field shows: the input type's keyboard, or, for `'default'` input, the field's own `keyboardType`\n * (MAUI ignored `KeyboardType` for every input type; here it works for `'default'` and `'custom'`).\n * `'password'` maps to the default keyboard, as in MAUI.\n */\nexport function resolveEffectiveKeyboard(inputType: G9InputType, keyboardType: G9KeyboardType): G9KeyboardType {\n  const ownKeyboard = inputType === G9InputType.Default || inputType === G9InputType.Custom;\n  const resolved = ownKeyboard ? keyboardType : resolveKeyboardForInputType(inputType);\n  return resolved === G9KeyboardType.Password ? G9KeyboardType.Default : resolved;\n}\n\n/**\n * The Lynx `<input type>` for a keyboard (the `G9InputType` → element mapping table in `docs/fields.md`). Lynx has no\n * URL keyboard, so `'url'` uses `'text'`; decimal and signed types use `'digit'` (a numeric pad with a separator).\n * A masked password is always `'password'`.\n */\nexport function resolveInputElementType(\n  inputType: G9InputType,\n  keyboard: G9KeyboardType,\n  masked: boolean,\n): G9LynxInputElementType {\n  if (masked) return 'password';\n  switch (keyboard) {\n    case G9KeyboardType.Number:\n      return inputType === G9InputType.Number ? 'number' : 'digit';\n    case G9KeyboardType.Phone:\n      return 'tel';\n    case G9KeyboardType.Email:\n      return 'email';\n    default:\n      return 'text';\n  }\n}\n\nconst isAsciiDigit = (c: string): boolean => c >= '0' && c <= '9';\nconst isLatinLetter = (c: string): boolean => (c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z');\nconst isPersianLetter = (c: string): boolean =>\n  c >= '؀' && c <= 'ۿ' && !(c >= '٠' && c <= '٩') && !(c >= '۰' && c <= '۹');\nconst isPersianOrAsciiDigit = (c: string): boolean =>\n  isAsciiDigit(c) || (c >= '٠' && c <= '٩') || (c >= '۰' && c <= '۹');\nconst isPhoneChar = (c: string): boolean =>\n  isAsciiDigit(c) || c === '+' || c === '-' || c === ' ' || c === '(' || c === ')';\nconst isWhiteSpace = (c: string): boolean => /\\s/.test(c);\nconst isMultilingual = (c: string): boolean =>\n  isLatinLetter(c) || isPersianLetter(c) || isPersianOrAsciiDigit(c) || c === ' ';\n\nfunction filterChars(s: string, keep: (c: string) => boolean): string {\n  let out = '';\n  let changed = false;\n  for (let i = 0; i < s.length; i++) {\n    const c = s.charAt(i);\n    if (keep(c)) out += c;\n    else changed = true;\n  }\n  return changed ? out : s;\n}\n\nfunction filterSignedInteger(s: string): string {\n  let out = '';\n  for (let i = 0; i < s.length; i++) {\n    const c = s.charAt(i);\n    if ((i === 0 && c === '-') || isAsciiDigit(c)) out += c;\n  }\n  return out;\n}\n\nfunction filterDecimal(s: string, allowSign: boolean, separator: string): string {\n  let out = '';\n  let sawSeparator = false;\n  for (let i = 0; i < s.length; i++) {\n    const c = s.charAt(i);\n    if ((allowSign && i === 0 && c === '-') || isAsciiDigit(c)) {\n      out += c;\n    } else if (!sawSeparator && (c === separator || c === '.' || c === '٫')) {\n      out += separator;\n      sawSeparator = true;\n    }\n  }\n  return out;\n}\n\n/** Most distinct custom patterns kept compiled (MAUI `CustomPatternCacheLimit`). */\nexport const g9CustomPatternCacheLimit = 64;\nconst patternCache = new Map<string, RegExp | null>();\n\nfunction compilePattern(pattern: string): RegExp | null {\n  const cached = patternCache.get(pattern);\n  if (cached !== undefined) return cached;\n  let compiled: RegExp | null;\n  try {\n    compiled = new RegExp(pattern);\n  } catch {\n    compiled = null;\n  }\n  if (patternCache.size >= g9CustomPatternCacheLimit) patternCache.clear();\n  patternCache.set(pattern, compiled);\n  return compiled;\n}\n\n/** Number of compiled custom patterns currently cached (for tests). */\nexport function customPatternCacheSize(): number {\n  return patternCache.size;\n}\n\nfunction filterByCustomPattern(s: string, pattern: string | null | undefined): string {\n  if (pattern == null || pattern.trim() === '') return s;\n  const rx = compilePattern(pattern);\n  // An invalid pattern passes the text through so the field stays usable; blur validation surfaces it.\n  if (!rx) return s;\n  return filterChars(s, (c) => {\n    rx.lastIndex = 0;\n    return rx.test(c);\n  });\n}\n\n/** The decimal separator `Decimal`/`SignedDecimal` normalise to: the culture numbering system's (`.` or `٫`). */\nexport function decimalSeparatorFor(numberingSystem: G9NumberingSystem): string {\n  return getNumberSymbols(numberingSystem).decimal;\n}\n\n/**\n * Strips every character the input type rejects (MAUI `G9InputTypePolicy.SanitizeText`). Types that accept ASCII\n * digits only see Persian and Arabic-Indic digits as ASCII first. Returns `raw` itself when nothing changes, so a\n * caller can compare by identity. The decimal types keep one separator, normalised to `decimalSeparator`.\n */\nexport function sanitizeInputText(\n  inputType: G9InputType,\n  raw: string,\n  allowedCharsPattern?: string | null,\n  decimalSeparator = '.',\n): string {\n  if (!raw) return raw;\n  const text = asciiDigitOnlyTypes.has(inputType) ? normalizeToAscii(raw) : raw;\n  switch (inputType) {\n    case G9InputType.Number:\n      return filterChars(text, isAsciiDigit);\n    case G9InputType.Decimal:\n      return filterDecimal(text, false, decimalSeparator);\n    case G9InputType.SignedNumber:\n      return filterSignedInteger(text);\n    case G9InputType.SignedDecimal:\n      return filterDecimal(text, true, decimalSeparator);\n    case G9InputType.Phone:\n      return filterChars(text, isPhoneChar);\n    case G9InputType.Email:\n    case G9InputType.Url:\n      return filterChars(text, (c) => !isWhiteSpace(c));\n    case G9InputType.Letters:\n      return filterChars(text, isLatinLetter);\n    case G9InputType.LettersAndNumbers:\n      return filterChars(text, (c) => isLatinLetter(c) || isAsciiDigit(c));\n    case G9InputType.LettersNumbersSpace:\n      return filterChars(text, (c) => isLatinLetter(c) || isAsciiDigit(c) || c === ' ');\n    case G9InputType.PersianLetters:\n      return filterChars(text, (c) => isPersianLetter(c) || c === ' ');\n    case G9InputType.PersianLettersAndNumbers:\n      return filterChars(text, (c) => isPersianLetter(c) || isPersianOrAsciiDigit(c) || c === ' ');\n    case G9InputType.MultilingualLettersAndNumbers:\n    case G9InputType.NoSpecialChars:\n      return filterChars(text, isMultilingual);\n    case G9InputType.Custom:\n      return filterByCustomPattern(text, allowedCharsPattern);\n    default:\n      return text;\n  }\n}\n\nconst emailPattern = /^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$/;\nconst hierarchicalSchemes: ReadonlySet<string> = new Set(['http', 'https', 'ftp', 'ws', 'wss', 'file', 'net.tcp']);\n\n/**\n * An absolute URI in the sense of .NET `Uri.TryCreate(value, UriKind.Absolute)` for the cases forms meet: a scheme,\n * then, for the hierarchical web schemes, `//` and a non-empty host; no whitespace; a Windows drive path counts.\n */\nexport function isAbsoluteUri(value: string): boolean {\n  if (/\\s/.test(value.trim()) || value.trim() === '') return false;\n  const v = value.trim();\n  if (/^[A-Za-z]:[\\\\/]/.test(v)) return true;\n  const match = /^([A-Za-z][A-Za-z0-9+.-]*):(.*)$/.exec(v);\n  if (!match) return false;\n  const scheme = (match[1] as string).toLowerCase();\n  const rest = match[2] as string;\n  if (hierarchicalSchemes.has(scheme)) {\n    const authority = /^\\/\\/([^/?#]*)/.exec(rest);\n    if (!authority) return false;\n    return scheme === 'file' || (authority[1] as string).replace(/^[^@]*@/, '') !== '';\n  }\n  return rest !== '';\n}\n\n/**\n * Validates a final value (MAUI `G9InputTypePolicy.Validate`): `null` when acceptable, else the message —\n * `customMessage` when given, else the culture's `invalidEmail` / `invalidUrl` / `invalidValue`. Empty values pass.\n * `Custom` checks `validationPattern`; a pattern that does not compile fails closed.\n */\nexport function validateInputText(\n  inputType: G9InputType,\n  value: string | null | undefined,\n  validationPattern: string | null | undefined,\n  customMessage: string | null | undefined,\n  strings: Pick<G9Strings, 'get'>,\n): string | null {\n  if (!value) return null;\n  switch (inputType) {\n    case G9InputType.Email:\n      return emailPattern.test(value) ? null : (customMessage ?? strings.get(G9StringKey.InvalidEmail));\n    case G9InputType.Url:\n      return isAbsoluteUri(value) ? null : (customMessage ?? strings.get(G9StringKey.InvalidUrl));\n    case G9InputType.Custom: {\n      if (!validationPattern) return null;\n      let ok: boolean;\n      try {\n        ok = new RegExp(validationPattern).test(value);\n      } catch {\n        ok = false;\n      }\n      return ok ? null : (customMessage ?? strings.get(G9StringKey.InvalidValue));\n    }\n    default:\n      return null;\n  }\n}\n\n/** Whether the type (with its pattern) has a blur-time rule (part of MAUI `ShouldAutoValidate`). */\nexport function inputTypeHasValidationRule(\n  inputType: G9InputType,\n  validationPattern: string | null | undefined,\n): boolean {\n  if (inputType === G9InputType.Email || inputType === G9InputType.Url) return true;\n  return inputType === G9InputType.Custom && !!validationPattern;\n}\n"],"names":["ltrTypes","Set","G9InputType","asciiDigitOnlyTypes","inputTypePrefersLeftToRight","inputType","resolveKeyboardForInputType","G9KeyboardType","resolveEffectiveKeyboard","keyboardType","ownKeyboard","resolved","resolveInputElementType","keyboard","masked","isAsciiDigit","c","isLatinLetter","isPersianLetter","isPersianOrAsciiDigit","isPhoneChar","isWhiteSpace","isMultilingual","filterChars","s","keep","out","changed","i","filterSignedInteger","filterDecimal","allowSign","separator","sawSeparator","g9CustomPatternCacheLimit","patternCache","Map","compilePattern","pattern","cached","undefined","compiled","RegExp","customPatternCacheSize","filterByCustomPattern","rx","decimalSeparatorFor","numberingSystem","getNumberSymbols","sanitizeInputText","raw","allowedCharsPattern","decimalSeparator","text","normalizeToAscii","emailPattern","hierarchicalSchemes","isAbsoluteUri","value","v","match","scheme","rest","authority","validateInputText","validationPattern","customMessage","strings","G9StringKey","ok","inputTypeHasValidationRule"],"mappings":"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"}

package/dist/fields/notch.d.ts

@@ -0,0 +1,10 @@
+/** The CSS variable a container sets to the colour behind its fields (the floated label's notch paints it). */
+export declare const g9FieldNotchBackgroundVariable = "--g9-field-notch-background";
+/**
+ * Inline style for a container whose background is not `--g9-background` (a card, a sheet, a popup): the floated
+ * label of every field inside it hides the outline with `color`, so no box of another colour shows behind the label.
+ * Pass a colour literal (a `var()` inside a custom property is not resolved on every engine). G9 sheets and popups set
+ * it themselves. Needs the app's `pluginG9Lynx()` (inline CSS variables).
+ */
+export declare function g9FieldNotchStyle(color: string): Readonly<Record<string, string>>;
+//# sourceMappingURL=notch.d.ts.map

package/dist/fields/notch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notch.d.ts","sourceRoot":"","sources":["../../src/fields/notch.ts"],"names":[],"mappings":"AAEA,+GAA+G;AAC/G,eAAO,MAAM,8BAA8B,gCAAgC,CAAC;AAE5E;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAEjF"}

package/dist/fields/notch.jsx

@@ -0,0 +1,9 @@
+const g9FieldNotchBackgroundVariable = '--g9-field-notch-background';
+function g9FieldNotchStyle(color) {
+    return {
+        [g9FieldNotchBackgroundVariable]: color
+    };
+}
+export { g9FieldNotchBackgroundVariable, g9FieldNotchStyle };
+
+//# sourceMappingURL=notch.jsx.map

package/dist/fields/notch.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields/notch.jsx","sources":["../../src/fields/notch.ts"],"sourcesContent":["// The floated label's notch colour (no stylesheet import: sheets and popups set it without pulling fields.css).\n\n/** The CSS variable a container sets to the colour behind its fields (the floated label's notch paints it). */\nexport const g9FieldNotchBackgroundVariable = '--g9-field-notch-background';\n\n/**\n * Inline style for a container whose background is not `--g9-background` (a card, a sheet, a popup): the floated\n * label of every field inside it hides the outline with `color`, so no box of another colour shows behind the label.\n * Pass a colour literal (a `var()` inside a custom property is not resolved on every engine). G9 sheets and popups set\n * it themselves. Needs the app's `pluginG9Lynx()` (inline CSS variables).\n */\nexport function g9FieldNotchStyle(color: string): Readonly<Record<string, string>> {\n  return { [g9FieldNotchBackgroundVariable]: color };\n}\n"],"names":["g9FieldNotchBackgroundVariable","g9FieldNotchStyle","color"],"mappings":"AAGO,MAAMA,iCAAiC;AAQvC,SAASC,kBAAkBC,KAAa;IAC7C,OAAO;QAAE,CAACF,+BAA+B,EAAEE;IAAM;AACnD"}

package/dist/fields/outlined-field.d.ts

@@ -0,0 +1,152 @@
+import './fields.css';
+import { G9FilledValueHighlight, type G9ImageSource } from '@g9tm/lynxcontrols-foundation';
+import type { ReactNode } from '@lynx-js/react';
+import type { G9IconInput } from '../icon/icon.js';
+import { type G9PhysicalPadding } from './slot-layout.js';
+/** Props every outlined field shares (the public members of MAUI `G9OutlinedFieldBase`). */
+export interface G9OutlinedFieldProps {
+    /**
+     * Element `id` of the field root (MAUI `AutomationId`; automation taps its bounds to focus it). Used verbatim: keep
+     * it to `[A-Za-z0-9_-]`.
+     */
+    readonly id?: string;
+    /** Floating label. Without it the placeholder is the label (MAUI `Label ?? Placeholder`). */
+    readonly label?: string | null;
+    /** Placeholder; shown as the label when `label` is not set. */
+    readonly placeholder?: string | null;
+    /** Helper line under the field; replaced by `errorText` while the field has an error. */
+    readonly helperText?: string | null;
+    /** Error message, shown (in the error colour) while `hasError`. */
+    readonly errorText?: string | null;
+    /** Error state: error outline, label and helper colour. Validation can also set it (`validate()`). Default false. */
+    readonly hasError?: boolean;
+    /** Keep the label floated even when empty and unfocused. Default false. */
+    readonly alwaysFloat?: boolean;
+    /** Value visible and selectable but not editable (MAUI `IsReadOnly`). Default false. */
+    readonly readOnly?: boolean;
+    /** Not interactive and dimmed (MAUI `IsEnabled = false`). Default false. */
+    readonly disabled?: boolean;
+    /** Maximum characters; `-1` (default) or `0` means unlimited. */
+    readonly maxLength?: number;
+    /** Show the `n / max` counter (only when `maxLength > 0`). Default false. */
+    readonly showCharacterCounter?: boolean;
+    /** Status colour (any CSS colour or `g9Token(...)`); used while `useStatusColor`. Default the primary colour. */
+    readonly statusColor?: string | null;
+    /** Draw the outline in `statusColor` (emphasised) whatever the focus. Default false. */
+    readonly useStatusColor?: boolean;
+    /** Soft inner halo while focused (no error, no status colour). Default false. */
+    readonly showFocusHalo?: boolean;
+    /** Filled-value accent of this field; `'inherit'` (default) takes `settings.fields.highlightFilledValue`. */
+    readonly filledValueHighlight?: G9FilledValueHighlight;
+    readonly leadingEmoji?: string | null;
+    readonly leadingIcon?: G9IconInput;
+    readonly leadingImagePath?: string | null;
+    readonly leadingImage?: G9ImageSource | null;
+    readonly trailingEmoji?: string | null;
+    readonly trailingIcon?: G9IconInput;
+    readonly trailingImagePath?: string | null;
+    readonly trailingImage?: G9ImageSource | null;
+    /** Spinner in the trailing slot (wins over every trailing icon). Default false. */
+    readonly isTrailingBusy?: boolean;
+    /** Keep the trailing icon on the physical right in RTL too. Default false. */
+    readonly forceTrailingIconRight?: boolean;
+    /** Keep the leading icon on the physical left in RTL too. Default false. */
+    readonly forceLeadingIconLeft?: boolean;
+    /** Box height; `0` (default) uses `G9Metrics.ControlHeight` (52). */
+    readonly fieldHeight?: number;
+    /** Reserve the floated label's overhang above the box (MAUI `FloatingLabelClearance`, 6). Default false. */
+    readonly reserveFloatingLabelClearance?: boolean;
+    /** Leading icon tap (MAUI `LeadingCommand` + `CommandParameter`). Makes the icon actionable. */
+    readonly onLeadingPress?: () => void;
+    /** Trailing icon tap when no built-in affordance claims it (MAUI `TrailingCommand`). */
+    readonly onTrailingPress?: () => void;
+    /** Extra padding of the inner content (MAUI `InnerContentPadding`), physical sides. */
+    readonly innerContentPadding?: Partial<G9PhysicalPadding>;
+    /** Class of the root element. */
+    readonly className?: string;
+}
+/** What {@link resolveOutlinedFieldState} needs besides the props. */
+export interface G9OutlinedFieldStateInput {
+    readonly focused: boolean;
+    readonly hasValue: boolean;
+    /** A value the field shows without text (a picker's selection): floats the label like a value. */
+    readonly valueFloated?: boolean;
+    /** App-wide filled-value accent (`settings.fields.highlightFilledValue`). */
+    readonly highlightFilledValue: boolean;
+    /** Characters of the value, for the counter. */
+    readonly textLength: number;
+    /** Resting chrome tone: `'outline'` (default) or `'placeholder'` (search). */
+    readonly restingTone?: 'outline' | 'placeholder';
+}
+/** The resolved look of an outlined field (colours are CSS colour values). */
+export interface G9OutlinedFieldState {
+    readonly floated: boolean;
+    /** Outline, floated label and trailing icon colour. */
+    readonly stateColor: string;
+    readonly labelColor: string;
+    /** Leading icon and resting label colour. */
+    readonly restingContentColor: string;
+    readonly labelText: string;
+    /** Helper line text (`errorText` while in error), `''` when hidden. */
+    readonly helperText: string;
+    readonly helperColor: string;
+    /** Counter text (`'n / max'`), `''` when hidden. */
+    readonly counterText: string;
+    readonly footerVisible: boolean;
+    readonly strokeWidth: number;
+    /** Focus halo thickness, 0 when off. */
+    readonly haloWidth: number;
+    readonly fieldHeight: number;
+}
+/**
+ * Resolves the field's state colours and footer (MAUI `ResolveStateColor`, `ResolveFloatingLabelColor`, the footer
+ * part of `Refresh`). Precedence: error > status colour > focus > accented filled value > resting.
+ */
+export declare function resolveOutlinedFieldState(props: G9OutlinedFieldProps, input: G9OutlinedFieldStateInput): G9OutlinedFieldState;
+/** {@link resolveOutlinedFieldState} with the app-wide settings read from the provider. */
+export declare function useOutlinedField(props: G9OutlinedFieldProps, input: Omit<G9OutlinedFieldStateInput, 'highlightFilledValue'>): G9OutlinedFieldState;
+/** A built-in trailing affordance an input puts in the trailing slot (password eye, microphone, clear). */
+export interface G9TrailingAffordance {
+    /** What it shows. */
+    readonly icon: G9IconInput;
+    /** Icon colour; default the state colour. */
+    readonly color?: string;
+    /** Accessibility label. */
+    readonly label?: string;
+    /** Stable key (MAUI `ResolveTrailingIconSignature`): the slot is rebuilt only when it changes. */
+    readonly signature: string;
+    readonly onPress: () => void;
+}
+/** Props of {@link G9OutlinedField}: the shared props plus what the composing input supplies. */
+export interface G9OutlinedFieldFrameProps extends G9OutlinedFieldProps {
+    readonly focused: boolean;
+    readonly hasValue: boolean;
+    readonly valueFloated?: boolean;
+    readonly textLength?: number;
+    /** The input element (or any content) inside the box. */
+    readonly children?: ReactNode;
+    /** A built-in trailing affordance; replaces the trailing icon props (busy still wins). */
+    readonly trailingAffordance?: G9TrailingAffordance | null;
+    /** Tapping the box (outside the icons) focuses the content (MAUI `FocusTarget`). */
+    readonly onFocusRequest?: () => void;
+    /** Resting tone (`'placeholder'` for search, MAUI `ResolveRestingOutlineColor` override). */
+    readonly restingTone?: 'outline' | 'placeholder';
+    /** Vertical placement of the icons and the resting label: centred (entries) or top/bottom (editor). */
+    readonly multiline?: boolean;
+    /** Accessibility label of the box (defaults to the label text). */
+    readonly accessibilityLabel?: string;
+}
+/**
+ * The outlined field frame (MAUI `G9OutlinedFieldBase`): outline with a notched floating label, leading and
+ * trailing icon slots, helper/error line and counter. Inputs (`G9TextEntry`, `G9Editor`, `G9SearchEntry`, the pickers)
+ * put their element in `children`. Direction is set on the root from the culture (labels, icons, helper follow it;
+ * the input decides its own text direction). A tap on an icon never focuses the content; a tap elsewhere on the box
+ * calls `onFocusRequest`.
+ *
+ * Look: colours come from the theme variables (`--g9-primary`, `--g9-outline`, `--g9-error`, …). The floated label
+ * sits on the outline with the background `--g9-field-notch-background` (default `--g9-background`; set it on a
+ * container of another colour with `g9FieldNotchStyle`, G9 sheets and popups do), which hides the
+ * outline under it.
+ */
+export declare function G9OutlinedField(props: G9OutlinedFieldFrameProps): ReactNode;
+//# sourceMappingURL=outlined-field.d.ts.map

package/dist/fields/outlined-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlined-field.d.ts","sourceRoot":"","sources":["../../src/fields/outlined-field.tsx"],"names":[],"mappings":"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"}

package/dist/fields/outlined-field.jsx

@@ -0,0 +1,199 @@
+import "./fields.css";
+import { G9FilledValueHighlight, G9Metrics } from "@g9tm/lynxcontrols-foundation";
+import { g9IdProps, g9RowStyle } from "../base/control.jsx";
+import { g9KeyboardTargetProps } from "../host/keyboard.jsx";
+import { G9IconSlot, hasIconSlot } from "../icon/slot.jsx";
+import { useG9Direction, useG9Settings } from "../provider/hooks.jsx";
+import { resolveFieldSlotLayout } from "./slot-layout.jsx";
+const v = (token)=>`var(--g9-${token})`;
+function resolveOutlinedFieldState(props, input) {
+    var _props_filledValueHighlight, _props_statusColor, _props_errorText, _props_helperText, _props_maxLength, _ref, _props_label;
+    const hasError = true === props.hasError;
+    const useStatus = true === props.useStatusColor;
+    const filled = input.hasValue || true === input.valueFloated;
+    const highlight = null != (_props_filledValueHighlight = props.filledValueHighlight) ? _props_filledValueHighlight : G9FilledValueHighlight.Inherit;
+    const accentFilled = highlight === G9FilledValueHighlight.Accent ? true : highlight === G9FilledValueHighlight.Neutral ? false : input.highlightFilledValue;
+    const placeholderTone = 'placeholder' === input.restingTone;
+    const restingOutline = placeholderTone ? v('input-placeholder') : v('outline');
+    const restingContentColor = placeholderTone ? v('input-placeholder') : v('text-tertiary');
+    let stateColor;
+    stateColor = hasError ? v('error') : useStatus ? null != (_props_statusColor = props.statusColor) ? _props_statusColor : v('primary') : input.focused ? v('primary') : filled && accentFilled ? v('primary') : restingOutline;
+    const floated = true === props.alwaysFloat || true === input.valueFloated || input.focused || input.hasValue;
+    const neutralFilledRest = filled && !input.focused && !hasError && !useStatus && !accentFilled;
+    const labelColor = floated && !neutralFilledRest ? stateColor : restingContentColor;
+    const helperRaw = hasError ? null != (_props_errorText = props.errorText) ? _props_errorText : '' : null != (_props_helperText = props.helperText) ? _props_helperText : '';
+    const helperText = '' === helperRaw.trim() ? '' : helperRaw;
+    const maxLength = null != (_props_maxLength = props.maxLength) ? _props_maxLength : -1;
+    const counterText = true === props.showCharacterCounter && maxLength > 0 ? `${input.textLength} / ${maxLength}` : '';
+    const emphasis = input.focused || hasError || useStatus;
+    const halo = true === props.showFocusHalo && input.focused && !hasError && !useStatus;
+    const labelRaw = null != (_ref = null != (_props_label = props.label) ? _props_label : props.placeholder) ? _ref : '';
+    return {
+        floated,
+        stateColor,
+        labelColor,
+        restingContentColor,
+        labelText: '' === labelRaw.trim() ? '' : labelRaw,
+        helperText,
+        helperColor: hasError ? v('error') : v('text-tertiary'),
+        counterText,
+        footerVisible: '' !== helperText || '' !== counterText,
+        strokeWidth: emphasis ? G9Metrics.OutlinedFieldEmphasisStrokeThickness : G9Metrics.OutlinedFieldStrokeThickness,
+        haloWidth: halo ? G9Metrics.OutlinedFieldFocusHaloThickness : 0,
+        fieldHeight: props.fieldHeight && props.fieldHeight > 0 ? props.fieldHeight : G9Metrics.ControlHeight
+    };
+}
+function useOutlinedField(props, input) {
+    const settings = useG9Settings();
+    return resolveOutlinedFieldState(props, {
+        ...input,
+        highlightFilledValue: settings.fields.highlightFilledValue
+    });
+}
+function physicalSide(column) {
+    return 0 === column ? 'left' : 'right';
+}
+function G9OutlinedField(props) {
+    var _props_valueFloated, _props_textLength, _props_restingTone, _props_leadingEmoji, _props_leadingImagePath, _props_leadingImage, _props_trailingEmoji, _props_trailingImagePath, _props_trailingImage, _props_trailingAffordance, _props_innerContentPadding, _pad_left, _pad_top, _pad_right, _pad_bottom, _affordance_color;
+    const direction = useG9Direction();
+    const isRtl = 'rtl' === direction;
+    const state = useOutlinedField(props, {
+        focused: props.focused,
+        hasValue: props.hasValue,
+        valueFloated: null != (_props_valueFloated = props.valueFloated) ? _props_valueFloated : false,
+        textLength: null != (_props_textLength = props.textLength) ? _props_textLength : 0,
+        restingTone: null != (_props_restingTone = props.restingTone) ? _props_restingTone : 'outline'
+    });
+    const leading = {
+        emoji: null != (_props_leadingEmoji = props.leadingEmoji) ? _props_leadingEmoji : null,
+        icon: props.leadingIcon,
+        imagePath: null != (_props_leadingImagePath = props.leadingImagePath) ? _props_leadingImagePath : null,
+        image: null != (_props_leadingImage = props.leadingImage) ? _props_leadingImage : null
+    };
+    const trailing = {
+        emoji: null != (_props_trailingEmoji = props.trailingEmoji) ? _props_trailingEmoji : null,
+        icon: props.trailingIcon,
+        imagePath: null != (_props_trailingImagePath = props.trailingImagePath) ? _props_trailingImagePath : null,
+        image: null != (_props_trailingImage = props.trailingImage) ? _props_trailingImage : null
+    };
+    const busy = true === props.isTrailingBusy;
+    const affordance = null != (_props_trailingAffordance = props.trailingAffordance) ? _props_trailingAffordance : null;
+    const hasLeading = hasIconSlot(leading);
+    const hasTrailing = busy || null !== affordance || hasIconSlot(trailing);
+    const pad = null != (_props_innerContentPadding = props.innerContentPadding) ? _props_innerContentPadding : {};
+    const slot = resolveFieldSlotLayout({
+        hasLeadingIcon: hasLeading,
+        hasTrailingIcon: hasTrailing,
+        isRtl,
+        forceTrailingIconRight: true === props.forceTrailingIconRight,
+        forceLeadingIconLeft: true === props.forceLeadingIconLeft
+    }, {
+        left: null != (_pad_left = pad.left) ? _pad_left : 0,
+        top: null != (_pad_top = pad.top) ? _pad_top : 0,
+        right: null != (_pad_right = pad.right) ? _pad_right : 0,
+        bottom: null != (_pad_bottom = pad.bottom) ? _pad_bottom : 0
+    });
+    const disabled = true === props.disabled;
+    const leadingActionable = void 0 !== props.onLeadingPress;
+    const trailingActionable = null !== affordance || void 0 !== props.onTrailingPress;
+    const onLeadingTap = ()=>{
+        var _props_onLeadingPress;
+        if (disabled || !leadingActionable) return;
+        null == (_props_onLeadingPress = props.onLeadingPress) || _props_onLeadingPress.call(props);
+    };
+    const onTrailingTap = ()=>{
+        var _props_onTrailingPress;
+        if (disabled || busy || !trailingActionable) return;
+        if (affordance) affordance.onPress();
+        else null == (_props_onTrailingPress = props.onTrailingPress) || _props_onTrailingPress.call(props);
+    };
+    const onBoxTap = ()=>{
+        var _props_onFocusRequest;
+        if (!disabled) null == (_props_onFocusRequest = props.onFocusRequest) || _props_onFocusRequest.call(props);
+    };
+    const multiline = true === props.multiline;
+    const labelHeight = G9Metrics.FloatingLabelHeight;
+    const restTop = multiline ? (G9Metrics.ControlHeight - labelHeight) / 2 : (state.fieldHeight - labelHeight) / 2;
+    const labelX = slot.labelRestX + (state.floated ? slot.labelFloatedX : 0);
+    const labelAnchor = isRtl ? 'right' : 'left';
+    const iconSize = G9Metrics.InputIconSize;
+    const slotStyle = (column, width, bottomAligned)=>({
+            [physicalSide(column)]: '0px',
+            width: `${width}px`,
+            ...bottomAligned ? {
+                bottom: '0px',
+                height: `${G9Metrics.EditorTrailingSlotHeight}px`
+            } : {
+                top: '0px',
+                bottom: '0px'
+            }
+        });
+    const trailingContent = busy ? <view className="g9-field__busy" style={{
+        borderColor: state.stateColor,
+        borderTopColor: 'transparent'
+    }}/> : affordance ? <G9IconSlot icon={affordance.icon} color={null != (_affordance_color = affordance.color) ? _affordance_color : state.stateColor} size={iconSize}/> : <G9IconSlot {...trailing} color={state.stateColor} size={iconSize}/>;
+    return <view className={`g9-field g9-dir-${direction}${disabled ? ' g9-field--disabled' : ''}${props.className ? ` ${props.className}` : ''}`} {...g9IdProps(props.id)}>
+      <view {...g9KeyboardTargetProps} className={`g9-field__box${state.floated ? ' g9-field__box--floated' : ''}${props.focused ? ' g9-field__box--focused' : ''}`} accessibility-element={false} style={{
+        height: multiline ? void 0 : `${state.fieldHeight}px`,
+        minHeight: multiline ? `${state.fieldHeight}px` : void 0,
+        marginTop: props.reserveFloatingLabelClearance ? `${G9Metrics.FloatingLabelClearance}px` : '0px'
+    }} bindtap={onBoxTap}>
+        {}
+        <view className="g9-field__outline" style={{
+        borderColor: state.stateColor,
+        borderWidth: `${state.strokeWidth}px`,
+        borderRadius: `${G9Metrics.RadiusMd}px`
+    }}/>
+        {state.haloWidth > 0 ? <view className="g9-field__halo" style={{
+        borderColor: state.stateColor,
+        borderWidth: `${state.haloWidth}px`,
+        opacity: G9Metrics.FocusRingOpacity,
+        borderRadius: `${G9Metrics.RadiusMd}px`
+    }}/> : null}
+        <view className="g9-field__content" style={{
+        paddingLeft: `${slot.innerPadding.left + (hasLeading && 0 === slot.leadingColumn ? G9Metrics.LeadingIconSlotWidth : 0) + (hasTrailing && 0 === slot.trailingColumn ? G9Metrics.TrailingIconSlotWidth : 0)}px`,
+        paddingRight: `${slot.innerPadding.right + (hasLeading && 2 === slot.leadingColumn ? G9Metrics.LeadingIconSlotWidth : 0) + (hasTrailing && 2 === slot.trailingColumn ? G9Metrics.TrailingIconSlotWidth : 0)}px`,
+        paddingTop: `${slot.innerPadding.top}px`,
+        paddingBottom: `${slot.innerPadding.bottom}px`
+    }}>
+          {props.children}
+        </view>
+        {hasLeading ? <view className="g9-field__slot g9-field__slot--leading" style={slotStyle(slot.leadingColumn, G9Metrics.LeadingIconSlotWidth, false)} catchtap={onLeadingTap} {...leadingActionable ? {
+        'accessibility-element': true,
+        'accessibility-traits': 'button'
+    } : {}}>
+            <G9IconSlot {...leading} color={state.restingContentColor} size={iconSize}/>
+          </view> : null}
+        {hasTrailing ? <view key={busy ? 'busy' : affordance ? affordance.signature : 'icon'} className="g9-field__slot g9-field__slot--trailing" style={slotStyle(slot.trailingColumn, G9Metrics.TrailingIconSlotWidth, multiline && !busy)} catchtap={onTrailingTap} {...trailingActionable ? {
+        'accessibility-element': true,
+        'accessibility-traits': 'button',
+        ...(null == affordance ? void 0 : affordance.label) ? {
+            'accessibility-label': affordance.label
+        } : {}
+    } : {}}>
+            {trailingContent}
+          </view> : null}
+        {state.labelText ? <text className={`g9-field__label${state.floated ? ' g9-field__label--floated' : ''}`} style={{
+        [labelAnchor]: `${G9Metrics.InputHorizontalPadding}px`,
+        top: `${state.floated ? G9Metrics.FloatingLabelFloatedY : restTop}px`,
+        fontSize: `${state.floated ? G9Metrics.FloatingLabelFontSizeFloat : G9Metrics.FloatingLabelFontSizeRest}px`,
+        color: disabled ? 'var(--g9-text-disabled)' : state.labelColor,
+        transform: `translateX(${labelX}px)`
+    }}>
+            {state.labelText}
+          </text> : null}
+      </view>
+      {state.footerVisible ? <view className="g9-field__footer" style={g9RowStyle(direction)}>
+          {state.helperText ? <text className="g9-field__helper" style={{
+        color: state.helperColor,
+        textAlign: isRtl ? 'right' : 'left'
+    }}>
+              {state.helperText}
+            </text> : <view className="g9-field__helper"/>}
+          {state.counterText ? <text className="g9-field__counter">{state.counterText}</text> : null}
+        </view> : null}
+    </view>;
+}
+export { G9OutlinedField, resolveOutlinedFieldState, useOutlinedField };
+
+//# sourceMappingURL=outlined-field.jsx.map