@oddkin/components 0.0.0-stage → 1.0.0-beta.1

package/dist/composition/catalog.js

@@ -0,0 +1,764 @@
+export const CATALOG = {
+    'odd-alert': {
+        attributes: {
+            tone: { enum: ['neutral', 'info', 'success', 'warning', 'danger'] },
+            label: 'string',
+            announce: { enum: ['none', 'important'] },
+        },
+        properties: {},
+        fixed: [],
+        slots: ['', 'end'],
+        events: [],
+    },
+    'odd-avatar': {
+        attributes: { label: 'string', src: 'url', size: { enum: ['sm', 'md', 'lg'] } },
+        properties: {},
+        fixed: [],
+        slots: [''],
+        events: [],
+    },
+    'odd-badge': {
+        attributes: {
+            tone: { enum: ['neutral', 'info', 'success', 'warning', 'danger'] },
+            'no-marker': 'boolean',
+        },
+        properties: {},
+        fixed: [],
+        slots: [''],
+        events: [],
+    },
+    'odd-breadcrumbs': {
+        attributes: { label: 'string', 'max-items': 'number' },
+        properties: { strings: { texts: ['label', 'more'] } },
+        fixed: ['items'],
+        slots: ['home'],
+        events: [],
+    },
+    'odd-button': {
+        attributes: {
+            appearance: { enum: ['primary', 'secondary', 'ghost'] },
+            size: { enum: ['sm', 'md', 'lg'] },
+            type: { enum: ['button', 'submit', 'reset'] },
+            disabled: 'boolean',
+            loading: 'boolean',
+            'full-width': 'boolean',
+            toggle: 'boolean',
+            pressed: 'boolean',
+            name: 'string',
+            value: 'string',
+            formaction: 'url',
+            formmethod: 'string',
+            formenctype: 'string',
+            formtarget: 'string',
+            formnovalidate: 'boolean',
+            label: 'string',
+        },
+        properties: {},
+        fixed: ['form'],
+        slots: ['', 'end', 'start'],
+        events: ['change', 'click', 'input'],
+    },
+    'odd-calendar': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            min: 'string',
+            max: 'string',
+            required: 'boolean',
+            readonly: 'boolean',
+            'first-day': 'number',
+        },
+        properties: {
+            strings: { texts: ['previousMonth', 'nextMonth', 'today', 'clear'] },
+            value: 'string',
+        },
+        fixed: ['form', 'isDateDisabled', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-card': {
+        attributes: {
+            appearance: { enum: ['outlined', 'filled', 'elevated'] },
+            padding: { enum: ['none', 'sm', 'md', 'lg'] },
+            label: 'string',
+        },
+        properties: {},
+        fixed: [],
+        slots: ['', 'footer', 'header'],
+        events: [],
+    },
+    'odd-carousel': {
+        attributes: { label: 'string', current: 'string' },
+        properties: {
+            strings: { texts: ['carousel', 'slide', 'position', 'previous', 'next', 'picker', 'goTo'] },
+        },
+        fixed: [],
+        slots: [''],
+        events: ['change', 'input'],
+    },
+    'odd-checkbox': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            checked: 'boolean',
+            value: 'string',
+            required: 'boolean',
+            indeterminate: 'boolean',
+        },
+        properties: { checked: 'boolean' },
+        fixed: ['form', 'validationMessage', 'validity', 'willValidate'],
+        slots: [''],
+        events: ['change', 'input'],
+    },
+    'odd-checkbox-group': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            required: 'boolean',
+            orientation: { enum: ['vertical', 'horizontal'] },
+        },
+        properties: {},
+        fixed: ['form', 'validationMessage', 'validity', 'willValidate'],
+        slots: [''],
+        events: [],
+    },
+    'odd-chip': {
+        attributes: { removable: 'boolean', selected: 'boolean', disabled: 'boolean' },
+        properties: { strings: { texts: ['remove'] } },
+        fixed: [],
+        slots: [''],
+        events: ['odd-chip-remove'],
+    },
+    'odd-color-picker': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            alpha: 'boolean',
+        },
+        properties: {
+            strings: {
+                texts: [
+                    'choose',
+                    'change',
+                    'invalid',
+                    'area',
+                    'areaValue',
+                    'hue',
+                    'hex',
+                    'opacity',
+                    'rgb',
+                    'swatches',
+                    'cancel',
+                    'apply',
+                ],
+            },
+            value: 'string',
+        },
+        fixed: ['form', 'options', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-combobox': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            multiple: 'boolean',
+            required: 'boolean',
+            loading: 'boolean',
+            view: { enum: ['text', 'chips', 'count', 'auto', 'expandable', 'avatars', 'grouped'] },
+            'select-all': 'boolean',
+            review: 'boolean',
+            readonly: 'boolean',
+            placeholder: 'string',
+            'no-filter': 'boolean',
+        },
+        properties: {
+            values: 'strings',
+            strings: {
+                texts: [
+                    'loading',
+                    'empty',
+                    'clear',
+                    'remove',
+                    'selected',
+                    'more',
+                    'count',
+                    'others',
+                    'othersOne',
+                    'group',
+                    'total',
+                    'showAll',
+                    'showLess',
+                    'selectAll',
+                    'clearAll',
+                    'selectedCount',
+                    'viewMore',
+                ],
+            },
+        },
+        fixed: ['form', 'options', 'query', 'validationMessage', 'validity', 'willValidate'],
+        slots: ['empty', 'status'],
+        events: ['change', 'input', 'odd-query-change'],
+    },
+    'odd-command-palette': {
+        attributes: {
+            label: 'string',
+            placeholder: 'string',
+            open: 'boolean',
+            loading: 'boolean',
+            'no-filter': 'boolean',
+        },
+        properties: {
+            strings: { texts: ['search', 'empty', 'loading', 'navigate', 'choose', 'close'] },
+        },
+        fixed: ['items', 'query'],
+        slots: ['empty', 'status'],
+        events: ['odd-action', 'odd-query-change'],
+    },
+    'odd-container': {
+        attributes: { measure: { enum: ['constrained', 'fluid'] } },
+        properties: {},
+        fixed: [],
+        slots: [''],
+        events: [],
+    },
+    'odd-copy-button': {
+        attributes: { value: 'string', from: 'string', label: 'string', disabled: 'boolean' },
+        properties: { strings: { texts: ['copy', 'copied', 'failed'] } },
+        fixed: [],
+        slots: [],
+        events: ['odd-copy'],
+    },
+    'odd-date-picker': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            min: 'string',
+            max: 'string',
+            required: 'boolean',
+            readonly: 'boolean',
+            placeholder: 'string',
+            'first-day': 'number',
+        },
+        properties: {
+            strings: {
+                texts: [
+                    'choose',
+                    'change',
+                    'invalid',
+                    'day',
+                    'month',
+                    'year',
+                    'previousMonth',
+                    'nextMonth',
+                    'today',
+                    'clear',
+                ],
+            },
+            value: 'string',
+        },
+        fixed: ['form', 'isDateDisabled', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-dialog': {
+        attributes: {
+            label: 'string',
+            alert: 'boolean',
+            closedby: { enum: ['none', 'closerequest', 'any'] },
+            'no-close': 'boolean',
+            open: 'boolean',
+        },
+        properties: { strings: { texts: ['close'] }, returnValue: 'string' },
+        fixed: [],
+        slots: ['', 'footer', 'header'],
+        events: [],
+    },
+    'odd-disclosure': {
+        attributes: { label: 'string', open: 'boolean', name: 'string', disabled: 'boolean' },
+        properties: {},
+        fixed: [],
+        slots: [''],
+        events: ['toggle'],
+    },
+    'odd-drawer': {
+        attributes: {
+            label: 'string',
+            alert: 'boolean',
+            closedby: { enum: ['none', 'closerequest', 'any'] },
+            'no-close': 'boolean',
+            open: 'boolean',
+            side: { enum: ['inline-end', 'inline-start'] },
+            'no-modal': 'boolean',
+        },
+        properties: { strings: { texts: ['close'] }, returnValue: 'string' },
+        fixed: [],
+        slots: ['', 'footer', 'header'],
+        events: [],
+    },
+    'odd-empty-state': {
+        attributes: { label: 'string' },
+        properties: {},
+        fixed: [],
+        slots: ['', 'footer', 'media'],
+        events: [],
+    },
+    'odd-file-input': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            accept: 'string',
+            multiple: 'boolean',
+            required: 'boolean',
+        },
+        properties: { strings: { texts: ['title', 'titleMultiple', 'remove'] } },
+        fixed: ['files', 'form', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-icon': {
+        attributes: { src: 'url', label: 'string', size: { enum: ['sm', 'md', 'lg'] } },
+        properties: {},
+        fixed: [],
+        slots: [''],
+        events: [],
+    },
+    'odd-input': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            minlength: 'number',
+            maxlength: 'number',
+            placeholder: 'string',
+            autocomplete: 'string',
+            required: 'boolean',
+            readonly: 'boolean',
+            type: {
+                enum: [
+                    'number',
+                    'search',
+                    'time',
+                    'text',
+                    'url',
+                    'email',
+                    'password',
+                    'tel',
+                    'date',
+                    'datetime-local',
+                    'month',
+                    'week',
+                ],
+            },
+            min: 'string',
+            max: 'string',
+            step: 'string',
+            pattern: 'string',
+        },
+        properties: {
+            strings: { texts: ['clear', 'decrement', 'increment', 'badInput'] },
+            value: 'string',
+            valueAsNumber: 'number',
+        },
+        fixed: ['form', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-listbox': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            multiple: 'boolean',
+            required: 'boolean',
+            loading: 'boolean',
+        },
+        properties: { values: 'strings', strings: { texts: ['loading', 'empty'] } },
+        fixed: ['form', 'options', 'validationMessage', 'validity', 'willValidate'],
+        slots: ['empty', 'status'],
+        events: ['change', 'input'],
+    },
+    'odd-menu': {
+        attributes: {
+            label: 'string',
+            appearance: { enum: ['primary', 'secondary', 'ghost'] },
+            size: { enum: ['sm', 'md', 'lg'] },
+            disabled: 'boolean',
+            context: 'string',
+        },
+        properties: {},
+        fixed: ['items'],
+        slots: [''],
+        events: ['odd-action'],
+    },
+    'odd-one-time-code': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            minlength: 'number',
+            maxlength: 'number',
+            placeholder: 'string',
+            autocomplete: 'string',
+            required: 'boolean',
+            readonly: 'boolean',
+            status: { enum: ['idle', 'pending', 'complete'] },
+        },
+        properties: { strings: { texts: ['hint', 'pending', 'complete'] }, value: 'string' },
+        fixed: ['form', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-pagination': {
+        attributes: { label: 'string', current: 'string', 'page-count': 'number', href: 'url' },
+        properties: { strings: { texts: ['label', 'previous', 'next', 'page', 'status'] } },
+        fixed: [],
+        slots: [],
+        events: ['odd-action'],
+    },
+    'odd-picker': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            multiple: 'boolean',
+            required: 'boolean',
+            loading: 'boolean',
+            view: { enum: ['text', 'chips', 'count', 'auto', 'expandable', 'avatars', 'grouped'] },
+            'select-all': 'boolean',
+            review: 'boolean',
+            placeholder: 'string',
+        },
+        properties: { values: 'strings', expanded: 'strings' },
+        fixed: ['form', 'items', 'options', 'strings', 'validationMessage', 'validity', 'willValidate'],
+        slots: ['empty', 'status'],
+        events: ['change', 'input', 'odd-toggle'],
+    },
+    'odd-popover': {
+        attributes: {
+            label: 'string',
+            anchor: 'string',
+            side: { enum: ['inline-end', 'inline-start', 'block-end', 'block-start'] },
+            align: { enum: ['center', 'start', 'end'] },
+            'no-close': 'boolean',
+            open: 'boolean',
+            interest: 'boolean',
+        },
+        properties: { strings: { texts: ['close'] } },
+        fixed: ['anchorElement'],
+        slots: [''],
+        events: [],
+    },
+    'odd-progress': {
+        attributes: { value: 'number', max: 'number', label: 'string', description: 'string' },
+        properties: { strings: { texts: ['label'] } },
+        fixed: ['renderValue'],
+        slots: [],
+        events: [],
+    },
+    'odd-radio-group': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            required: 'boolean',
+            orientation: { enum: ['vertical', 'horizontal'] },
+        },
+        properties: {},
+        fixed: ['form', 'options', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-rating': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            required: 'boolean',
+            max: 'number',
+            readonly: 'boolean',
+        },
+        properties: { strings: { texts: ['star', 'starOne', 'summary', 'empty'] } },
+        fixed: ['form', 'options', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-relative-time': {
+        attributes: { datetime: 'string', detail: 'boolean' },
+        properties: { strings: { texts: ['unavailable'] } },
+        fixed: [],
+        slots: [],
+        events: [],
+    },
+    'odd-scroll-region': {
+        attributes: { label: 'string' },
+        properties: { strings: { texts: ['label'] } },
+        fixed: [],
+        slots: [''],
+        events: [],
+    },
+    'odd-segmented-control': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            required: 'boolean',
+            size: { enum: ['sm', 'md', 'lg'] },
+        },
+        properties: {},
+        fixed: ['form', 'options', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-select': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            placeholder: 'string',
+            required: 'boolean',
+        },
+        properties: {},
+        fixed: ['form', 'options', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-side-nav': {
+        attributes: { label: 'string', current: 'string' },
+        properties: { items: { model: 'oddkin.navigation' }, expanded: 'strings' },
+        fixed: ['kinds', 'renderLabel'],
+        slots: ['', 'footer', 'header'],
+        events: ['odd-action', 'odd-toggle'],
+    },
+    'odd-skeleton': {
+        attributes: { shape: { enum: ['circle', 'rect', 'text'] }, lines: 'number' },
+        properties: {},
+        fixed: [],
+        slots: [],
+        events: [],
+    },
+    'odd-slider': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            min: 'number',
+            max: 'number',
+            step: 'number',
+        },
+        properties: { value: 'string', valueAsNumber: 'number' },
+        fixed: ['form', 'renderValue', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-spinner': {
+        attributes: { label: 'string', size: { enum: ['sm', 'md', 'lg'] } },
+        properties: { strings: { texts: ['loading'] } },
+        fixed: [],
+        slots: [''],
+        events: [],
+    },
+    'odd-split-button': {
+        attributes: {
+            value: 'string',
+            appearance: { enum: ['primary', 'secondary', 'ghost'] },
+            size: { enum: ['sm', 'md', 'lg'] },
+            disabled: 'boolean',
+            loading: 'boolean',
+        },
+        properties: { strings: { texts: ['more'] } },
+        fixed: ['items'],
+        slots: [''],
+        events: ['odd-action'],
+    },
+    'odd-split-panel': {
+        attributes: {
+            orientation: { enum: ['vertical', 'horizontal'] },
+            position: 'number',
+            min: 'number',
+            max: 'number',
+            collapsed: 'boolean',
+            label: 'string',
+        },
+        properties: { strings: { texts: ['label'] } },
+        fixed: [],
+        slots: ['end', 'start'],
+        events: ['change', 'input'],
+    },
+    'odd-stat': {
+        attributes: {
+            label: 'string',
+            value: 'string',
+            trend: { enum: ['none', 'increase', 'decrease'] },
+            loading: 'boolean',
+        },
+        properties: { strings: { texts: ['loading', 'unavailable'] } },
+        fixed: [],
+        slots: [''],
+        events: [],
+    },
+    'odd-status-marker': {
+        attributes: { status: { enum: ['idle', 'pending', 'complete', 'failed'] } },
+        properties: {},
+        fixed: [],
+        slots: [''],
+        events: [],
+    },
+    'odd-switch': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            checked: 'boolean',
+            value: 'string',
+            required: 'boolean',
+        },
+        properties: { strings: { texts: ['on', 'off'] }, checked: 'boolean' },
+        fixed: ['form', 'validationMessage', 'validity', 'willValidate'],
+        slots: [''],
+        events: ['change', 'input'],
+    },
+    'odd-tab-panel': {
+        attributes: { label: 'string', value: 'string', disabled: 'boolean' },
+        properties: {},
+        fixed: [],
+        slots: [''],
+        events: [],
+    },
+    'odd-tabs': {
+        attributes: {
+            label: 'string',
+            value: 'string',
+            orientation: { enum: ['vertical', 'horizontal'] },
+            activation: { enum: ['automatic', 'manual'] },
+        },
+        properties: {},
+        fixed: [],
+        slots: [''],
+        events: ['change', 'input'],
+    },
+    'odd-textarea': {
+        attributes: {
+            name: 'string',
+            disabled: 'boolean',
+            description: 'string',
+            error: 'string',
+            label: 'string',
+            value: 'string',
+            minlength: 'number',
+            maxlength: 'number',
+            placeholder: 'string',
+            autocomplete: 'string',
+            required: 'boolean',
+            readonly: 'boolean',
+            rows: 'number',
+            resize: { enum: ['none', 'vertical', 'auto'] },
+        },
+        properties: { strings: { texts: ['count'] }, value: 'string' },
+        fixed: ['form', 'validationMessage', 'validity', 'willValidate'],
+        slots: [],
+        events: ['change', 'input'],
+    },
+    'odd-toast': {
+        attributes: {
+            tone: { enum: ['neutral', 'info', 'success', 'warning', 'danger'] },
+            label: 'string',
+            duration: 'number',
+            open: 'boolean',
+        },
+        properties: { strings: { texts: ['close'] } },
+        fixed: [],
+        slots: ['', 'end'],
+        events: [],
+    },
+    'odd-toolbar': {
+        attributes: { label: 'string', orientation: { enum: ['vertical', 'horizontal'] } },
+        properties: {},
+        fixed: [],
+        slots: [''],
+        events: [],
+    },
+    'odd-tooltip': {
+        attributes: {
+            anchor: 'string',
+            side: { enum: ['inline-end', 'inline-start', 'block-end', 'block-start'] },
+            align: { enum: ['center', 'start', 'end'] },
+            open: 'boolean',
+        },
+        properties: {},
+        fixed: ['anchorElement'],
+        slots: [''],
+        events: [],
+    },
+    'odd-tree': {
+        attributes: { label: 'string', value: 'string', multiple: 'boolean', loading: 'boolean' },
+        properties: {
+            expanded: 'strings',
+            values: 'strings',
+            strings: { texts: ['loading', 'empty'] },
+        },
+        fixed: ['items'],
+        slots: ['empty', 'status'],
+        events: ['change', 'input', 'odd-toggle'],
+    },
+    'odd-validation-summary': {
+        attributes: { label: 'string', form: 'string' },
+        properties: { strings: { texts: ['title', 'titleOne', 'entry'] } },
+        fixed: [],
+        slots: [],
+        events: [],
+    },
+};
+//# sourceMappingURL=catalog.js.map