@public-ui/components 2.2.11-rc.1 → 2.2.11-rc.2

package/dist/types/schema/components/single-select.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideError, PropHideLabel, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropOptions, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideError, PropHideLabel, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropOptions, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched, PropRows } from '../props';
 import type { InputTypeOnDefault, KoliBriHIcons, Option, StencilUnknown, Stringified } from '../types';
 type RequiredProps = PropLabelWithExpertSlot & PropOptions;
 type OptionalProps = {
@@ -10,7 +10,7 @@ type OptionalProps = {
     tabIndex: number;
     value: StencilUnknown;
     hideClearButton: boolean;
-} & PropAccessKey & PropDisabled & PropHideError & PropHideLabel & PropHorizontalIcons & PropName & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideError & PropHideLabel & PropHorizontalIcons & PropName & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched & PropRows;
 type RequiredStates = {
     options: Option<StencilUnknown>[];
 } & PropId & PropHideError & PropLabelWithExpertSlot;
@@ -22,7 +22,7 @@ type OptionalStates = {
     tabIndex: number;
     placeholder: string;
     hideClearButton: boolean;
-} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropId & PropName & PropRequired & PropMsg & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropId & PropName & PropRequired & PropMsg & PropShortKey & PropTouched & PropRows;
 export type SingleSelectProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type SingleSelectStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type SingleSelectWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

package/doc/single-select.md

@@ -51,6 +51,7 @@ Beispiel für die Konstruktion des JSON-Objektes:
 | `_options` _(required)_ | `_options`           | Options the user can choose from.                                                                                                                                                     | `Option<StencilUnknown>[]` \| `string`                                                                                                                                                                                                                                                                                                                                                        | `undefined` |
 | `_placeholder`          | `_placeholder`       | Defines the placeholder for input field. To be shown when there's no value.                                                                                                           | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
 | `_required`             | `_required`          | Makes the input element required.                                                                                                                                                     | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_rows`                 | `_rows`              | Maximum number of visible rows in the options dropdown before scrolling.                                                                                                              | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
 | `_shortKey`             | `_short-key`         | Adds a visual short key hint to the component.                                                                                                                                        | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
 | `_tabIndex`             | `_tab-index`         | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                                      | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
 | `_tooltipAlign`         | `_tooltip-align`     | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                             | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                       | `'top'`     |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "2.2.11-rc.1",
+  "version": "2.2.11-rc.2",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {

package/vscode-custom-data.json

@@ -3454,6 +3454,10 @@
           "name": "_required",
           "description": "Makes the input element required."
         },
+        {
+          "name": "_rows",
+          "description": "Maximum number of visible rows in the options dropdown before scrolling."
+        },
         {
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."

package/dist/cjs/FormFieldMsg-fed323d7.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const clsx=require("./clsx-dd4d6dd1.js"),index=require("./index-d16e8e8d.js"),Alert=require("./Alert-cc2ab10a.js");function transformObjectProperties(e){return Object.entries(e).reduce(((e,[r,s])=>{const t=r.startsWith("_")?r.slice(1):r;return Object.assign(Object.assign({},e),{[t]:s})}),{})}const FormFieldMsgFc=({_alert:e,_msg:r,_hideError:s,_id:t})=>{const i=transformObjectProperties(r||{});return index.h(Alert.KolAlertFc,Object.assign({id:`${t}-error`,alert:e,type:"error",class:clsx.clsx({error:!0,"visually-hidden":!0===s})},i),(null==r?void 0:r._description)||void 0)},KolFormFieldMsgFc=FormFieldMsgFc;exports.KolFormFieldMsgFc=KolFormFieldMsgFc;

package/dist/kolibri/devtools-fbd1464c.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{i as t,r as e}from"./dev.utils-ad6f5327.js";import{e as o,g as s,L as r,a,f as i,d as l}from"./dev.utils-fab45cbc.js";import{y as n,t as d,z as f,A as c,B as p,p as m,C as L}from"./prop.validators-17aec743.js";import"./index-924e4118.js";import"./reuse-32931294.js";import"./index-6d801dad.js";const u=()=>{let t=l().KoliBri;return void 0===t&&(t={},Object.defineProperty(l(),"KoliBri",{value:t,writable:!1})),t};function v(t,e){try{Object.defineProperty(u(),t,{get:function(){return e}})}catch(e){r.debug(`KoliBri property ${t} is already bind.`)}}const h=(t,e)=>r.debug(`${t} ${e?"":"not "}activated`),g=()=>{if(t(),o()){e(),v("a11yColorContrast",n),v("querySelector",d),v("querySelectorAll",f),v("querySelectorColors",c),v("utils",(function(){return p})),v("parseJson",m),v("stringifyJson",L);const t=s().body,r=s().createElement("svg");if(r.setAttribute("aria-label","KoliBri-DevTools"),r.setAttribute("xmlns","http://www.w3.org/2000/svg"),r.setAttribute("role","toolbar"),r.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),r.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',s().body.appendChild(r),h("Development mode",o()),h("Experimental mode",a()),h("Color contrast analysis",i()),i()){const e=setTimeout((()=>{clearTimeout(e),setInterval((()=>{p.queryHtmlElementColors(s().createElement("div"),n(t),!1,!1)}),1e4)}),2500)}}};export{g as initialize};