@erplora/outfitkit 0.1.20 → 0.1.21
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/README.md +5 -6
- package/dist/cdn.d.ts +0 -5
- package/dist/index.d.ts +0 -9
- package/dist/index.js +0 -10
- package/dist/ok-data-table.js +1 -1
- package/dist/ok-file-manager.js +1 -1
- package/dist/ok-lightbox.js +1 -1
- package/dist/outfitkit.bundle.js +3634 -5572
- package/dist/outfitkit.js +0 -5
- package/dist/shared/icons.js +3 -3
- package/dist/showcase/auth-login-saas-parity.test.d.ts +1 -0
- package/dist/showcase/component-catalog-completeness.test.d.ts +1 -0
- package/dist/showcase/current-page-contract.test.d.ts +1 -0
- package/dist/showcase/hub-access-dashboard-parity.test.d.ts +1 -0
- package/dist/showcase/hub-apps-billing-pages-parity.test.d.ts +1 -0
- package/dist/showcase/hub-employee-forms-parity.test.d.ts +1 -0
- package/dist/showcase/hub-shell-parity.test.d.ts +1 -0
- package/dist/showcase/hub-system-settings-shell-parity.test.d.ts +1 -0
- package/dist/showcase/hub-table-pages-parity.test.d.ts +1 -0
- package/dist/showcase/ionic-boundary.test.d.ts +1 -0
- package/dist/showcase/ionic-ios-default.test.d.ts +1 -0
- package/dist/showcase/module-appointments-parity.test.d.ts +1 -0
- package/dist/showcase/module-backup-pages-parity.test.d.ts +1 -0
- package/dist/showcase/module-cart-checkout-pages-parity.test.d.ts +1 -0
- package/dist/showcase/module-cash-register-parity.test.d.ts +1 -0
- package/dist/showcase/module-customers-fields-parity.test.d.ts +1 -0
- package/dist/showcase/module-customers-groups-parity.test.d.ts +1 -0
- package/dist/showcase/module-customers-list-parity.test.d.ts +1 -0
- package/dist/showcase/module-customers-tags-parity.test.d.ts +1 -0
- package/dist/showcase/module-inventory-categories-parity.test.d.ts +1 -0
- package/dist/showcase/module-inventory-dashboard-parity.test.d.ts +1 -0
- package/dist/showcase/module-inventory-products-parity.test.d.ts +1 -0
- package/dist/showcase/module-invoice-list-parity.test.d.ts +1 -0
- package/dist/showcase/module-invoice-series-list-parity.test.d.ts +1 -0
- package/dist/showcase/module-invoice-settings-parity.test.d.ts +1 -0
- package/dist/showcase/module-kitchen-pages-parity.test.d.ts +1 -0
- package/dist/showcase/module-online-booking-pages-parity.test.d.ts +1 -0
- package/dist/showcase/module-pages-data.test.d.ts +1 -0
- package/dist/showcase/module-payment-gateways-parity.test.d.ts +1 -0
- package/dist/showcase/module-payments-list-parity.test.d.ts +1 -0
- package/dist/showcase/module-pricing-lists-parity.test.d.ts +1 -0
- package/dist/showcase/module-printing-pages-parity.test.d.ts +1 -0
- package/dist/showcase/module-reservations-availability-parity.test.d.ts +1 -0
- package/dist/showcase/module-reservations-list-parity.test.d.ts +1 -0
- package/dist/showcase/module-reservations-waitlist-parity.test.d.ts +1 -0
- package/dist/showcase/module-sales-list-parity.test.d.ts +1 -0
- package/dist/showcase/module-sales-pos-parity.test.d.ts +1 -0
- package/dist/showcase/module-schedules-hours-parity.test.d.ts +1 -0
- package/dist/showcase/module-services-parity.test.d.ts +1 -0
- package/dist/showcase/module-staff-members-parity.test.d.ts +1 -0
- package/dist/showcase/module-staff-roles-parity.test.d.ts +1 -0
- package/dist/showcase/module-staff-schedules-parity.test.d.ts +1 -0
- package/dist/showcase/module-staff-time-off-parity.test.d.ts +1 -0
- package/dist/showcase/module-tables-pages-parity.test.d.ts +1 -0
- package/dist/showcase/module-tasks-list-parity.test.d.ts +1 -0
- package/dist/showcase/module-tasks-projects-parity.test.d.ts +1 -0
- package/dist/showcase/module-taxes-pages-parity.test.d.ts +1 -0
- package/dist/showcase/module-tickets-list-parity.test.d.ts +1 -0
- package/dist/showcase/module-tickets-sla-parity.test.d.ts +1 -0
- package/dist/showcase/module-verifactu-pages-parity.test.d.ts +1 -0
- package/dist/showcase/module-whatsapp-inbox-pages-parity.test.d.ts +1 -0
- package/dist/showcase/page-catalog.test.d.ts +1 -0
- package/dist/showcase/page-navigation.test.d.ts +1 -0
- package/dist/showcase/saas-account-help-pages-parity.test.d.ts +1 -0
- package/dist/showcase/saas-auth-account-pages-parity.test.d.ts +1 -0
- package/dist/showcase/saas-billing-table-pages-parity.test.d.ts +1 -0
- package/dist/showcase/saas-dashboard-shell-parity.test.d.ts +1 -0
- package/dist/showcase/saas-developer-pages-parity.test.d.ts +1 -0
- package/dist/showcase/saas-developer-table-pages-parity.test.d.ts +1 -0
- package/dist/showcase/saas-hub-detail-pages-parity.test.d.ts +1 -0
- package/dist/showcase/saas-hubs-table-pages-parity.test.d.ts +1 -0
- package/dist/showcase/saas-operations-marketplace-pages-parity.test.d.ts +1 -0
- package/dist/showcase/saas-organizations-page-parity.test.d.ts +1 -0
- package/dist/showcase/saas-organizations-users-detail-pages-parity.test.d.ts +1 -0
- package/dist/showcase/saas-public-error-pages-parity.test.d.ts +1 -0
- package/package.json +2 -6
- package/dist/components/ok-date-picker/ok-date-picker.d.ts +0 -81
- package/dist/components/ok-drawer/ok-drawer.d.ts +0 -56
- package/dist/components/ok-range-dual/ok-range-dual.d.ts +0 -38
- package/dist/components/ok-skeleton/ok-skeleton.d.ts +0 -40
- package/dist/components/ok-time-picker/ok-time-picker.d.ts +0 -50
- package/dist/ok-date-picker.js +0 -737
- package/dist/ok-drawer.js +0 -358
- package/dist/ok-range-dual.js +0 -280
- package/dist/ok-skeleton.js +0 -345
- package/dist/ok-time-picker.js +0 -472
package/README.md
CHANGED
|
@@ -89,10 +89,14 @@ El bundle `outfitkit.js` deja `lit` external, así que necesitas un **import-map
|
|
|
89
89
|
|
|
90
90
|
## Inventario de componentes
|
|
91
91
|
|
|
92
|
-
|
|
92
|
+
92 web components rellena-huecos (todos registran su tag `ok-*` vía `define()`). Abajo el qué-hace y
|
|
93
93
|
los **eventos `ok-*`** que emite cada uno (`—` = presentacional, sin eventos). La **referencia viva
|
|
94
94
|
de props/slots** es el [showcase](https://erplora.github.io/outfitkit/).
|
|
95
95
|
|
|
96
|
+
Los patrones que Ionic ya resuelve no se exportan como `ok-*`: drawer lateral (`ion-modal`),
|
|
97
|
+
skeleton (`ion-skeleton-text`), fecha/hora (`ion-datetime`) y rango doble (`ion-range dual-knobs`)
|
|
98
|
+
viven como recetas copiables en el showcase.
|
|
99
|
+
|
|
96
100
|
### Datos y tablas
|
|
97
101
|
|
|
98
102
|
| Componente | Qué hace | Eventos clave |
|
|
@@ -128,7 +132,6 @@ de props/slots** es el [showcase](https://erplora.github.io/outfitkit/).
|
|
|
128
132
|
| `ok-error-page` | Plantilla full-screen para errores HTTP (403/404/500), retry con cuenta atrás, modo bootstrap con checklist. | `ok-retry`, `ok-shortcut` |
|
|
129
133
|
| `ok-status-pill` | Pill de estado con fondo tonal suave + icono/punto (celdas de tabla). | — |
|
|
130
134
|
| `ok-status-dot` | Punto de presencia coloreado con pulso opcional. | — |
|
|
131
|
-
| `ok-skeleton` | Placeholders de carga (shimmer) con variantes y presets (card/table/chart). | — |
|
|
132
135
|
| `ok-coachmark` | Tour guiado con spotlight, bubble anclado y navegación por teclado. | `ok-step`, `ok-next`, `ok-prev`, `ok-finish`, `ok-skip` |
|
|
133
136
|
| `ok-hover-card` | Popover de previsualización (avatar/título/stats/acciones) anclada a hover/focus. | `ok-action`, `ok-open` |
|
|
134
137
|
|
|
@@ -163,9 +166,6 @@ de props/slots** es el [showcase](https://erplora.github.io/outfitkit/).
|
|
|
163
166
|
| `ok-currency` | Input monetario con máscara (miles/decimales/símbolo `Intl`). | `ok-change` |
|
|
164
167
|
| `ok-phone` | Teléfono con prefijo de país (bandera + dial) y número (E.164). | `ok-change` |
|
|
165
168
|
| `ok-dropzone` | Subida drag&drop + click con validación de tipo/tamaño. | `ok-change`, `ok-error` |
|
|
166
|
-
| `ok-date-picker` | Campo fecha + popover calendario, single/range, chips de preset. | `ok-change` |
|
|
167
|
-
| `ok-time-picker` | Pastilla HH:MM + popover de listas (horas/minutos/AM-PM), canónico 24h. | `ok-change` |
|
|
168
|
-
| `ok-range-dual` | Slider min-max de doble thumb con readout. | `ok-change` |
|
|
169
169
|
| `ok-color-picker` | Selector de color (SV + hue + hex + presets). | `ok-change`, `ok-open` |
|
|
170
170
|
| `ok-theme-picker` | Selector de tema compartido Cloud↔Hub: paleta de marca (swatches) + modo claro/oscuro/sistema. | `ok-change` |
|
|
171
171
|
| `ok-rich-text` | Editor WYSIWYG con toolbar y contador de palabras. | `ok-input` |
|
|
@@ -182,7 +182,6 @@ de props/slots** es el [showcase](https://erplora.github.io/outfitkit/).
|
|
|
182
182
|
| `ok-split-button` | Botón principal pegado a un caret que abre menú. | `ok-main`, `ok-select`, `ok-open` |
|
|
183
183
|
| `ok-menu` | Menú desplegable/contextual con submenús, checkbox/radio, divisores. | `ok-select`, `ok-open` |
|
|
184
184
|
| `ok-menubar` | Barra de menús de app (Archivo/Editar/Ver) con dropdowns. | `ok-select`, `ok-open` |
|
|
185
|
-
| `ok-drawer` | Panel lateral deslizante (slide-over) modal con focus-trap y cierre por ESC/scrim. | `ok-open`, `ok-close` |
|
|
186
185
|
| `ok-spotlight-search` | Buscador overlay estilo Spotlight (macOS): `<dialog>` top-layer translúcido, chrome solo (input+✕+panel); resultados los pone el consumidor por slot. | `ok-input`, `ok-open` |
|
|
187
186
|
|
|
188
187
|
### Media y archivos
|
package/dist/cdn.d.ts
CHANGED
|
@@ -42,7 +42,6 @@ import './components/ok-spotlight-search/ok-spotlight-search.js';
|
|
|
42
42
|
import './components/ok-color-picker/ok-color-picker.js';
|
|
43
43
|
import './components/ok-avatar/ok-avatar.js';
|
|
44
44
|
import './components/ok-status-pill/ok-status-pill.js';
|
|
45
|
-
import './components/ok-drawer/ok-drawer.js';
|
|
46
45
|
import './components/ok-page-header/ok-page-header.js';
|
|
47
46
|
import './components/ok-bento/ok-bento.js';
|
|
48
47
|
import './components/ok-bento-item/ok-bento-item.js';
|
|
@@ -58,7 +57,6 @@ import './components/ok-navbar/ok-navbar.js';
|
|
|
58
57
|
import './components/ok-footer/ok-footer.js';
|
|
59
58
|
import './components/ok-hero/ok-hero.js';
|
|
60
59
|
import './components/ok-pagination/ok-pagination.js';
|
|
61
|
-
import './components/ok-skeleton/ok-skeleton.js';
|
|
62
60
|
import './components/ok-gauge/ok-gauge.js';
|
|
63
61
|
import './components/ok-chart/ok-chart.js';
|
|
64
62
|
import './components/ok-donut/ok-donut.js';
|
|
@@ -76,9 +74,6 @@ import './components/ok-coachmark/ok-coachmark.js';
|
|
|
76
74
|
import './components/ok-select-card/ok-select-card.js';
|
|
77
75
|
import './components/ok-theme-picker/ok-theme-picker.js';
|
|
78
76
|
import './components/ok-error-page/ok-error-page.js';
|
|
79
|
-
import './components/ok-date-picker/ok-date-picker.js';
|
|
80
|
-
import './components/ok-time-picker/ok-time-picker.js';
|
|
81
|
-
import './components/ok-range-dual/ok-range-dual.js';
|
|
82
77
|
import './components/ok-file-item/ok-file-item.js';
|
|
83
78
|
import './components/ok-rich-text/ok-rich-text.js';
|
|
84
79
|
import './components/ok-code/ok-code.js';
|
package/dist/index.d.ts
CHANGED
|
@@ -68,8 +68,6 @@ export { OkAvatar } from './components/ok-avatar/ok-avatar.js';
|
|
|
68
68
|
export type { OkAvatarSize, OkAvatarShape, OkAvatarTone, OkAvatarStatus } from './components/ok-avatar/ok-avatar.js';
|
|
69
69
|
export { OkStatusPill } from './components/ok-status-pill/ok-status-pill.js';
|
|
70
70
|
export type { OkStatusPillTone, OkStatusPillSize } from './components/ok-status-pill/ok-status-pill.js';
|
|
71
|
-
export { OkDrawer } from './components/ok-drawer/ok-drawer.js';
|
|
72
|
-
export type { OkDrawerSide, OkDrawerLabels } from './components/ok-drawer/ok-drawer.js';
|
|
73
71
|
export { OkPageHeader } from './components/ok-page-header/ok-page-header.js';
|
|
74
72
|
export { OkBento } from './components/ok-bento/ok-bento.js';
|
|
75
73
|
export { OkBentoItem } from './components/ok-bento-item/ok-bento-item.js';
|
|
@@ -86,8 +84,6 @@ export { OkFooter } from './components/ok-footer/ok-footer.js';
|
|
|
86
84
|
export { OkHero } from './components/ok-hero/ok-hero.js';
|
|
87
85
|
export { OkPagination } from './components/ok-pagination/ok-pagination.js';
|
|
88
86
|
export type { PaginationVariant } from './components/ok-pagination/ok-pagination.js';
|
|
89
|
-
export { OkSkeleton } from './components/ok-skeleton/ok-skeleton.js';
|
|
90
|
-
export type { OkSkeletonVariant, OkSkeletonPreset } from './components/ok-skeleton/ok-skeleton.js';
|
|
91
87
|
export { OkGauge } from './components/ok-gauge/ok-gauge.js';
|
|
92
88
|
export type { OkGaugeThreshold, OkGaugeType } from './components/ok-gauge/ok-gauge.js';
|
|
93
89
|
export { OkChart } from './components/ok-chart/ok-chart.js';
|
|
@@ -122,11 +118,6 @@ export { OkThemePicker, DEFAULT_PALETTES, applyPalette } from './components/ok-t
|
|
|
122
118
|
export type { OkThemePickerPalette, OkThemePickerMode, OkThemePickerLabels, } from './components/ok-theme-picker/ok-theme-picker.js';
|
|
123
119
|
export { OkErrorPage } from './components/ok-error-page/ok-error-page.js';
|
|
124
120
|
export type { OkErrorPageVariant, OkErrorPageMode, OkErrorCheckStatus, OkErrorShortcut, OkErrorCheck } from './components/ok-error-page/ok-error-page.js';
|
|
125
|
-
export { OkDatePicker } from './components/ok-date-picker/ok-date-picker.js';
|
|
126
|
-
export type { OkDatePickerMode, OkDateRange, OkDatePickerValue, OkDatePreset, OkDatePickerLabels } from './components/ok-date-picker/ok-date-picker.js';
|
|
127
|
-
export { OkTimePicker } from './components/ok-time-picker/ok-time-picker.js';
|
|
128
|
-
export { OkRangeDual } from './components/ok-range-dual/ok-range-dual.js';
|
|
129
|
-
export type { OkRangeDualChangeDetail } from './components/ok-range-dual/ok-range-dual.js';
|
|
130
121
|
export { OkFileItem } from './components/ok-file-item/ok-file-item.js';
|
|
131
122
|
export type { OkFileItemState } from './components/ok-file-item/ok-file-item.js';
|
|
132
123
|
export { OkRichText } from './components/ok-rich-text/ok-rich-text.js';
|
package/dist/index.js
CHANGED
|
@@ -44,7 +44,6 @@ import { OkSpotlightSearch } from "./ok-spotlight-search.js";
|
|
|
44
44
|
import { OkColorPicker } from "./ok-color-picker.js";
|
|
45
45
|
import { OkAvatar } from "./ok-avatar.js";
|
|
46
46
|
import { OkStatusPill } from "./ok-status-pill.js";
|
|
47
|
-
import { OkDrawer } from "./ok-drawer.js";
|
|
48
47
|
import { OkPageHeader } from "./ok-page-header.js";
|
|
49
48
|
import { OkBento } from "./ok-bento.js";
|
|
50
49
|
import { OkBentoItem } from "./ok-bento-item.js";
|
|
@@ -60,7 +59,6 @@ import { OkNavbar } from "./ok-navbar.js";
|
|
|
60
59
|
import { OkFooter } from "./ok-footer.js";
|
|
61
60
|
import { OkHero } from "./ok-hero.js";
|
|
62
61
|
import { OkPagination } from "./ok-pagination.js";
|
|
63
|
-
import { OkSkeleton } from "./ok-skeleton.js";
|
|
64
62
|
import { OkGauge } from "./ok-gauge.js";
|
|
65
63
|
import { OkChart } from "./ok-chart.js";
|
|
66
64
|
import { OkDonut } from "./ok-donut.js";
|
|
@@ -78,9 +76,6 @@ import { OkCoachmark } from "./ok-coachmark.js";
|
|
|
78
76
|
import { OkSelectCard } from "./ok-select-card.js";
|
|
79
77
|
import { DEFAULT_PALETTES, OkThemePicker, applyPalette } from "./ok-theme-picker.js";
|
|
80
78
|
import { OkErrorPage } from "./ok-error-page.js";
|
|
81
|
-
import { OkDatePicker } from "./ok-date-picker.js";
|
|
82
|
-
import { OkTimePicker } from "./ok-time-picker.js";
|
|
83
|
-
import { OkRangeDual } from "./ok-range-dual.js";
|
|
84
79
|
import { OkFileItem } from "./ok-file-item.js";
|
|
85
80
|
import { OkRichText } from "./ok-rich-text.js";
|
|
86
81
|
import { OkCode } from "./ok-code.js";
|
|
@@ -122,11 +117,9 @@ export {
|
|
|
122
117
|
OkCtaBand,
|
|
123
118
|
OkCurrency,
|
|
124
119
|
OkDataTable,
|
|
125
|
-
OkDatePicker,
|
|
126
120
|
OkDetailList,
|
|
127
121
|
OkDiff,
|
|
128
122
|
OkDonut,
|
|
129
|
-
OkDrawer,
|
|
130
123
|
OkDropzone,
|
|
131
124
|
OkEmptyState,
|
|
132
125
|
OkErrorPage,
|
|
@@ -170,7 +163,6 @@ export {
|
|
|
170
163
|
OkProductCard,
|
|
171
164
|
OkQr,
|
|
172
165
|
OkQtyStepper,
|
|
173
|
-
OkRangeDual,
|
|
174
166
|
OkRating,
|
|
175
167
|
OkReceipt,
|
|
176
168
|
OkReveal,
|
|
@@ -178,7 +170,6 @@ export {
|
|
|
178
170
|
OkScheduler,
|
|
179
171
|
OkSelectCard,
|
|
180
172
|
OkSignature,
|
|
181
|
-
OkSkeleton,
|
|
182
173
|
OkSparkline,
|
|
183
174
|
OkSplitButton,
|
|
184
175
|
OkSplitter,
|
|
@@ -191,7 +182,6 @@ export {
|
|
|
191
182
|
OkTagInput,
|
|
192
183
|
OkTestimonial,
|
|
193
184
|
OkThemePicker,
|
|
194
|
-
OkTimePicker,
|
|
195
185
|
OkTimeline,
|
|
196
186
|
OkTree,
|
|
197
187
|
OkVideo,
|
package/dist/ok-data-table.js
CHANGED
|
@@ -3,7 +3,7 @@ import { property, state } from "lit/decorators.js";
|
|
|
3
3
|
import { repeat } from "lit/directives/repeat.js";
|
|
4
4
|
import { styleMap } from "lit/directives/style-map.js";
|
|
5
5
|
import { define } from "./define.js";
|
|
6
|
-
import {
|
|
6
|
+
import { P as iconCalendarOutline, s as iconEllipsisVertical, o as okIcon, m as iconClose, a as iconChevronBack, Q as iconChevronForward, R as iconFileTrayOutline, S as iconSwapVerticalOutline, T as iconChevronUpOutline, w as iconChevronDownOutline } from "./shared/icons.js";
|
|
7
7
|
const CSV_BOM = "\uFEFF";
|
|
8
8
|
function decodeCsvBuffer(buf) {
|
|
9
9
|
let text;
|
package/dist/ok-file-manager.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LitElement, css, html } from "lit";
|
|
2
2
|
import { property, state, query } from "lit/decorators.js";
|
|
3
3
|
import { define } from "./define.js";
|
|
4
|
-
import { g as iconChevronForwardOutline, o as okIcon,
|
|
4
|
+
import { g as iconChevronForwardOutline, o as okIcon, O as iconFolderOpenOutline } from "./shared/icons.js";
|
|
5
5
|
var __defProp = Object.defineProperty;
|
|
6
6
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
7
7
|
var result = void 0;
|
package/dist/ok-lightbox.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LitElement, css, render, nothing, html } from "lit";
|
|
2
2
|
import { property, state } from "lit/decorators.js";
|
|
3
3
|
import { define } from "./define.js";
|
|
4
|
-
import { H as iconExpandOutline, v as iconCloseOutline, t as iconChevronBackOutline, g as iconChevronForwardOutline, D as iconDownloadOutline,
|
|
4
|
+
import { H as iconExpandOutline, v as iconCloseOutline, t as iconChevronBackOutline, g as iconChevronForwardOutline, D as iconDownloadOutline, N as iconPlayOutline } from "./shared/icons.js";
|
|
5
5
|
var __defProp = Object.defineProperty;
|
|
6
6
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
7
7
|
var result = void 0;
|