@ecopages/radiant-ui 0.1.0-rc.2 → 0.1.0-rc.3
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.
- package/dist/components/ui/autocomplete/autocomplete.d.ts +6 -6
- package/dist/components/ui/autocomplete/autocomplete.script.d.ts +4 -8
- package/dist/components/ui/autocomplete/index.js +1 -1
- package/dist/components/ui/autocomplete/index.js.map +3 -3
- package/dist/components/ui/badge/badge.css +55 -0
- package/dist/components/ui/badge/badge.d.ts +19 -0
- package/dist/components/ui/badge/index.d.ts +1 -0
- package/dist/components/ui/badge/index.js +2 -0
- package/dist/components/ui/badge/index.js.map +7 -0
- package/dist/components/ui/breadcrumb/breadcrumb.d.ts +1 -1
- package/dist/components/ui/breadcrumb/breadcrumb.script.d.ts +2 -11
- package/dist/components/ui/breadcrumb/index.js +1 -1
- package/dist/components/ui/breadcrumb/index.js.map +3 -3
- package/dist/components/ui/button/button.css +4 -5
- package/dist/components/ui/button/button.d.ts +8 -3
- package/dist/components/ui/button/index.js +1 -1
- package/dist/components/ui/button/index.js.map +3 -3
- package/dist/components/ui/calendar/calendar.script.d.ts +1 -1
- package/dist/components/ui/calendar/index.js +1 -1
- package/dist/components/ui/calendar/index.js.map +2 -2
- package/dist/components/ui/carousel/carousel.d.ts +13 -27
- package/dist/components/ui/carousel/carousel.script.d.ts +12 -24
- package/dist/components/ui/carousel/index.js +1 -1
- package/dist/components/ui/carousel/index.js.map +3 -3
- package/dist/components/ui/checkbox/checkbox.d.ts +2 -2
- package/dist/components/ui/checkbox/checkbox.script.d.ts +11 -13
- package/dist/components/ui/checkbox/index.js +1 -1
- package/dist/components/ui/checkbox/index.js.map +3 -3
- package/dist/components/ui/combobox/combobox.css +1 -67
- package/dist/components/ui/combobox/combobox.d.ts +7 -7
- package/dist/components/ui/combobox/combobox.script.d.ts +1 -5
- package/dist/components/ui/combobox/index.js +1 -1
- package/dist/components/ui/combobox/index.js.map +3 -3
- package/dist/components/ui/cycle-toggle/cycle-toggle.script.d.ts +1 -0
- package/dist/components/ui/cycle-toggle/index.js +1 -1
- package/dist/components/ui/cycle-toggle/index.js.map +2 -2
- package/dist/components/ui/date-field/date-field.css +0 -67
- package/dist/components/ui/date-field/date-field.script.d.ts +1 -1
- package/dist/components/ui/date-field/index.js +1 -1
- package/dist/components/ui/date-field/index.js.map +2 -2
- package/dist/components/ui/date-range-picker/date-range-picker.css +0 -67
- package/dist/components/ui/date-range-picker/date-range-picker.script.d.ts +1 -1
- package/dist/components/ui/date-range-picker/index.js +1 -1
- package/dist/components/ui/date-range-picker/index.js.map +2 -2
- package/dist/components/ui/dialog/dialog.d.ts +10 -10
- package/dist/components/ui/dialog/dialog.script.d.ts +2 -8
- package/dist/components/ui/dialog/index.js +1 -1
- package/dist/components/ui/dialog/index.js.map +3 -3
- package/dist/components/ui/disclosure/disclosure-group.script.d.ts +1 -3
- package/dist/components/ui/disclosure/disclosure.d.ts +3 -3
- package/dist/components/ui/disclosure/disclosure.script.d.ts +2 -5
- package/dist/components/ui/disclosure/index.js +1 -1
- package/dist/components/ui/disclosure/index.js.map +3 -3
- package/dist/components/ui/field/field.script.d.ts +3 -6
- package/dist/components/ui/field/index.js +1 -1
- package/dist/components/ui/field/index.js.map +3 -3
- package/dist/components/ui/form/control-protocol.d.ts +2 -0
- package/dist/components/ui/form/form.script.d.ts +2 -2
- package/dist/components/ui/form/index.js +1 -1
- package/dist/components/ui/form/index.js.map +3 -3
- package/dist/components/ui/grid/grid.d.ts +2 -2
- package/dist/components/ui/grid/grid.script.d.ts +1 -6
- package/dist/components/ui/grid/index.js +1 -1
- package/dist/components/ui/grid/index.js.map +3 -3
- package/dist/components/ui/heading/heading.css +0 -1
- package/dist/components/ui/headline/headline.css +1 -1
- package/dist/components/ui/hover-card/hover-card.css +121 -0
- package/dist/components/ui/hover-card/hover-card.d.ts +10 -0
- package/dist/components/ui/hover-card/hover-card.script.d.ts +86 -0
- package/dist/components/ui/hover-card/index.d.ts +3 -0
- package/dist/components/ui/hover-card/index.js +2 -0
- package/dist/components/ui/hover-card/index.js.map +7 -0
- package/dist/components/ui/input/index.js +1 -1
- package/dist/components/ui/input/index.js.map +2 -2
- package/dist/components/ui/input-group/index.d.ts +1 -0
- package/dist/components/ui/input-group/index.js +2 -0
- package/dist/components/ui/input-group/index.js.map +7 -0
- package/dist/components/ui/input-group/input-group.css +161 -0
- package/dist/components/ui/input-group/input-group.d.ts +31 -0
- package/dist/components/ui/knob/index.d.ts +2 -0
- package/dist/components/ui/knob/index.js +2 -0
- package/dist/components/ui/knob/index.js.map +7 -0
- package/dist/components/ui/knob/knob-geometry.d.ts +21 -0
- package/dist/components/ui/knob/knob.css +139 -0
- package/dist/components/ui/knob/knob.d.ts +16 -0
- package/dist/components/ui/knob/knob.script.d.ts +104 -0
- package/dist/components/ui/label/index.js +1 -1
- package/dist/components/ui/label/index.js.map +2 -2
- package/dist/components/ui/listbox/index.js +1 -1
- package/dist/components/ui/listbox/index.js.map +3 -3
- package/dist/components/ui/listbox/listbox.d.ts +1 -1
- package/dist/components/ui/listbox/listbox.script.d.ts +4 -14
- package/dist/components/ui/menu-button/index.js +1 -1
- package/dist/components/ui/menu-button/index.js.map +4 -4
- package/dist/components/ui/menu-button/menu-button.css +1 -118
- package/dist/components/ui/menu-button/menu-button.script.d.ts +5 -1
- package/dist/components/ui/menubar/index.js +1 -1
- package/dist/components/ui/menubar/index.js.map +3 -3
- package/dist/components/ui/menubar/menubar.css +10 -40
- package/dist/components/ui/menubar/menubar.d.ts +2 -2
- package/dist/components/ui/menubar/menubar.script.d.ts +1 -4
- package/dist/components/ui/navigation-menu/index.d.ts +1 -1
- package/dist/components/ui/navigation-menu/index.js +1 -1
- package/dist/components/ui/navigation-menu/index.js.map +3 -3
- package/dist/components/ui/navigation-menu/navigation-menu.d.ts +13 -7
- package/dist/components/ui/navigation-menu/navigation-menu.script.d.ts +1 -5
- package/dist/components/ui/number-field/index.js +1 -1
- package/dist/components/ui/number-field/index.js.map +3 -3
- package/dist/components/ui/number-field/number-field.d.ts +9 -10
- package/dist/components/ui/number-field/number-field.script.d.ts +1 -13
- package/dist/components/ui/pagination/index.d.ts +2 -0
- package/dist/components/ui/pagination/index.js +2 -0
- package/dist/components/ui/pagination/index.js.map +7 -0
- package/dist/components/ui/pagination/pagination.css +76 -0
- package/dist/components/ui/pagination/pagination.d.ts +26 -0
- package/dist/components/ui/pagination/pagination.script.d.ts +57 -0
- package/dist/components/ui/popover/index.js +1 -1
- package/dist/components/ui/popover/index.js.map +3 -3
- package/dist/components/ui/popover/popover.css +0 -122
- package/dist/components/ui/popover/popover.d.ts +3 -3
- package/dist/components/ui/popover/popover.script.d.ts +4 -9
- package/dist/components/ui/radio-group/index.js +1 -1
- package/dist/components/ui/radio-group/index.js.map +2 -2
- package/dist/components/ui/radio-group/radio-group.script.d.ts +1 -1
- package/dist/components/ui/select/index.js +1 -1
- package/dist/components/ui/select/index.js.map +3 -3
- package/dist/components/ui/select/select.css +0 -69
- package/dist/components/ui/select/select.d.ts +9 -9
- package/dist/components/ui/select/select.script.d.ts +1 -4
- package/dist/components/ui/shared/control-toggle.css +0 -9
- package/dist/components/ui/shared/numeric-range.d.ts +17 -0
- package/dist/components/ui/shared/popover.css +0 -4
- package/dist/components/ui/shared/preview-timing.d.ts +11 -0
- package/dist/components/ui/sidebar/index.js +1 -1
- package/dist/components/ui/sidebar/index.js.map +3 -3
- package/dist/components/ui/sidebar/sidebar-trigger.script.d.ts +15 -8
- package/dist/components/ui/sidebar/sidebar.css +36 -0
- package/dist/components/ui/sidebar/sidebar.d.ts +2 -2
- package/dist/components/ui/sidebar/sidebar.script.d.ts +11 -26
- package/dist/components/ui/slider/index.d.ts +2 -2
- package/dist/components/ui/slider/index.js +1 -1
- package/dist/components/ui/slider/index.js.map +4 -4
- package/dist/components/ui/slider/slider.css +118 -120
- package/dist/components/ui/slider/slider.d.ts +15 -2
- package/dist/components/ui/slider/slider.script.d.ts +85 -59
- package/dist/components/ui/spinner/index.d.ts +1 -0
- package/dist/components/ui/spinner/index.js +2 -0
- package/dist/components/ui/spinner/index.js.map +7 -0
- package/dist/components/ui/spinner/spinner.css +46 -0
- package/dist/components/ui/spinner/spinner.d.ts +19 -0
- package/dist/components/ui/switch/index.js +1 -1
- package/dist/components/ui/switch/index.js.map +3 -3
- package/dist/components/ui/switch/switch.d.ts +1 -9
- package/dist/components/ui/switch/switch.script.d.ts +4 -10
- package/dist/components/ui/table/index.d.ts +2 -0
- package/dist/components/ui/table/index.js +2 -0
- package/dist/components/ui/table/index.js.map +7 -0
- package/dist/components/ui/table/table.css +250 -0
- package/dist/components/ui/table/table.d.ts +52 -0
- package/dist/components/ui/table/table.script.d.ts +91 -0
- package/dist/components/ui/tabs/index.js +1 -1
- package/dist/components/ui/tabs/index.js.map +3 -3
- package/dist/components/ui/tabs/tabs.script.d.ts +1 -0
- package/dist/components/ui/tag-group/index.js +1 -1
- package/dist/components/ui/tag-group/index.js.map +3 -3
- package/dist/components/ui/tag-group/tag-group.d.ts +3 -0
- package/dist/components/ui/tag-group/tag-group.script.d.ts +7 -3
- package/dist/components/ui/textarea/index.js +1 -1
- package/dist/components/ui/textarea/index.js.map +2 -2
- package/dist/components/ui/toc/index.js +1 -1
- package/dist/components/ui/toc/index.js.map +2 -2
- package/dist/components/ui/toc/toc.script.d.ts +1 -0
- package/dist/components/ui/toolbar/index.js +1 -1
- package/dist/components/ui/toolbar/index.js.map +3 -3
- package/dist/components/ui/toolbar/toolbar.d.ts +1 -1
- package/dist/components/ui/toolbar/toolbar.script.d.ts +1 -4
- package/dist/components/ui/tooltip/index.js +1 -1
- package/dist/components/ui/tooltip/index.js.map +3 -3
- package/dist/components/ui/tooltip/tooltip.css +0 -6
- package/dist/components/ui/tooltip/tooltip.d.ts +1 -1
- package/dist/components/ui/tree/index.js +1 -1
- package/dist/components/ui/tree/index.js.map +3 -3
- package/dist/components/ui/tree/tree.d.ts +2 -2
- package/dist/components/ui/tree/tree.script.d.ts +1 -6
- package/dist/components/ui/treegrid/index.js +1 -1
- package/dist/components/ui/treegrid/index.js.map +3 -3
- package/dist/components/ui/treegrid/treegrid.d.ts +3 -3
- package/dist/components/ui/treegrid/treegrid.script.d.ts +1 -6
- package/dist/components/ui/window-splitter/index.js +1 -1
- package/dist/components/ui/window-splitter/index.js.map +4 -4
- package/dist/components/ui/window-splitter/window-splitter.d.ts +1 -1
- package/dist/components/ui/window-splitter/window-splitter.script.d.ts +2 -11
- package/dist/index.d.ts +7 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/lib/icons/chevron-left.d.ts +3 -0
- package/dist/lib/icons/chevron-right.d.ts +3 -0
- package/dist/lib/icons/index.d.ts +2 -0
- package/dist/styles/primitives.css +160 -0
- package/dist/styles/radiant-ui-core.css +82 -9
- package/dist/styles/radiant-ui.css +84 -9
- package/dist/styles/style-dependencies.json +393 -0
- package/dist/styles/styles.css +674 -542
- package/dist/styles/tailwind.css +174 -14
- package/dist/styles/tokens/typography/default.css +2 -0
- package/package.json +79 -11
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import type { JsxCustomElementAttributes, JsxElementProps } from '@ecopages/jsx';
|
|
1
|
+
import type { JsxCustomElementAttributes, JsxElementProps, JsxRenderable } from '@ecopages/jsx';
|
|
2
2
|
import type { RuiAutocomplete as RuiAutocompleteElement, RuiAutocompleteProps } from './autocomplete.script';
|
|
3
3
|
import './autocomplete.script';
|
|
4
4
|
export type RuiAutocompleteInputProps = JsxElementProps<HTMLInputElement> & {
|
|
5
5
|
placeholder?: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
};
|
|
8
|
-
/** Search field
|
|
8
|
+
/** Search field paired with `RuiAutocomplete` via `data-autocomplete-input`.
|
|
9
9
|
*
|
|
10
10
|
* @cssclass rui-autocomplete__input - Bordered search input.
|
|
11
11
|
*/
|
|
12
|
-
export declare function RuiAutocompleteInput({ placeholder,
|
|
12
|
+
export declare function RuiAutocompleteInput({ placeholder, class: className, disabled, ...props }: RuiAutocompleteInputProps): JsxRenderable;
|
|
13
13
|
export type RuiAutocompleteCollectionProps = JsxElementProps<HTMLDivElement>;
|
|
14
14
|
/** Wrapper around the filterable collection inside `RuiAutocomplete`.
|
|
15
15
|
*
|
|
16
16
|
* @cssclass rui-autocomplete__collection - Scrollable filterable region.
|
|
17
17
|
*/
|
|
18
|
-
export declare function RuiAutocompleteCollection({ children, class: className, ...props }: RuiAutocompleteCollectionProps):
|
|
18
|
+
export declare function RuiAutocompleteCollection({ children, class: className, ...props }: RuiAutocompleteCollectionProps): JsxRenderable;
|
|
19
19
|
export type RuiAutocompleteEmptyProps = JsxElementProps<HTMLDivElement>;
|
|
20
20
|
/** Shown when filtering yields no visible items.
|
|
21
21
|
*
|
|
22
22
|
* @cssclass rui-autocomplete__empty - No-results state.
|
|
23
23
|
*/
|
|
24
|
-
export declare function RuiAutocompleteEmpty({ children, class: className, ...props }: RuiAutocompleteEmptyProps):
|
|
25
|
-
export declare function RuiAutocomplete({ children, ...props }: JsxCustomElementAttributes<RuiAutocompleteElement, RuiAutocompleteProps>):
|
|
24
|
+
export declare function RuiAutocompleteEmpty({ children, class: className, ...props }: RuiAutocompleteEmptyProps): JsxRenderable;
|
|
25
|
+
export declare function RuiAutocomplete({ children, ...props }: JsxCustomElementAttributes<RuiAutocompleteElement, RuiAutocompleteProps>): JsxRenderable;
|
|
@@ -3,11 +3,11 @@ import { type TextFilterSensitivity } from '@/lib/text-filter';
|
|
|
3
3
|
export type RuiAutocompleteProps = {
|
|
4
4
|
/** Filter sensitivity. Default: `base` (case-insensitive contains). */
|
|
5
5
|
sensitivity?: TextFilterSensitivity;
|
|
6
|
-
/** Controlled filter query. When unset, reads from the
|
|
6
|
+
/** Controlled filter query. When unset, reads from the composed input. */
|
|
7
7
|
inputValue?: string;
|
|
8
8
|
};
|
|
9
9
|
/**
|
|
10
|
-
* `<rui-autocomplete>` — filters a
|
|
10
|
+
* `<rui-autocomplete>` — filters a composed collection from a text input.
|
|
11
11
|
*
|
|
12
12
|
* Wrap a search field (`data-autocomplete-input`) and a collection
|
|
13
13
|
* (`data-autocomplete-collection` or default slot) containing `[role="option"]`,
|
|
@@ -21,10 +21,7 @@ export type RuiAutocompleteProps = {
|
|
|
21
21
|
* @element rui-autocomplete
|
|
22
22
|
*
|
|
23
23
|
* @attr {string} sensitivity - Filter sensitivity: `base` (case-insensitive contains), `case`, or `accent`. Default: `base`.
|
|
24
|
-
* @attr {string} input-value - Controlled filter query; when unset, reads from the
|
|
25
|
-
*
|
|
26
|
-
* @slot input - Search field (`RuiAutocompleteInput`).
|
|
27
|
-
* @slot - Filterable collection of `[role="option"]`, `[role="menuitem"]`, or `[data-tag]` items.
|
|
24
|
+
* @attr {string} input-value - Controlled filter query; when unset, reads from the composed input. Default: `''`.
|
|
28
25
|
*
|
|
29
26
|
* @cssclass rui-autocomplete - Filter host.
|
|
30
27
|
*/
|
|
@@ -43,9 +40,8 @@ export declare class RuiAutocomplete extends RadiantElement {
|
|
|
43
40
|
private getQuery;
|
|
44
41
|
private applyFilter;
|
|
45
42
|
private initialize;
|
|
46
|
-
|
|
43
|
+
protected onConnected(): void;
|
|
47
44
|
disconnectedCallback(): void;
|
|
48
45
|
onPropsUpdated(): void;
|
|
49
46
|
onInput(): void;
|
|
50
|
-
render(): import("@ecopages/jsx").JsxRenderable;
|
|
51
47
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{RadiantElement as ft,customElement as xt,onEvent as It,onUpdated as Et,prop as mt}from"@ecopages/radiant";function ot(e,t,o="base"){if(!t)return!0;if(o==="case")return e.includes(t);let a=new Intl.Collator(void 0,{sensitivity:o==="accent"?"accent":"base",usage:"search"});for(let h=0;h<=e.length-t.length;h+=1){let I=e.slice(h,h+t.length);if(a.compare(I,t)===0)return!0}return!1}var rt,ut,lt,at,ct,st;function yt(e,t,o,a,h,I){var y,u,O,U,C,k,A,J=Symbol.metadata||Symbol.for("Symbol.metadata"),M=Object.defineProperty,q=Object.create,W=[q(null),q(null)],X=t.length;function R(n,m,p){return function(i,r){m&&(r=i,i=e);for(var d=0;d<n.length;d++)r=n[d].apply(i,p?[r]:[]);return p?r:i}}function b(n,m,p,i){if(typeof n!="function"&&(i||n!==void 0))throw new TypeError(m+" must "+(p||"be")+" a function"+(i?"":" or undefined"));return n}function Y(n,m,p,i,r,d,E,f,v,g,$){function L(c){if(!$(c))throw new TypeError("Attempted to access private element on non-instance")}var Q=[].concat(m[0]),H=m[3],B=!E,S=r===1,P=r===3,N=r===4,V=r===2;function T(c,_,nt){return function(z,it){return _&&(it=z,z=n),nt&&nt(z),l[c].call(z,it)}}if(!B){var l={},K=[],x=P?"get":N||S?"set":"value";if(v?(g||S?l={get:pt(function(){return H(this)},i,"get"),set:function(c){m[4](this,c)}}:l[x]=H,g||pt(l[x],i,V?"":x)):g||(l=Object.getOwnPropertyDescriptor(n,i)),!g&&!v){if((u=W[+f][i])&&(u^r)!==7)throw Error("Decorating two elements with the same name ("+l[x].name+") is not supported yet");W[+f][i]=r<3?1:r}}for(var s=n,D=Q.length-1;D>=0;D-=p?2:1){var tt=b(Q[D],"A decorator","be",!0),et=p?Q[D-1]:void 0,G={},j={kind:["field","accessor","method","getter","setter","class"][r],name:i,metadata:y,addInitializer:function(c,_){if(c.v)throw new TypeError("attempted to call addInitializer after decoration was finished");b(_,"An initializer","be",!0),d.push(_)}.bind(null,G)};if(B)u=tt.call(et,s,j),G.v=1,b(u,"class decorators","return")&&(s=u);else if(j.static=f,j.private=v,u=j.access={has:v?$.bind():function(c){return i in c}},N||(u.get=v?V?function(c){return L(c),l.value}:T("get",0,L):function(c){return c[i]}),V||P||(u.set=v?T("set",0,L):function(c,_){c[i]=_}),s=tt.call(et,S?{get:l.get,set:l.set}:l[x],j),G.v=1,S){if(typeof s=="object"&&s)(u=b(s.get,"accessor.get"))&&(l.get=u),(u=b(s.set,"accessor.set"))&&(l.set=u),(u=b(s.init,"accessor.init"))&&K.unshift(u);else if(s!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else b(s,(g?"field":"method")+" decorators","return")&&(g?K.unshift(s):l[x]=s)}return r<2&&E.push(R(K,f,1),R(d,f,0)),g||B||(v?S?E.splice(-1,0,T("get",f),T("set",f)):E.push(V?l[x]:b.call.bind(l[x])):M(n,i,l)),s}function Z(n){return M(n,J,{configurable:!0,enumerable:!0,value:y})}return I!==void 0&&(y=I[J]),y=q(y??null),C=[],k=function(n){n&&C.push(R(n))},A=function(n,m){for(var p=0;p<o.length;p++){var i=o[p],r=i[1],d=7&r;if((8&r)==n&&!d==m){var E=i[2],f=!!i[3],v=16&r;Y(n?e:e.prototype,i,v,f?"#"+E:vt(E),d,d<2?[]:n?U=U||[]:O=O||[],C,!!n,f,m,n&&f?function(g){return bt(g)===e}:h)}}},A(8,0),A(0,0),A(8,1),A(0,1),k(O),k(U),u=C,X||Z(e),{e:u,get c(){var n=[];return X&&[Z(e=Y(e,[t],a,e.name,5,n)),R(n,1)]}}}function vt(e){var t=gt(e,"string");return typeof t=="symbol"?t:t+""}function gt(e,t){if(typeof e!="object"||!e)return e;var o=e[Symbol.toPrimitive];if(o!==void 0){var a=o.call(e,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function pt(e,t,o){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:o?o+" "+t:t})}catch{}return e}function bt(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(e!==null?typeof e:"null"));return e}var ht,dt=class extends ft{static{({e:[lt,at,ct,st,rt],c:[ht,ut]}=yt(this,[xt("rui-autocomplete")],[[mt({type:String,defaultValue:"base"}),0,"sensitivity"],[mt({type:String,attribute:"input-value",defaultValue:""}),0,"inputValue"],[Et(["sensitivity","inputValue"]),2,"onPropsUpdated"],[It({selector:"[data-autocomplete-input]",type:"input"}),2,"onInput"]],0,void 0,ft))}sensitivity=(rt(this),lt(this));inputValue=(at(this),ct(this));externalInput=(st(this),null);onExternalInput=()=>{this.applyFilter()};getInput(){let t=this.querySelector("[data-autocomplete-input]");return t||(this.closest("rui-combobox, rui-select")?.querySelector("[data-autocomplete-input]")??null)}bindExternalInput(){this.unbindExternalInput();let t=this.getInput();!t||this.contains(t)||(this.externalInput=t,t.addEventListener("input",this.onExternalInput))}unbindExternalInput(){this.externalInput?.removeEventListener("input",this.onExternalInput),this.externalInput=null}syncFilter(){this.applyFilter()}getCollection(){return this.querySelector("[data-autocomplete-collection]")??this}getFilterableItems(){let t=this.getCollection();return t?Array.from(t.querySelectorAll('[role="option"], [data-tag], [role="menuitem"]')).filter(a=>this.contains(a)||t.contains(a)):[]}getItemText(t){return t.getAttribute("data-label")||t.textContent?.trim()||""}getQuery(){return this.inputValue?this.inputValue:this.getInput()?.value??""}applyFilter(){let t=this.getQuery(),o=this.getFilterableItems(),a=0;for(let I of o){let y=ot(this.getItemText(I),t,this.sensitivity);I.hidden=!y,y&&(a+=1)}let h=this.querySelector("[data-autocomplete-empty]");h&&h.toggleAttribute("hidden",a>0)}initialize(){this.applyFilter()}onConnected(){this.bindExternalInput(),this.initialize()}disconnectedCallback(){this.unbindExternalInput(),super.disconnectedCallback()}onPropsUpdated(){this.applyFilter()}onInput(){this.applyFilter()}static{ut()}};import{jsx as w}from"@ecopages/jsx/jsx-runtime";function F(...e){return e.filter(Boolean).join(" ")}function _t({placeholder:e,class:t,disabled:o,...a}){return w("input",{...a,type:"search","data-autocomplete-input":!0,class:F("rui-autocomplete__input",t),placeholder:e,disabled:o,autocomplete:"off"})}function wt({children:e,class:t,...o}){return w("div",{...o,"data-autocomplete-collection":!0,class:F("rui-autocomplete__collection",t),children:e})}function At({children:e,class:t,...o}){return w("div",{...o,"data-autocomplete-empty":!0,class:F("rui-autocomplete__empty",t),children:e})}function St({children:e}){return w("div",{class:"rui-autocomplete","data-ref":"root",children:e})}function jt({children:e,...t}){return w("rui-autocomplete",{...t,children:w(St,{children:e})})}export{jt as RuiAutocomplete,wt as RuiAutocompleteCollection,ht as RuiAutocompleteElement,At as RuiAutocompleteEmpty,_t as RuiAutocompleteInput};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ui/autocomplete/autocomplete.script.tsx", "../../../../src/lib/text-filter.ts", "../../../../src/components/ui/autocomplete/autocomplete.tsx", "../../../../src/lib/cx.ts"],
|
|
4
|
-
"sourcesContent": ["let _initProto, _initClass, _init_sensitivity, _init_extra_sensitivity, _init_inputValue, _init_extra_inputValue;\nfunction _applyDecs(e, t, n, r, o, i) { var a, c, u, s, f, l, p, d = Symbol.metadata || Symbol.for(\"Symbol.metadata\"), m = Object.defineProperty, h = Object.create, y = [h(null), h(null)], v = t.length; function g(t, n, r) { return function (o, i) { n && (i = o, o = e); for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []); return r ? i : o; }; } function b(e, t, n, r) { if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\")); return e; } function applyDec(e, t, n, r, o, i, u, s, f, l, p) { function d(e) { if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\"); } var h = [].concat(t[0]), v = t[3], w = !u, D = 1 === o, S = 3 === o, j = 4 === o, E = 2 === o; function I(t, n, r) { return function (o, i) { return n && (i = o, o = e), r && r(o), P[t].call(o, i); }; } if (!w) { var P = {}, k = [], F = S ? \"get\" : j || D ? \"set\" : \"value\"; if (f ? (l || D ? P = { get: _setFunctionName(function () { return v(this); }, r, \"get\"), set: function (e) { t[4](this, e); } } : P[F] = v, l || _setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) { if ((c = y[+s][r]) && 7 !== (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\"); y[+s][r] = o < 3 ? 1 : o; } } for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) { var T = b(h[O], \"A decorator\", \"be\", !0), z = n ? h[O - 1] : void 0, A = {}, H = { kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o], name: r, metadata: a, addInitializer: function (e, t) { if (e.v) throw new TypeError(\"attempted to call addInitializer after decoration was finished\"); b(t, \"An initializer\", \"be\", !0), i.push(t); }.bind(null, A) }; if (w) c = T.call(z, N, H), A.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (H.static = s, H.private = f, c = H.access = { has: f ? p.bind() : function (e) { return r in e; } }, j || (c.get = f ? E ? function (e) { return d(e), P.value; } : I(\"get\", 0, d) : function (e) { return e[r]; }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) { e[r] = t; }), N = T.call(z, D ? { get: P.get, set: P.set } : P[F], H), A.v = 1, D) { if (\"object\" == typeof N && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\"); } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N); } return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N; } function w(e) { return m(e, d, { configurable: !0, enumerable: !0, value: a }); } return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function (e) { e && f.push(g(e)); }, p = function (t, r) { for (var i = 0; i < n.length; i++) { var a = n[i], c = a[1], l = 7 & c; if ((8 & c) == t && !l == r) { var p = a[2], d = !!a[3], m = 16 & c; applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : _toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) { return _checkInRHS(t) === e; } : o); } } }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), { e: c, get c() { var n = []; return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)]; } }; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _setFunctionName(e, t, n) { \"symbol\" == typeof t && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\"); try { Object.defineProperty(e, \"name\", { configurable: !0, value: n ? n + \" \" + t : t }); } catch (e) {} return e; }\nfunction _checkInRHS(e) { if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? typeof e : \"null\")); return e; }\nimport { jsx, jsxs } from \"@ecopages/jsx/jsx-runtime\";\nimport { RadiantElement, customElement, onEvent, onUpdated, prop } from \"@ecopages/radiant\";\nimport { textContains } from \"@/lib/text-filter\";\nlet _RuiAutocomplete;\nclass RuiAutocomplete extends RadiantElement {\n static {\n ({\n e: [_init_sensitivity, _init_extra_sensitivity, _init_inputValue, _init_extra_inputValue, _initProto],\n c: [_RuiAutocomplete, _initClass]\n } = _applyDecs(this, [customElement(\"rui-autocomplete\")], [[prop({\n type: String,\n defaultValue: \"base\"\n }), 0, \"sensitivity\"], [prop({\n type: String,\n attribute: \"input-value\",\n defaultValue: \"\"\n }), 0, \"inputValue\"], [onUpdated([\"sensitivity\", \"inputValue\"]), 2, \"onPropsUpdated\"], [onEvent({\n selector: \"[data-autocomplete-input]\",\n type: \"input\"\n }), 2, \"onInput\"]], 0, void 0, RadiantElement));\n }\n sensitivity = (_initProto(this), _init_sensitivity(this));\n inputValue = (_init_extra_sensitivity(this), _init_inputValue(this));\n externalInput = (_init_extra_inputValue(this), null);\n onExternalInput = () => {\n this.applyFilter();\n };\n getInput() {\n const local = this.querySelector(\"[data-autocomplete-input]\");\n if (local) {\n return local;\n }\n const host = this.closest(\"rui-combobox, rui-select\");\n return host?.querySelector(\"[data-autocomplete-input]\") ?? null;\n }\n bindExternalInput() {\n this.unbindExternalInput();\n const input = this.getInput();\n if (!input || this.contains(input)) {\n return;\n }\n this.externalInput = input;\n input.addEventListener(\"input\", this.onExternalInput);\n }\n unbindExternalInput() {\n this.externalInput?.removeEventListener(\"input\", this.onExternalInput);\n this.externalInput = null;\n }\n syncFilter() {\n this.applyFilter();\n }\n getCollection() {\n return this.querySelector(\"[data-autocomplete-collection]\") ?? this;\n }\n getFilterableItems() {\n const collection = this.getCollection();\n if (!collection) {\n return [];\n }\n const options = Array.from(collection.querySelectorAll('[role=\"option\"], [data-tag], [role=\"menuitem\"]'));\n return options.filter(item => this.contains(item) || collection.contains(item));\n }\n getItemText(item) {\n return item.getAttribute(\"data-label\") || item.textContent?.trim() || \"\";\n }\n getQuery() {\n if (this.inputValue) {\n return this.inputValue;\n }\n return this.getInput()?.value ?? \"\";\n }\n applyFilter() {\n const query = this.getQuery();\n const items = this.getFilterableItems();\n let visibleCount = 0;\n for (const item of items) {\n const matches = textContains(this.getItemText(item), query, this.sensitivity);\n item.hidden = !matches;\n if (matches) {\n visibleCount += 1;\n }\n }\n const emptyState = this.querySelector(\"[data-autocomplete-empty]\");\n if (emptyState) {\n emptyState.hidden = visibleCount > 0;\n }\n }\n initialize() {\n this.applyFilter();\n }\n connectedCallback() {\n super.connectedCallback();\n queueMicrotask(() => {\n this.bindExternalInput();\n this.initialize();\n });\n }\n disconnectedCallback() {\n this.unbindExternalInput();\n super.disconnectedCallback();\n }\n onPropsUpdated() {\n this.applyFilter();\n }\n onInput() {\n this.applyFilter();\n }\n render() {\n return /* @__PURE__ */jsxs(\"div\", {\n class: \"rui-autocomplete\",\n \"data-ref\": \"root\",\n children: [/* @__PURE__ */jsx(\"slot\", {\n name: \"input\"\n }), /* @__PURE__ */jsx(\"slot\", {})]\n });\n }\n static {\n _initClass();\n }\n}\nexport { _RuiAutocomplete as RuiAutocomplete };", "export function textContains(text, query, sensitivity = \"base\") {\n if (!query) {\n return true;\n }\n if (sensitivity === \"case\") {\n return text.includes(query);\n }\n const collator = new Intl.Collator(void 0, {\n sensitivity: sensitivity === \"accent\" ? \"accent\" : \"base\",\n usage: \"search\"\n });\n for (let index = 0; index <= text.length - query.length; index += 1) {\n const slice = text.slice(index, index + query.length);\n if (collator.compare(slice, query) === 0) {\n return true;\n }\n }\n return false;\n}", "import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport \"./autocomplete.script\";\nexport function RuiAutocompleteInput({\n placeholder,\n slot = \"input\",\n class: className,\n disabled,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"input\", {\n ...props,\n type: \"search\",\n slot,\n \"data-autocomplete-input\": true,\n class: cx(\"rui-autocomplete__input\", className),\n placeholder,\n disabled,\n autocomplete: \"off\"\n });\n}\nexport function RuiAutocompleteCollection({\n children,\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"div\", {\n ...props,\n \"data-autocomplete-collection\": true,\n class: cx(\"rui-autocomplete__collection\", className),\n children\n });\n}\nexport function RuiAutocompleteEmpty({\n children,\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"div\", {\n ...props,\n \"data-autocomplete-empty\": true,\n class: cx(\"rui-autocomplete__empty\", className),\n hidden: true,\n children\n });\n}\nexport function RuiAutocomplete({\n children,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"rui-autocomplete\", {\n ...props,\n children\n });\n}", "export function cx(...parts) {\n return parts.filter(Boolean).join(\" \");\n}"],
|
|
5
|
-
"mappings": "AAMA,OAAS,
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["let _initProto, _initClass, _init_sensitivity, _init_extra_sensitivity, _init_inputValue, _init_extra_inputValue;\nfunction _applyDecs(e, t, n, r, o, i) { var a, c, u, s, f, l, p, d = Symbol.metadata || Symbol.for(\"Symbol.metadata\"), m = Object.defineProperty, h = Object.create, y = [h(null), h(null)], v = t.length; function g(t, n, r) { return function (o, i) { n && (i = o, o = e); for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []); return r ? i : o; }; } function b(e, t, n, r) { if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\")); return e; } function applyDec(e, t, n, r, o, i, u, s, f, l, p) { function d(e) { if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\"); } var h = [].concat(t[0]), v = t[3], w = !u, D = 1 === o, S = 3 === o, j = 4 === o, E = 2 === o; function I(t, n, r) { return function (o, i) { return n && (i = o, o = e), r && r(o), P[t].call(o, i); }; } if (!w) { var P = {}, k = [], F = S ? \"get\" : j || D ? \"set\" : \"value\"; if (f ? (l || D ? P = { get: _setFunctionName(function () { return v(this); }, r, \"get\"), set: function (e) { t[4](this, e); } } : P[F] = v, l || _setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) { if ((c = y[+s][r]) && 7 !== (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\"); y[+s][r] = o < 3 ? 1 : o; } } for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) { var T = b(h[O], \"A decorator\", \"be\", !0), z = n ? h[O - 1] : void 0, A = {}, H = { kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o], name: r, metadata: a, addInitializer: function (e, t) { if (e.v) throw new TypeError(\"attempted to call addInitializer after decoration was finished\"); b(t, \"An initializer\", \"be\", !0), i.push(t); }.bind(null, A) }; if (w) c = T.call(z, N, H), A.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (H.static = s, H.private = f, c = H.access = { has: f ? p.bind() : function (e) { return r in e; } }, j || (c.get = f ? E ? function (e) { return d(e), P.value; } : I(\"get\", 0, d) : function (e) { return e[r]; }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) { e[r] = t; }), N = T.call(z, D ? { get: P.get, set: P.set } : P[F], H), A.v = 1, D) { if (\"object\" == typeof N && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\"); } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N); } return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N; } function w(e) { return m(e, d, { configurable: !0, enumerable: !0, value: a }); } return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function (e) { e && f.push(g(e)); }, p = function (t, r) { for (var i = 0; i < n.length; i++) { var a = n[i], c = a[1], l = 7 & c; if ((8 & c) == t && !l == r) { var p = a[2], d = !!a[3], m = 16 & c; applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : _toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) { return _checkInRHS(t) === e; } : o); } } }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), { e: c, get c() { var n = []; return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)]; } }; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _setFunctionName(e, t, n) { \"symbol\" == typeof t && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\"); try { Object.defineProperty(e, \"name\", { configurable: !0, value: n ? n + \" \" + t : t }); } catch (e) {} return e; }\nfunction _checkInRHS(e) { if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? typeof e : \"null\")); return e; }\nimport { RadiantElement, customElement, onEvent, onUpdated, prop } from \"@ecopages/radiant\";\nimport { textContains } from \"@/lib/text-filter\";\nlet _RuiAutocomplete;\nclass RuiAutocomplete extends RadiantElement {\n static {\n ({\n e: [_init_sensitivity, _init_extra_sensitivity, _init_inputValue, _init_extra_inputValue, _initProto],\n c: [_RuiAutocomplete, _initClass]\n } = _applyDecs(this, [customElement(\"rui-autocomplete\")], [[prop({\n type: String,\n defaultValue: \"base\"\n }), 0, \"sensitivity\"], [prop({\n type: String,\n attribute: \"input-value\",\n defaultValue: \"\"\n }), 0, \"inputValue\"], [onUpdated([\"sensitivity\", \"inputValue\"]), 2, \"onPropsUpdated\"], [onEvent({\n selector: \"[data-autocomplete-input]\",\n type: \"input\"\n }), 2, \"onInput\"]], 0, void 0, RadiantElement));\n }\n sensitivity = (_initProto(this), _init_sensitivity(this));\n inputValue = (_init_extra_sensitivity(this), _init_inputValue(this));\n externalInput = (_init_extra_inputValue(this), null);\n onExternalInput = () => {\n this.applyFilter();\n };\n getInput() {\n const local = this.querySelector(\"[data-autocomplete-input]\");\n if (local) {\n return local;\n }\n const host = this.closest(\"rui-combobox, rui-select\");\n return host?.querySelector(\"[data-autocomplete-input]\") ?? null;\n }\n bindExternalInput() {\n this.unbindExternalInput();\n const input = this.getInput();\n if (!input || this.contains(input)) {\n return;\n }\n this.externalInput = input;\n input.addEventListener(\"input\", this.onExternalInput);\n }\n unbindExternalInput() {\n this.externalInput?.removeEventListener(\"input\", this.onExternalInput);\n this.externalInput = null;\n }\n syncFilter() {\n this.applyFilter();\n }\n getCollection() {\n return this.querySelector(\"[data-autocomplete-collection]\") ?? this;\n }\n getFilterableItems() {\n const collection = this.getCollection();\n if (!collection) {\n return [];\n }\n const options = Array.from(collection.querySelectorAll('[role=\"option\"], [data-tag], [role=\"menuitem\"]'));\n return options.filter(item => this.contains(item) || collection.contains(item));\n }\n getItemText(item) {\n return item.getAttribute(\"data-label\") || item.textContent?.trim() || \"\";\n }\n getQuery() {\n if (this.inputValue) {\n return this.inputValue;\n }\n return this.getInput()?.value ?? \"\";\n }\n applyFilter() {\n const query = this.getQuery();\n const items = this.getFilterableItems();\n let visibleCount = 0;\n for (const item of items) {\n const matches = textContains(this.getItemText(item), query, this.sensitivity);\n item.hidden = !matches;\n if (matches) {\n visibleCount += 1;\n }\n }\n const emptyState = this.querySelector(\"[data-autocomplete-empty]\");\n if (emptyState) {\n emptyState.toggleAttribute(\"hidden\", visibleCount > 0);\n }\n }\n initialize() {\n this.applyFilter();\n }\n onConnected() {\n this.bindExternalInput();\n this.initialize();\n }\n disconnectedCallback() {\n this.unbindExternalInput();\n super.disconnectedCallback();\n }\n onPropsUpdated() {\n this.applyFilter();\n }\n onInput() {\n this.applyFilter();\n }\n static {\n _initClass();\n }\n}\nexport { _RuiAutocomplete as RuiAutocomplete };", "export function textContains(text, query, sensitivity = \"base\") {\n if (!query) {\n return true;\n }\n if (sensitivity === \"case\") {\n return text.includes(query);\n }\n const collator = new Intl.Collator(void 0, {\n sensitivity: sensitivity === \"accent\" ? \"accent\" : \"base\",\n usage: \"search\"\n });\n for (let index = 0; index <= text.length - query.length; index += 1) {\n const slice = text.slice(index, index + query.length);\n if (collator.compare(slice, query) === 0) {\n return true;\n }\n }\n return false;\n}", "import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport \"./autocomplete.script\";\nexport function RuiAutocompleteInput({\n placeholder,\n class: className,\n disabled,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"input\", {\n ...props,\n type: \"search\",\n \"data-autocomplete-input\": true,\n class: cx(\"rui-autocomplete__input\", className),\n placeholder,\n disabled,\n autocomplete: \"off\"\n });\n}\nexport function RuiAutocompleteCollection({\n children,\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"div\", {\n ...props,\n \"data-autocomplete-collection\": true,\n class: cx(\"rui-autocomplete__collection\", className),\n children\n });\n}\nexport function RuiAutocompleteEmpty({\n children,\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"div\", {\n ...props,\n \"data-autocomplete-empty\": true,\n class: cx(\"rui-autocomplete__empty\", className),\n children\n });\n}\nfunction AutocompleteShell({\n children\n}) {\n return /* @__PURE__ */jsx(\"div\", {\n class: \"rui-autocomplete\",\n \"data-ref\": \"root\",\n children\n });\n}\nexport function RuiAutocomplete({\n children,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"rui-autocomplete\", {\n ...props,\n children: /* @__PURE__ */jsx(AutocompleteShell, {\n children\n })\n });\n}", "export function cx(...parts) {\n return parts.filter(Boolean).join(\" \");\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["RadiantElement", "customElement", "onEvent", "onUpdated", "prop", "textContains", "text", "query", "sensitivity", "collator", "index", "slice", "_initProto", "_initClass", "_init_sensitivity", "_init_extra_sensitivity", "_init_inputValue", "_init_extra_inputValue", "_applyDecs", "n", "r", "o", "i", "a", "c", "u", "s", "f", "l", "p", "d", "m", "h", "y", "v", "g", "t", "e", "applyDec", "w", "D", "S", "j", "E", "I", "P", "k", "F", "_setFunctionName", "N", "O", "T", "z", "A", "H", "_toPropertyKey", "_checkInRHS", "_toPrimitive", "_RuiAutocomplete", "RuiAutocomplete", "RadiantElement", "customElement", "prop", "onUpdated", "onEvent", "local", "input", "collection", "item", "query", "items", "visibleCount", "matches", "textContains", "emptyState", "jsx", "cx", "parts", "RuiAutocompleteInput", "placeholder", "className", "disabled", "props", "jsx", "cx", "RuiAutocompleteCollection", "children", "RuiAutocompleteEmpty", "AutocompleteShell", "RuiAutocomplete"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties;
|
|
3
|
+
@layer components {
|
|
4
|
+
.rui-badge {
|
|
5
|
+
display: inline-flex;
|
|
6
|
+
align-items: center;
|
|
7
|
+
gap: var(--spacing-1, var(--space-1));
|
|
8
|
+
border-radius: var(--radius-control, var(--radius-control));
|
|
9
|
+
padding-inline: var(--spacing-2, var(--space-2));
|
|
10
|
+
padding-block: calc(var(--spacing, 0.25rem) * 0.5);
|
|
11
|
+
font-size: var(--text-xs, var(--text-xs));
|
|
12
|
+
line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
|
|
13
|
+
--tw-font-weight: var(--font-weight-medium, var(--weight-medium));
|
|
14
|
+
font-weight: var(--font-weight-medium, var(--weight-medium));
|
|
15
|
+
}
|
|
16
|
+
.rui-badge--filled {
|
|
17
|
+
background-color: var(--color-primary-container, var(--primary-container));
|
|
18
|
+
color: var(--color-on-primary-container, var(--on-primary-container));
|
|
19
|
+
}
|
|
20
|
+
.rui-badge--outline {
|
|
21
|
+
border-style: var(--tw-border-style);
|
|
22
|
+
border-width: 1px;
|
|
23
|
+
border-color: var(--color-border, var(--border));
|
|
24
|
+
background-color: var(--color-background, var(--background));
|
|
25
|
+
color: var(--color-on-background, var(--on-background));
|
|
26
|
+
}
|
|
27
|
+
.rui-badge--destructive {
|
|
28
|
+
background-color: var(--color-error, var(--error));
|
|
29
|
+
color: var(--color-on-error, var(--on-error));
|
|
30
|
+
}
|
|
31
|
+
.rui-badge--ghost {
|
|
32
|
+
color: var(--color-on-surface, var(--on-surface));
|
|
33
|
+
}
|
|
34
|
+
.rui-badge--muted {
|
|
35
|
+
background-color: var(--color-surface-container, var(--surface-container));
|
|
36
|
+
color: var(--color-on-surface, var(--on-surface));
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
@property --tw-font-weight {
|
|
40
|
+
syntax: "*";
|
|
41
|
+
inherits: false;
|
|
42
|
+
}
|
|
43
|
+
@property --tw-border-style {
|
|
44
|
+
syntax: "*";
|
|
45
|
+
inherits: false;
|
|
46
|
+
initial-value: solid;
|
|
47
|
+
}
|
|
48
|
+
@layer properties {
|
|
49
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
50
|
+
*, ::before, ::after, ::backdrop {
|
|
51
|
+
--tw-font-weight: initial;
|
|
52
|
+
--tw-border-style: solid;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { JsxElementProps } from '@ecopages/jsx';
|
|
2
|
+
export type RuiBadgeVariant = 'filled' | 'outline' | 'destructive' | 'ghost' | 'muted';
|
|
3
|
+
export type RuiBadgeProps = JsxElementProps<HTMLSpanElement> & {
|
|
4
|
+
/** Visual tone. Default: `filled`. */
|
|
5
|
+
variant?: RuiBadgeVariant;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Compact status or count label.
|
|
9
|
+
*
|
|
10
|
+
* @remarks For category chips and filter entities use `RuiChip` instead.
|
|
11
|
+
*
|
|
12
|
+
* @cssclass rui-badge - Badge root.
|
|
13
|
+
* @cssclass rui-badge--filled - Primary emphasis on `primary-container`.
|
|
14
|
+
* @cssclass rui-badge--outline - Bordered badge on `background`.
|
|
15
|
+
* @cssclass rui-badge--destructive - Error emphasis.
|
|
16
|
+
* @cssclass rui-badge--ghost - Subtle text-only badge.
|
|
17
|
+
* @cssclass rui-badge--muted - Muted surface badge.
|
|
18
|
+
*/
|
|
19
|
+
export declare function RuiBadge({ children, variant, class: className, ...props }: RuiBadgeProps): import("@ecopages/jsx").JsxRenderable;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { RuiBadge, type RuiBadgeProps, type RuiBadgeVariant } from './badge';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as n}from"@ecopages/jsx/jsx-runtime";function o(...r){return r.filter(Boolean).join(" ")}function a({children:r,variant:e="filled",class:i,...t}){return n("span",{...t,class:o("rui-badge",`rui-badge--${e}`,i),children:r})}export{a as RuiBadge};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/components/ui/badge/badge.tsx", "../../../../src/lib/cx.ts"],
|
|
4
|
+
"sourcesContent": ["import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nexport function RuiBadge({\n children,\n variant = \"filled\",\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"span\", {\n ...props,\n class: cx(\"rui-badge\", `rui-badge--${variant}`, className),\n children\n });\n}", "export function cx(...parts) {\n return parts.filter(Boolean).join(\" \");\n}"],
|
|
5
|
+
"mappings": "AAAA,OAAS,OAAAA,MAAW,4BCAb,SAASC,KAAMC,EAAO,CAC3B,OAAOA,EAAM,OAAO,OAAO,EAAE,KAAK,GAAG,CACvC,CDAO,SAASC,EAAS,CACvB,SAAAC,EACA,QAAAC,EAAU,SACV,MAAOC,EACP,GAAGC,CACL,EAAG,CACD,OAAsBC,EAAI,OAAQ,CAChC,GAAGD,EACH,MAAOE,EAAG,YAAa,cAAcJ,CAAO,GAAIC,CAAS,EACzD,SAAAF,CACF,CAAC,CACH",
|
|
6
|
+
"names": ["jsx", "cx", "parts", "RuiBadge", "children", "variant", "className", "props", "jsx", "cx"]
|
|
7
|
+
}
|
|
@@ -9,7 +9,7 @@ export type RuiBreadcrumbViewProps = JsxCustomElementAttributes<RuiBreadcrumbEle
|
|
|
9
9
|
*
|
|
10
10
|
* @cssclass rui-breadcrumb - `<nav>` landmark root.
|
|
11
11
|
*/
|
|
12
|
-
export declare function RuiBreadcrumb({ children, ...props }: RuiBreadcrumbViewProps): import("@ecopages/jsx").JsxRenderable;
|
|
12
|
+
export declare function RuiBreadcrumb({ children, label, separator, ...props }: RuiBreadcrumbViewProps): import("@ecopages/jsx").JsxRenderable;
|
|
13
13
|
export type RuiBreadcrumbListProps = JsxElementProps<HTMLOListElement>;
|
|
14
14
|
/**
|
|
15
15
|
* Ordered list of breadcrumb items and separators.
|
|
@@ -9,10 +9,6 @@ export type RuiBreadcrumbProps = {
|
|
|
9
9
|
*/
|
|
10
10
|
separator?: string;
|
|
11
11
|
};
|
|
12
|
-
type RuiBreadcrumbBindings = {
|
|
13
|
-
label: string;
|
|
14
|
-
separator: string;
|
|
15
|
-
};
|
|
16
12
|
/**
|
|
17
13
|
* `<rui-breadcrumb>` — a trail of links to ancestor pages in hierarchical order.
|
|
18
14
|
*
|
|
@@ -21,20 +17,15 @@ type RuiBreadcrumbBindings = {
|
|
|
21
17
|
*
|
|
22
18
|
* Compose with the JSX helpers (`RuiBreadcrumbList`, `RuiBreadcrumbItem`,
|
|
23
19
|
* `RuiBreadcrumbLink`, `RuiBreadcrumbPage`, `RuiBreadcrumbSeparator`,
|
|
24
|
-
* `RuiBreadcrumbEllipsis`)
|
|
20
|
+
* `RuiBreadcrumbEllipsis`).
|
|
25
21
|
*
|
|
26
22
|
* @see https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/
|
|
27
23
|
*
|
|
28
24
|
* Keyboard interaction: standard link navigation (`Tab`, `Enter`).
|
|
29
25
|
*
|
|
30
26
|
* @element rui-breadcrumb
|
|
31
|
-
* @slot - Authored breadcrumb list markup.
|
|
32
27
|
*/
|
|
33
|
-
export declare class RuiBreadcrumb extends RadiantElement
|
|
28
|
+
export declare class RuiBreadcrumb extends RadiantElement {
|
|
34
29
|
label: string;
|
|
35
30
|
separator: string;
|
|
36
|
-
private readonly resolvedAriaLabel;
|
|
37
|
-
private readonly separatorStyle;
|
|
38
|
-
render(): import("@ecopages/jsx").JsxRenderable;
|
|
39
31
|
}
|
|
40
|
-
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{RadiantElement as le,customElement as ge,prop as de}from"@ecopages/radiant";var ie,ae,ue,oe,ce;function fe(e,r,n,f,Q,k){var w,u,z,V,E,A,x,U=Symbol.metadata||Symbol.for("Symbol.metadata"),W=Object.defineProperty,C=Object.create,X=[C(null),C(null)],Y=r.length;function I(t,p,l){return function(i,a){p&&(a=i,i=e);for(var m=0;m<t.length;m++)a=t[m].apply(i,l?[a]:[]);return l?a:i}}function g(t,p,l,i){if(typeof t!="function"&&(i||t!==void 0))throw new TypeError(p+" must "+(l||"be")+" a function"+(i?"":" or undefined"));return t}function Z(t,p,l,i,a,m,_,d,b,h,H){function J(c){if(!H(c))throw new TypeError("Attempted to access private element on non-instance")}var K=[].concat(p[0]),F=p[3],M=!_,j=a===1,P=a===3,N=a===4,L=a===2;function D(c,R,te){return function(O,ne){return R&&(ne=O,O=t),te&&te(O),o[c].call(O,ne)}}if(!M){var o={},q=[],y=P?"get":N||j?"set":"value";if(b?(h||j?o={get:se(function(){return F(this)},i,"get"),set:function(c){p[4](this,c)}}:o[y]=F,h||se(o[y],i,L?"":y)):h||(o=Object.getOwnPropertyDescriptor(t,i)),!h&&!b){if((u=X[+d][i])&&(u^a)!==7)throw Error("Decorating two elements with the same name ("+o[y].name+") is not supported yet");X[+d][i]=a<3?1:a}}for(var s=t,T=K.length-1;T>=0;T-=l?2:1){var ee=g(K[T],"A decorator","be",!0),re=l?K[T-1]:void 0,G={},S={kind:["field","accessor","method","getter","setter","class"][a],name:i,metadata:w,addInitializer:function(c,R){if(c.v)throw new TypeError("attempted to call addInitializer after decoration was finished");g(R,"An initializer","be",!0),m.push(R)}.bind(null,G)};if(M)u=ee.call(re,s,S),G.v=1,g(u,"class decorators","return")&&(s=u);else if(S.static=d,S.private=b,u=S.access={has:b?H.bind():function(c){return i in c}},N||(u.get=b?L?function(c){return J(c),o.value}:D("get",0,J):function(c){return c[i]}),L||P||(u.set=b?D("set",0,J):function(c,R){c[i]=R}),s=ee.call(re,j?{get:o.get,set:o.set}:o[y],S),G.v=1,j){if(typeof s=="object"&&s)(u=g(s.get,"accessor.get"))&&(o.get=u),(u=g(s.set,"accessor.set"))&&(o.set=u),(u=g(s.init,"accessor.init"))&&q.unshift(u);else if(s!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else g(s,(h?"field":"method")+" decorators","return")&&(h?q.unshift(s):o[y]=s)}return a<2&&_.push(I(q,d,1),I(m,d,0)),h||M||(b?j?_.splice(-1,0,D("get",d),D("set",d)):_.push(L?o[y]:g.call.bind(o[y])):W(t,i,o)),s}function $(t){return W(t,U,{configurable:!0,enumerable:!0,value:w})}return k!==void 0&&(w=k[U]),w=C(w??null),E=[],A=function(t){t&&E.push(I(t))},x=function(t,p){for(var l=0;l<n.length;l++){var i=n[l],a=i[1],m=7&a;if((8&a)==t&&!m==p){var _=i[2],d=!!i[3],b=16&a;Z(t?e:e.prototype,i,b,d?"#"+_:be(_),m,m<2?[]:t?V=V||[]:z=z||[],E,!!t,d,p,t&&d?function(h){return ve(h)===e}:Q)}}},x(8,0),x(0,0),x(8,1),x(0,1),A(z),A(V),u=E,Y||$(e),{e:u,get c(){var t=[];return Y&&[$(e=Z(e,[r],f,e.name,5,t)),I(t,1)]}}}function be(e){var r=he(e,"string");return typeof r=="symbol"?r:r+""}function he(e,r){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var f=n.call(e,r||"default");if(typeof f!="object")return f;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function se(e,r,n){typeof r=="symbol"&&(r=(r=r.description)?"["+r+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+" "+r:r})}catch{}return e}function ve(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(e!==null?typeof e:"null"));return e}var me,pe=class extends le{static{({e:[ae,ue,oe,ce],c:[me,ie]}=fe(this,[ge("rui-breadcrumb")],[[de({type:String,defaultValue:"Breadcrumb"}),0,"label"],[de({type:String,defaultValue:"/"}),0,"separator"]],0,void 0,le))}constructor(...r){super(...r),ce(this)}label=ae(this);separator=(ue(this),oe(this));static{ie()}};import{jsx as v,jsxs as ye}from"@ecopages/jsx/jsx-runtime";function B(...e){return e.filter(Boolean).join(" ")}function _e({children:e,label:r,separator:n,...f}){return v("rui-breadcrumb",{...f,label:r,separator:n,children:v("nav",{class:"rui-breadcrumb","aria-label":r||"Breadcrumb",style:{"--rui-breadcrumb-separator":JSON.stringify(n||"/")},children:e})})}function Be({children:e,class:r,...n}){return v("ol",{...n,class:B("rui-breadcrumb__list",r),children:e})}function we({children:e,class:r,...n}){return v("li",{...n,class:B("rui-breadcrumb__item",r),children:e})}function Re({children:e,href:r,class:n,...f}){return v("a",{...f,class:B("rui-breadcrumb__link",n),href:r,children:e})}function xe({children:e,class:r,...n}){return v("span",{...n,class:B("rui-breadcrumb__page",r),"aria-current":"page",children:e})}function je({children:e,class:r,...n}){return v("li",{...n,class:B("rui-breadcrumb__separator",r),role:"presentation","aria-hidden":"true",children:e})}function Se({label:e="More",class:r,...n}){return ye("span",{...n,class:B("rui-breadcrumb__ellipsis",r),role:"presentation","aria-hidden":"true",children:[v("span",{"aria-hidden":"true",children:"\u2026"}),v("span",{class:"rui-breadcrumb__ellipsis-label",children:e})]})}export{_e as RuiBreadcrumb,me as RuiBreadcrumbElement,Se as RuiBreadcrumbEllipsis,we as RuiBreadcrumbItem,Re as RuiBreadcrumbLink,Be as RuiBreadcrumbList,xe as RuiBreadcrumbPage,je as RuiBreadcrumbSeparator};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ui/breadcrumb/breadcrumb.script.tsx", "../../../../src/components/ui/breadcrumb/breadcrumb.tsx", "../../../../src/lib/cx.ts"],
|
|
4
|
-
"sourcesContent": ["let _initClass, _init_label, _init_extra_label, _init_separator, _init_extra_separator;\nfunction _applyDecs(e, t, n, r, o, i) { var a, c, u, s, f, l, p, d = Symbol.metadata || Symbol.for(\"Symbol.metadata\"), m = Object.defineProperty, h = Object.create, y = [h(null), h(null)], v = t.length; function g(t, n, r) { return function (o, i) { n && (i = o, o = e); for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []); return r ? i : o; }; } function b(e, t, n, r) { if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\")); return e; } function applyDec(e, t, n, r, o, i, u, s, f, l, p) { function d(e) { if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\"); } var h = [].concat(t[0]), v = t[3], w = !u, D = 1 === o, S = 3 === o, j = 4 === o, E = 2 === o; function I(t, n, r) { return function (o, i) { return n && (i = o, o = e), r && r(o), P[t].call(o, i); }; } if (!w) { var P = {}, k = [], F = S ? \"get\" : j || D ? \"set\" : \"value\"; if (f ? (l || D ? P = { get: _setFunctionName(function () { return v(this); }, r, \"get\"), set: function (e) { t[4](this, e); } } : P[F] = v, l || _setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) { if ((c = y[+s][r]) && 7 !== (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\"); y[+s][r] = o < 3 ? 1 : o; } } for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) { var T = b(h[O], \"A decorator\", \"be\", !0), z = n ? h[O - 1] : void 0, A = {}, H = { kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o], name: r, metadata: a, addInitializer: function (e, t) { if (e.v) throw new TypeError(\"attempted to call addInitializer after decoration was finished\"); b(t, \"An initializer\", \"be\", !0), i.push(t); }.bind(null, A) }; if (w) c = T.call(z, N, H), A.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (H.static = s, H.private = f, c = H.access = { has: f ? p.bind() : function (e) { return r in e; } }, j || (c.get = f ? E ? function (e) { return d(e), P.value; } : I(\"get\", 0, d) : function (e) { return e[r]; }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) { e[r] = t; }), N = T.call(z, D ? { get: P.get, set: P.set } : P[F], H), A.v = 1, D) { if (\"object\" == typeof N && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\"); } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N); } return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N; } function w(e) { return m(e, d, { configurable: !0, enumerable: !0, value: a }); } return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function (e) { e && f.push(g(e)); }, p = function (t, r) { for (var i = 0; i < n.length; i++) { var a = n[i], c = a[1], l = 7 & c; if ((8 & c) == t && !l == r) { var p = a[2], d = !!a[3], m = 16 & c; applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : _toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) { return _checkInRHS(t) === e; } : o); } } }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), { e: c, get c() { var n = []; return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)]; } }; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _setFunctionName(e, t, n) { \"symbol\" == typeof t && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\"); try { Object.defineProperty(e, \"name\", { configurable: !0, value: n ? n + \" \" + t : t }); } catch (e) {} return e; }\nfunction _checkInRHS(e) { if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? typeof e : \"null\")); return e; }\nimport {
|
|
5
|
-
"mappings": "AAMA,OAAS,
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["let _initClass, _init_label, _init_extra_label, _init_separator, _init_extra_separator;\nfunction _applyDecs(e, t, n, r, o, i) { var a, c, u, s, f, l, p, d = Symbol.metadata || Symbol.for(\"Symbol.metadata\"), m = Object.defineProperty, h = Object.create, y = [h(null), h(null)], v = t.length; function g(t, n, r) { return function (o, i) { n && (i = o, o = e); for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []); return r ? i : o; }; } function b(e, t, n, r) { if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\")); return e; } function applyDec(e, t, n, r, o, i, u, s, f, l, p) { function d(e) { if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\"); } var h = [].concat(t[0]), v = t[3], w = !u, D = 1 === o, S = 3 === o, j = 4 === o, E = 2 === o; function I(t, n, r) { return function (o, i) { return n && (i = o, o = e), r && r(o), P[t].call(o, i); }; } if (!w) { var P = {}, k = [], F = S ? \"get\" : j || D ? \"set\" : \"value\"; if (f ? (l || D ? P = { get: _setFunctionName(function () { return v(this); }, r, \"get\"), set: function (e) { t[4](this, e); } } : P[F] = v, l || _setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) { if ((c = y[+s][r]) && 7 !== (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\"); y[+s][r] = o < 3 ? 1 : o; } } for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) { var T = b(h[O], \"A decorator\", \"be\", !0), z = n ? h[O - 1] : void 0, A = {}, H = { kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o], name: r, metadata: a, addInitializer: function (e, t) { if (e.v) throw new TypeError(\"attempted to call addInitializer after decoration was finished\"); b(t, \"An initializer\", \"be\", !0), i.push(t); }.bind(null, A) }; if (w) c = T.call(z, N, H), A.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (H.static = s, H.private = f, c = H.access = { has: f ? p.bind() : function (e) { return r in e; } }, j || (c.get = f ? E ? function (e) { return d(e), P.value; } : I(\"get\", 0, d) : function (e) { return e[r]; }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) { e[r] = t; }), N = T.call(z, D ? { get: P.get, set: P.set } : P[F], H), A.v = 1, D) { if (\"object\" == typeof N && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\"); } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N); } return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N; } function w(e) { return m(e, d, { configurable: !0, enumerable: !0, value: a }); } return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function (e) { e && f.push(g(e)); }, p = function (t, r) { for (var i = 0; i < n.length; i++) { var a = n[i], c = a[1], l = 7 & c; if ((8 & c) == t && !l == r) { var p = a[2], d = !!a[3], m = 16 & c; applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : _toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) { return _checkInRHS(t) === e; } : o); } } }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), { e: c, get c() { var n = []; return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)]; } }; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _setFunctionName(e, t, n) { \"symbol\" == typeof t && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\"); try { Object.defineProperty(e, \"name\", { configurable: !0, value: n ? n + \" \" + t : t }); } catch (e) {} return e; }\nfunction _checkInRHS(e) { if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? typeof e : \"null\")); return e; }\nimport { RadiantElement, customElement, prop } from \"@ecopages/radiant\";\nlet _RuiBreadcrumb;\nclass RuiBreadcrumb extends RadiantElement {\n static {\n ({\n e: [_init_label, _init_extra_label, _init_separator, _init_extra_separator],\n c: [_RuiBreadcrumb, _initClass]\n } = _applyDecs(this, [customElement(\"rui-breadcrumb\")], [[prop({\n type: String,\n defaultValue: \"Breadcrumb\"\n }), 0, \"label\"], [prop({\n type: String,\n defaultValue: \"/\"\n }), 0, \"separator\"]], 0, void 0, RadiantElement));\n }\n constructor(...args) {\n super(...args);\n _init_extra_separator(this);\n }\n label = _init_label(this);\n separator = (_init_extra_label(this), _init_separator(this));\n static {\n _initClass();\n }\n}\nexport { _RuiBreadcrumb as RuiBreadcrumb };", "import { jsx, jsxs } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport \"./breadcrumb.script\";\nexport function RuiBreadcrumb({\n children,\n label,\n separator,\n ...props\n}) {\n const resolvedLabel = label || \"Breadcrumb\";\n const resolvedSeparator = separator || \"/\";\n return /* @__PURE__ */jsx(\"rui-breadcrumb\", {\n ...props,\n label,\n separator,\n children: /* @__PURE__ */jsx(\"nav\", {\n class: \"rui-breadcrumb\",\n \"aria-label\": resolvedLabel,\n style: {\n \"--rui-breadcrumb-separator\": JSON.stringify(resolvedSeparator)\n },\n children\n })\n });\n}\nexport function RuiBreadcrumbList({\n children,\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"ol\", {\n ...props,\n class: cx(\"rui-breadcrumb__list\", className),\n children\n });\n}\nexport function RuiBreadcrumbItem({\n children,\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"li\", {\n ...props,\n class: cx(\"rui-breadcrumb__item\", className),\n children\n });\n}\nexport function RuiBreadcrumbLink({\n children,\n href,\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"a\", {\n ...props,\n class: cx(\"rui-breadcrumb__link\", className),\n href,\n children\n });\n}\nexport function RuiBreadcrumbPage({\n children,\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"span\", {\n ...props,\n class: cx(\"rui-breadcrumb__page\", className),\n \"aria-current\": \"page\",\n children\n });\n}\nexport function RuiBreadcrumbSeparator({\n children,\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsx(\"li\", {\n ...props,\n class: cx(\"rui-breadcrumb__separator\", className),\n role: \"presentation\",\n \"aria-hidden\": \"true\",\n children\n });\n}\nexport function RuiBreadcrumbEllipsis({\n label = \"More\",\n class: className,\n ...props\n}) {\n return /* @__PURE__ */jsxs(\"span\", {\n ...props,\n class: cx(\"rui-breadcrumb__ellipsis\", className),\n role: \"presentation\",\n \"aria-hidden\": \"true\",\n children: [/* @__PURE__ */jsx(\"span\", {\n \"aria-hidden\": \"true\",\n children: \"\\u2026\"\n }), /* @__PURE__ */jsx(\"span\", {\n class: \"rui-breadcrumb__ellipsis-label\",\n children: label\n })]\n });\n}", "export function cx(...parts) {\n return parts.filter(Boolean).join(\" \");\n}"],
|
|
5
|
+
"mappings": "AAMA,OAAS,kBAAAA,GAAgB,iBAAAC,GAAe,QAAAC,OAAY,oBANpD,IAAIC,GAAYC,GAAaC,GAAmBC,GAAiBC,GACjE,SAASC,GAAW,EAAGC,EAAG,EAAGC,EAAGC,EAAGC,EAAG,CAAE,IAAIC,EAAGC,EAAGC,EAAGC,EAAGC,EAAGC,EAAGC,EAAGC,EAAI,OAAO,UAAY,OAAO,IAAI,iBAAiB,EAAGC,EAAI,OAAO,eAAgBC,EAAI,OAAO,OAAQC,EAAI,CAACD,EAAE,IAAI,EAAGA,EAAE,IAAI,CAAC,EAAGE,EAAIf,EAAE,OAAQ,SAASgB,EAAE,EAAGC,EAAGhB,EAAG,CAAE,OAAO,SAAUC,EAAGC,EAAG,CAAEc,IAAMd,EAAID,EAAGA,EAAI,GAAI,QAASE,EAAI,EAAGA,EAAI,EAAE,OAAQA,IAAKD,EAAI,EAAEC,CAAC,EAAE,MAAMF,EAAGD,EAAI,CAACE,CAAC,EAAI,CAAC,CAAC,EAAG,OAAOF,EAAIE,EAAID,CAAG,CAAG,CAAE,SAASgB,EAAEC,EAAGnB,EAAGiB,EAAGhB,EAAG,CAAE,GAAkB,OAAOkB,GAArB,aAA2BlB,GAAgBkB,IAAX,QAAe,MAAM,IAAI,UAAUnB,EAAI,UAAYiB,GAAK,MAAQ,eAAiBhB,EAAI,GAAK,gBAAgB,EAAG,OAAOkB,CAAG,CAAE,SAASC,EAASD,EAAGnB,EAAGiB,EAAGhB,EAAGC,EAAGC,EAAGG,EAAGC,EAAGC,EAAGC,EAAGC,EAAG,CAAE,SAASC,EAAEQ,EAAG,CAAE,GAAI,CAACT,EAAES,CAAC,EAAG,MAAM,IAAI,UAAU,qDAAqD,CAAG,CAAE,IAAIN,EAAI,CAAC,EAAE,OAAOb,EAAE,CAAC,CAAC,EAAGe,EAAIf,EAAE,CAAC,EAAGqB,EAAI,CAACf,EAAGgB,EAAUpB,IAAN,EAASqB,EAAUrB,IAAN,EAASsB,EAAUtB,IAAN,EAASuB,EAAUvB,IAAN,EAAS,SAASwB,EAAE1B,EAAGiB,EAAGhB,GAAG,CAAE,OAAO,SAAUC,EAAGC,GAAG,CAAE,OAAOc,IAAMd,GAAID,EAAGA,EAAIiB,GAAIlB,IAAKA,GAAEC,CAAC,EAAGyB,EAAE3B,CAAC,EAAE,KAAKE,EAAGC,EAAC,CAAG,CAAG,CAAE,GAAI,CAACkB,EAAG,CAAE,IAAIM,EAAI,CAAC,EAAGC,EAAI,CAAC,EAAGC,EAAIN,EAAI,MAAQC,GAAKF,EAAI,MAAQ,QAAS,GAAId,GAAKC,GAAKa,EAAIK,EAAI,CAAE,IAAKG,GAAiB,UAAY,CAAE,OAAOf,EAAE,IAAI,CAAG,EAAGd,EAAG,KAAK,EAAG,IAAK,SAAUkB,EAAG,CAAEnB,EAAE,CAAC,EAAE,KAAMmB,CAAC,CAAG,CAAE,EAAIQ,EAAEE,CAAC,EAAId,EAAGN,GAAKqB,GAAiBH,EAAEE,CAAC,EAAG5B,EAAGwB,EAAI,GAAKI,CAAC,GAAKpB,IAAMkB,EAAI,OAAO,yBAAyBR,EAAGlB,CAAC,GAAI,CAACQ,GAAK,CAACD,EAAG,CAAE,IAAKH,EAAIS,EAAE,CAACP,CAAC,EAAEN,CAAC,KAAaI,EAAIH,KAAX,EAAe,MAAM,MAAM,+CAAiDyB,EAAEE,CAAC,EAAE,KAAO,wBAAwB,EAAGf,EAAE,CAACP,CAAC,EAAEN,CAAC,EAAIC,EAAI,EAAI,EAAIA,CAAG,CAAE,CAAE,QAAS6B,EAAIZ,EAAGa,EAAInB,EAAE,OAAS,EAAGmB,GAAK,EAAGA,GAAKf,EAAI,EAAI,EAAG,CAAE,IAAIgB,GAAIf,EAAEL,EAAEmB,CAAC,EAAG,cAAe,KAAM,EAAE,EAAGE,GAAIjB,EAAIJ,EAAEmB,EAAI,CAAC,EAAI,OAAQG,EAAI,CAAC,EAAGC,EAAI,CAAE,KAAM,CAAC,QAAS,WAAY,SAAU,SAAU,SAAU,OAAO,EAAElC,CAAC,EAAG,KAAMD,EAAG,SAAUG,EAAG,eAAgB,SAAUe,EAAGnB,EAAG,CAAE,GAAImB,EAAE,EAAG,MAAM,IAAI,UAAU,gEAAgE,EAAGD,EAAElB,EAAG,iBAAkB,KAAM,EAAE,EAAGG,EAAE,KAAKH,CAAC,CAAG,EAAE,KAAK,KAAMmC,CAAC,CAAE,EAAG,GAAId,EAAGhB,EAAI4B,GAAE,KAAKC,GAAGH,EAAGK,CAAC,EAAGD,EAAE,EAAI,EAAGjB,EAAEb,EAAG,mBAAoB,QAAQ,IAAM0B,EAAI1B,WAAY+B,EAAE,OAAS7B,EAAG6B,EAAE,QAAU5B,EAAGH,EAAI+B,EAAE,OAAS,CAAE,IAAK5B,EAAIE,EAAE,KAAK,EAAI,SAAUS,EAAG,CAAE,OAAOlB,KAAKkB,CAAG,CAAE,EAAGK,IAAMnB,EAAE,IAAMG,EAAIiB,EAAI,SAAUN,EAAG,CAAE,OAAOR,EAAEQ,CAAC,EAAGQ,EAAE,KAAO,EAAID,EAAE,MAAO,EAAGf,CAAC,EAAI,SAAUQ,EAAG,CAAE,OAAOA,EAAElB,CAAC,CAAG,GAAIwB,GAAKF,IAAMlB,EAAE,IAAMG,EAAIkB,EAAE,MAAO,EAAGf,CAAC,EAAI,SAAUQ,EAAGnB,EAAG,CAAEmB,EAAElB,CAAC,EAAID,CAAG,GAAI+B,EAAIE,GAAE,KAAKC,GAAGZ,EAAI,CAAE,IAAKK,EAAE,IAAK,IAAKA,EAAE,GAAI,EAAIA,EAAEE,CAAC,EAAGO,CAAC,EAAGD,EAAE,EAAI,EAAGb,GAAK,GAAgB,OAAOS,GAAnB,UAAwBA,GAAI1B,EAAIa,EAAEa,EAAE,IAAK,cAAc,KAAOJ,EAAE,IAAMtB,IAAKA,EAAIa,EAAEa,EAAE,IAAK,cAAc,KAAOJ,EAAE,IAAMtB,IAAKA,EAAIa,EAAEa,EAAE,KAAM,eAAe,IAAMH,EAAE,QAAQvB,CAAC,UAAsB0B,IAAX,OAAc,MAAM,IAAI,UAAU,0FAA0F,OAAUb,EAAEa,GAAItB,EAAI,QAAU,UAAY,cAAe,QAAQ,IAAMA,EAAImB,EAAE,QAAQG,CAAC,EAAIJ,EAAEE,CAAC,EAAIE,EAAI,CAAE,OAAO7B,EAAI,GAAKI,EAAE,KAAKU,EAAEY,EAAGrB,EAAG,CAAC,EAAGS,EAAEb,EAAGI,EAAG,CAAC,CAAC,EAAGE,GAAKY,IAAMb,EAAIc,EAAIhB,EAAE,OAAO,GAAI,EAAGoB,EAAE,MAAOnB,CAAC,EAAGmB,EAAE,MAAOnB,CAAC,CAAC,EAAID,EAAE,KAAKmB,EAAIE,EAAEE,CAAC,EAAIX,EAAE,KAAK,KAAKS,EAAEE,CAAC,CAAC,CAAC,EAAIjB,EAAEO,EAAGlB,EAAG0B,CAAC,GAAII,CAAG,CAAE,SAASV,EAAEF,EAAG,CAAE,OAAOP,EAAEO,EAAGR,EAAG,CAAE,aAAc,GAAI,WAAY,GAAI,MAAOP,CAAE,CAAC,CAAG,CAAE,OAAkBD,IAAX,SAAiBC,EAAID,EAAEQ,CAAC,GAAIP,EAAIS,EAAUT,GAAI,IAAQ,EAAGI,EAAI,CAAC,EAAGC,EAAI,SAAUU,EAAG,CAAEA,GAAKX,EAAE,KAAKQ,EAAEG,CAAC,CAAC,CAAG,EAAGT,EAAI,SAAU,EAAGT,EAAG,CAAE,QAASE,EAAI,EAAGA,EAAI,EAAE,OAAQA,IAAK,CAAE,IAAIC,EAAI,EAAED,CAAC,EAAGE,EAAID,EAAE,CAAC,EAAGK,EAAI,EAAIJ,EAAG,IAAK,EAAIA,IAAM,GAAK,CAACI,GAAKR,EAAG,CAAE,IAAIS,EAAIN,EAAE,CAAC,EAAG,EAAI,CAAC,CAACA,EAAE,CAAC,EAAGQ,EAAI,GAAKP,EAAGe,EAAS,EAAI,EAAI,EAAE,UAAWhB,EAAGQ,EAAG,EAAI,IAAMF,EAAI2B,GAAe3B,CAAC,EAAGD,EAAGA,EAAI,EAAI,CAAC,EAAI,EAAIF,EAAIA,GAAK,CAAC,EAAID,EAAIA,GAAK,CAAC,EAAGE,EAAG,CAAC,CAAC,EAAG,EAAGP,EAAG,GAAK,EAAI,SAAUD,EAAG,CAAE,OAAOsC,GAAYtC,CAAC,IAAM,CAAG,EAAIE,CAAC,CAAG,CAAE,CAAE,EAAGQ,EAAE,EAAG,CAAC,EAAGA,EAAE,EAAG,CAAC,EAAGA,EAAE,EAAG,CAAC,EAAGA,EAAE,EAAG,CAAC,EAAGD,EAAEH,CAAC,EAAGG,EAAEF,CAAC,EAAGF,EAAIG,EAAGO,GAAKM,EAAE,CAAC,EAAG,CAAE,EAAGhB,EAAG,IAAI,GAAI,CAAE,IAAIY,EAAI,CAAC,EAAG,OAAOF,GAAK,CAACM,EAAE,EAAID,EAAS,EAAG,CAACpB,CAAC,EAAGC,EAAG,EAAE,KAAM,EAAGgB,CAAC,CAAC,EAAGD,EAAEC,EAAG,CAAC,CAAC,CAAG,CAAE,CAAG,CACn/G,SAASoB,GAAerC,EAAG,CAAE,IAAIG,EAAIoC,GAAavC,EAAG,QAAQ,EAAG,OAAmB,OAAOG,GAAnB,SAAuBA,EAAIA,EAAI,EAAI,CAC1G,SAASoC,GAAavC,EAAG,EAAG,CAAE,GAAgB,OAAOA,GAAnB,UAAwB,CAACA,EAAG,OAAOA,EAAG,IAAImB,EAAInB,EAAE,OAAO,WAAW,EAAG,GAAemB,IAAX,OAAc,CAAE,IAAIhB,EAAIgB,EAAE,KAAKnB,EAAG,GAAK,SAAS,EAAG,GAAgB,OAAOG,GAAnB,SAAsB,OAAOA,EAAG,MAAM,IAAI,UAAU,8CAA8C,CAAG,CAAE,OAAqB,IAAb,SAAiB,OAAS,QAAQH,CAAC,CAAG,CACvT,SAAS8B,GAAiB,EAAG9B,EAAG,EAAG,CAAc,OAAOA,GAAnB,WAAyBA,GAAKA,EAAIA,EAAE,aAAe,IAAMA,EAAI,IAAM,IAAK,GAAI,CAAE,OAAO,eAAe,EAAG,OAAQ,CAAE,aAAc,GAAI,MAAO,EAAI,EAAI,IAAMA,EAAIA,CAAE,CAAC,CAAG,MAAY,CAAC,CAAE,OAAO,CAAG,CAChO,SAASsC,GAAY,EAAG,CAAE,GAAI,OAAO,CAAC,IAAM,EAAG,MAAM,UAAU,qDAAgE,IAAT,KAAa,OAAO,EAAI,OAAO,EAAG,OAAO,CAAG,CAElK,IAAIE,GACEC,GAAN,cAA4BlD,EAAe,CACzC,MAAO,EACJ,CACC,EAAG,CAACI,GAAaC,GAAmBC,GAAiBC,EAAqB,EAC1E,EAAG,CAAC0C,GAAgB9C,EAAU,CAChC,EAAIK,GAAW,KAAM,CAACP,GAAc,gBAAgB,CAAC,EAAG,CAAC,CAACC,GAAK,CAC7D,KAAM,OACN,aAAc,YAChB,CAAC,EAAG,EAAG,OAAO,EAAG,CAACA,GAAK,CACrB,KAAM,OACN,aAAc,GAChB,CAAC,EAAG,EAAG,WAAW,CAAC,EAAG,EAAG,OAAQF,EAAc,EACjD,CACA,eAAemD,EAAM,CACnB,MAAM,GAAGA,CAAI,EACb5C,GAAsB,IAAI,CAC5B,CACA,MAAQH,GAAY,IAAI,EACxB,WAAaC,GAAkB,IAAI,EAAGC,GAAgB,IAAI,GAC1D,MAAO,CACLH,GAAW,CACb,CACF,EC9BA,OAAS,OAAAiD,EAAK,QAAAC,OAAY,4BCAnB,SAASC,KAAMC,EAAO,CAC3B,OAAOA,EAAM,OAAO,OAAO,EAAE,KAAK,GAAG,CACvC,CDCO,SAASC,GAAc,CAC5B,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAG,CAGD,OAAsBC,EAAI,iBAAkB,CAC1C,GAAGD,EACH,MAAAF,EACA,UAAAC,EACA,SAAyBE,EAAI,MAAO,CAClC,MAAO,iBACP,aARkBH,GAAS,aAS3B,MAAO,CACL,6BAA8B,KAAK,UATfC,GAAa,GAS6B,CAChE,EACA,SAAAF,CACF,CAAC,CACH,CAAC,CACH,CACO,SAASK,GAAkB,CAChC,SAAAL,EACA,MAAOM,EACP,GAAGH,CACL,EAAG,CACD,OAAsBC,EAAI,KAAM,CAC9B,GAAGD,EACH,MAAOI,EAAG,uBAAwBD,CAAS,EAC3C,SAAAN,CACF,CAAC,CACH,CACO,SAASQ,GAAkB,CAChC,SAAAR,EACA,MAAOM,EACP,GAAGH,CACL,EAAG,CACD,OAAsBC,EAAI,KAAM,CAC9B,GAAGD,EACH,MAAOI,EAAG,uBAAwBD,CAAS,EAC3C,SAAAN,CACF,CAAC,CACH,CACO,SAASS,GAAkB,CAChC,SAAAT,EACA,KAAAU,EACA,MAAOJ,EACP,GAAGH,CACL,EAAG,CACD,OAAsBC,EAAI,IAAK,CAC7B,GAAGD,EACH,MAAOI,EAAG,uBAAwBD,CAAS,EAC3C,KAAAI,EACA,SAAAV,CACF,CAAC,CACH,CACO,SAASW,GAAkB,CAChC,SAAAX,EACA,MAAOM,EACP,GAAGH,CACL,EAAG,CACD,OAAsBC,EAAI,OAAQ,CAChC,GAAGD,EACH,MAAOI,EAAG,uBAAwBD,CAAS,EAC3C,eAAgB,OAChB,SAAAN,CACF,CAAC,CACH,CACO,SAASY,GAAuB,CACrC,SAAAZ,EACA,MAAOM,EACP,GAAGH,CACL,EAAG,CACD,OAAsBC,EAAI,KAAM,CAC9B,GAAGD,EACH,MAAOI,EAAG,4BAA6BD,CAAS,EAChD,KAAM,eACN,cAAe,OACf,SAAAN,CACF,CAAC,CACH,CACO,SAASa,GAAsB,CACpC,MAAAZ,EAAQ,OACR,MAAOK,EACP,GAAGH,CACL,EAAG,CACD,OAAsBW,GAAK,OAAQ,CACjC,GAAGX,EACH,MAAOI,EAAG,2BAA4BD,CAAS,EAC/C,KAAM,eACN,cAAe,OACf,SAAU,CAAgBF,EAAI,OAAQ,CACpC,cAAe,OACf,SAAU,QACZ,CAAC,EAAkBA,EAAI,OAAQ,CAC7B,MAAO,iCACP,SAAUH,CACZ,CAAC,CAAC,CACJ,CAAC,CACH",
|
|
6
|
+
"names": ["RadiantElement", "customElement", "prop", "_initClass", "_init_label", "_init_extra_label", "_init_separator", "_init_extra_separator", "_applyDecs", "t", "r", "o", "i", "a", "c", "u", "s", "f", "l", "p", "d", "m", "h", "y", "v", "g", "n", "b", "e", "applyDec", "w", "D", "S", "j", "E", "I", "P", "k", "F", "_setFunctionName", "N", "O", "T", "z", "A", "H", "_toPropertyKey", "_checkInRHS", "_toPrimitive", "_RuiBreadcrumb", "RuiBreadcrumb", "args", "jsx", "jsxs", "cx", "parts", "RuiBreadcrumb", "children", "label", "separator", "props", "jsx", "RuiBreadcrumbList", "className", "cx", "RuiBreadcrumbItem", "RuiBreadcrumbLink", "href", "RuiBreadcrumbPage", "RuiBreadcrumbSeparator", "RuiBreadcrumbEllipsis", "jsxs"]
|
|
7
7
|
}
|
|
@@ -156,12 +156,12 @@
|
|
|
156
156
|
}
|
|
157
157
|
.rui-button--sm {
|
|
158
158
|
height: var(--size-control-sm);
|
|
159
|
-
padding-inline:
|
|
159
|
+
padding-inline: var(--space-control-x);
|
|
160
160
|
font-size: var(--text-xs);
|
|
161
161
|
}
|
|
162
162
|
.rui-button--md {
|
|
163
163
|
height: var(--size-control-md);
|
|
164
|
-
padding-inline: var(--space-control-x);
|
|
164
|
+
padding-inline: calc(var(--space-control-x) * 1.25);
|
|
165
165
|
font-size: var(--text-control, 0.875rem);
|
|
166
166
|
}
|
|
167
167
|
.rui-button--lg {
|
|
@@ -169,10 +169,9 @@
|
|
|
169
169
|
padding-inline: calc(var(--space-control-x) * 1.5);
|
|
170
170
|
font-size: var(--text-body);
|
|
171
171
|
}
|
|
172
|
-
.rui-button--
|
|
173
|
-
height: var(--size-control-md);
|
|
174
|
-
width: var(--size-control-md);
|
|
172
|
+
.rui-button--square {
|
|
175
173
|
padding-inline: 0;
|
|
174
|
+
aspect-ratio: 1;
|
|
176
175
|
font-size: var(--text-control, 0.875rem);
|
|
177
176
|
}
|
|
178
177
|
.rui-button--link.rui-button--sm,
|
|
@@ -4,8 +4,10 @@ export type RuiButtonSize = 'none' | 'sm' | 'md' | 'lg';
|
|
|
4
4
|
type RuiButtonChrome = {
|
|
5
5
|
/** Visual style. Default: `filled`. */
|
|
6
6
|
variant?: RuiButtonVariant;
|
|
7
|
-
/** Control size. Default: `md
|
|
7
|
+
/** Control size. Default: `md`. Use `none` for inline `link` chrome. */
|
|
8
8
|
size?: RuiButtonSize;
|
|
9
|
+
/** Makes a control-sized button square, for example for an icon-only action. */
|
|
10
|
+
square?: boolean;
|
|
9
11
|
};
|
|
10
12
|
export type RuiButtonControlProps = JsxElementProps<HTMLButtonElement> & RuiButtonChrome & {
|
|
11
13
|
/** Native button type. Default: `button`. */
|
|
@@ -36,8 +38,10 @@ export type RuiButtonProps = RuiButtonControlProps | RuiButtonLinkProps;
|
|
|
36
38
|
*
|
|
37
39
|
* @remarks
|
|
38
40
|
* Default/`md` height uses `--size-control-md`, the same token as `RuiInput`, so
|
|
39
|
-
* form rows align.
|
|
40
|
-
*
|
|
41
|
+
* form rows align. Inline padding is a step above `--space-control-x` so
|
|
42
|
+
* labels are not as tight as field chrome. `none` omits fixed height and padding for inline `link`
|
|
43
|
+
* actions. `square` makes the selected control size equal on both axes, making
|
|
44
|
+
* it suitable for icon-only actions. Styles live in `./button.css`.
|
|
41
45
|
*
|
|
42
46
|
* Variant tones map to semantic action roles — `primary` for filled, `error`
|
|
43
47
|
* (destructive) for destructive — never palette steps.
|
|
@@ -54,6 +58,7 @@ export type RuiButtonProps = RuiButtonControlProps | RuiButtonLinkProps;
|
|
|
54
58
|
* @cssclass rui-button--sm - Small control height.
|
|
55
59
|
* @cssclass rui-button--md - Default control height.
|
|
56
60
|
* @cssclass rui-button--lg - Large control height.
|
|
61
|
+
* @cssclass rui-button--square - Square control for icon-only actions.
|
|
57
62
|
*/
|
|
58
63
|
export declare function RuiButton(props: RuiButtonProps): import("@ecopages/jsx").JsxRenderable;
|
|
59
64
|
export {};
|