@prolibu-suite/cobalt-core 0.5.0 → 0.6.0
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/custom-elements.json +54 -2
- package/dist/cjs/co-button.cjs.entry.js +1 -1
- package/dist/cjs/co-input.cjs.entry.js +16 -0
- package/dist/cjs/cobalt.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/p-75dcaeb0.entry.js +1 -0
- package/dist/cobalt/p-8f194753.entry.js +1 -0
- package/dist/collection/components/co-button/co-button.css +5 -1
- package/dist/collection/components/co-input/co-input.js +57 -0
- package/dist/components/co-button.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-input.js +1 -1
- package/dist/components/p-Bsq90mo4.js +1 -0
- package/dist/esm/co-button.entry.js +1 -1
- package/dist/esm/co-input.entry.js +16 -0
- package/dist/esm/cobalt.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/co-input/co-input.d.ts +9 -0
- package/dist/types/components.d.ts +15 -0
- package/package.json +4 -4
- package/dist/cobalt/p-7a3fb93b.entry.js +0 -1
- package/dist/cobalt/p-82ce1178.entry.js +0 -1
- package/dist/components/p-ivjj-BP8.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,g as a,b as l}from"./p-tT-aZV0-.js";export{s as setNonce}from"./p-tT-aZV0-.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await a(),l(JSON.parse('[["p-5c3101b5",[[1,"co-date-range",{"value":[1025],"label":[1],"placeholder":[1],"disabled":[4],"clearable":[4],"presets":[4],"helperText":[1,"helper-text"],"locale":[1],"applyLabel":[1,"apply-label"],"clearLabel":[1,"clear-label"]}]]],["p-0d7536a8",[[1,"co-combobox",{"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"placeholder":[1],"disabled":[4],"iconLeft":[1,"icon-left"],"clearable":[4],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"showFooter":[4,"show-footer"],"footerPrimaryLabel":[1,"footer-primary-label"],"footerSecondaryLabel":[1,"footer-secondary-label"],"options":[1],"emptyMessage":[1,"empty-message"],"value":[1025],"multiple":[4],"size":[513],"helperText":[1,"helper-text"],"status":[1],"layout":[513],"isOpen":[32],"searchQuery":[32],"overflowCount":[32]},null,{"isOpen":[{"onOpenChange":0}],"value":[{"onValueChange":0}]}]]],["p-e4a539da",[[1,"co-date-picker",{"value":[1025],"min":[1],"max":[1],"disabledDates":[1,"disabled-dates"],"disabledDaysOfWeek":[1,"disabled-days-of-week"],"locale":[1],"displayFormat":[1,"display-format"],"firstDayOfWeek":[2,"first-day-of-week"],"label":[1],"placeholder":[1],"size":[513],"name":[1],"disabled":[4],"readonly":[4],"required":[4],"clearable":[4],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"layout":[513],"placement":[1],"closeOnSelect":[4,"close-on-select"],"open":[1540],"mobileBreakpoint":[2,"mobile-breakpoint"],"isMobile":[32],"internalInvalid":[32]}]]],["p-f0de4415",[[257,"co-command-search",{"open":[1540],"placeholder":[1],"items":[1],"emptyMessage":[1,"empty-message"],"async":[516],"loading":[516],"chips":[513],"tabs":[1],"activeTab":[1,"active-tab"],"hasMore":[4,"has-more"],"moreLabel":[1,"more-label"],"favorites":[1],"query":[32]},null,{"activeTab":[{"onActiveTabChange":0}],"open":[{"onOpenChange":0}]}]]],["p-81cfd951",[[1,"co-autocomplete",{"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"placeholder":[1],"disabled":[4],"iconLeft":[1,"icon-left"],"clearable":[4],"helperText":[1,"helper-text"],"layout":[513],"size":[513],"status":[1],"options":[1],"value":[1025],"multiple":[4],"loading":[4],"minChars":[2,"min-chars"],"searchDebounce":[2,"search-debounce"],"emptyMessage":[1,"empty-message"],"isOpen":[32],"query":[32],"focused":[32]},[[4,"click","handleDocumentClick"]],{"options":[{"onOptionsChange":0}],"value":[{"onValueChange":0}]}]]],["p-4a075257",[[1,"co-ref-field",{"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"labelIcon":[513,"label-icon"],"placeholder":[1],"disabled":[4],"clearable":[4],"multiple":[4],"status":[1],"helperText":[1,"helper-text"],"iconLeft":[1,"icon-left"],"layout":[513],"size":[513],"value":[1025],"options":[1],"selectedDisplay":[1,"selected-display"],"loading":[4],"total":[2],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"searchDebounce":[2,"search-debounce"],"emptyMessage":[1,"empty-message"],"showFooter":[4,"show-footer"],"footerPrimaryLabel":[1,"footer-primary-label"],"footerSecondaryLabel":[1,"footer-secondary-label"],"maxChips":[2,"max-chips"],"panelTheme":[1,"panel-theme"],"avatarShape":[1,"avatar-shape"],"isOpen":[32],"overflowCount":[32]},null,{"isOpen":[{"onOpenChange":0}]}]]],["p-e1957078",[[1,"co-avatar-group",{"items":[16],"max":[2],"size":[1],"shape":[1],"interactive":[4],"label":[1]}]]],["p-373cd08e",[[1,"co-column-picker",{"label":[1],"secondaryLabel":[1,"secondary-label"],"options":[1],"value":[1025],"multiple":[4],"disabled":[4],"showToolbar":[4,"show-toolbar"],"showSearch":[4,"show-search"],"clearable":[4],"placeholder":[1],"maxHeight":[2,"max-height"],"emptyText":[1,"empty-text"],"selectAllText":[1,"select-all-text"],"clearText":[1,"clear-text"],"expandText":[1,"expand-text"],"collapseText":[1,"collapse-text"],"selectedText":[1,"selected-text"],"sections":[1],"status":[1],"helperText":[1,"helper-text"],"isOpen":[32],"query":[32],"expandedKeys":[32],"focused":[32]},[[4,"click","handleDocumentClick"]],{"options":[{"onOptionsChange":0}]}]]],["p-b1197c08",[[260,"co-data-table",{"columns":[1],"rows":[1],"rowKey":[1,"row-key"],"loading":[4],"skeletonRows":[2,"skeleton-rows"],"emptyTitle":[1,"empty-title"],"emptyMessage":[1,"empty-message"],"emptyIcon":[1,"empty-icon"],"emptyActionLabel":[1,"empty-action-label"],"emptyActionVariant":[1,"empty-action-variant"],"emptyActionIcon":[1,"empty-action-icon"],"sortField":[1537,"sort-field"],"sortOrder":[1537,"sort-order"],"filteredFields":[513,"filtered-fields"],"indirectFilteredFields":[513,"indirect-filtered-fields"],"selectable":[4],"selectedKeys":[1025,"selected-keys"],"resizable":[4],"parsedColumns":[32],"parsedRows":[32],"parsedSelectedKeys":[32],"parsedFilteredFields":[32],"parsedIndirectFields":[32],"columnWidths":[32],"resizingColumn":[32],"resizeStartX":[32],"resizeStartWidth":[32]},null,{"columns":[{"parseColumns":0}],"rows":[{"parseRows":0}],"selectedKeys":[{"parseSelectedKeys":0}],"filteredFields":[{"parseFilteredFields":0}],"indirectFilteredFields":[{"parseIndirectFields":0}]}]]],["p-075eed3d",[[257,"co-breadcrumb",{"separator":[1],"items":[1]},null,{"separator":[{"watchSeparator":0}]}]]],["p-5b31d45b",[[1,"co-color-picker",{"value":[1025],"label":[1],"placeholder":[1],"disabled":[4],"required":[4],"status":[1],"helperText":[1,"helper-text"],"layout":[513],"size":[513],"name":[1],"presets":[1],"isOpen":[32],"copied":[32]}]]],["p-47a2dd67",[[257,"co-drive-card",{"variant":[1],"density":[1],"accent":[1],"name":[1],"meta":[1],"selected":[516],"starred":[516],"active":[516],"ext":[1]}]]],["p-9c873a6a",[[1,"co-event-calendar",{"view":[1537],"date":[1025],"events":[1],"locale":[1],"timeZone":[1,"time-zone"],"editable":[4],"selectable":[4],"dayMaxEvents":[2,"day-max-events"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"firstDayOfWeek":[2,"first-day-of-week"],"availableViews":[1,"available-views"],"statusColors":[1,"status-colors"],"defaultDurationMinutes":[2,"default-duration-minutes"],"anchor":[32]},null,{"date":[{"onDateChange":0}]}]]],["p-0d6a562d",[[257,"co-file-field",{"label":[1],"disabled":[4],"readonly":[4],"required":[4],"multiple":[4],"accept":[1],"maxFiles":[2,"max-files"],"maxBytes":[2,"max-bytes"],"status":[1],"helperText":[1,"helper-text"],"layout":[513],"locale":[1],"uploadButtonText":[1,"upload-button-text"],"dropText":[1,"drop-text"],"uploadedTitle":[1,"uploaded-title"],"reorderable":[4],"files":[1],"dragOver":[32],"localError":[32],"copiedKey":[32],"armedKey":[32],"dragKey":[32],"overKey":[32],"failedPreviews":[32]}]]],["p-809015dd",[[257,"co-list-item",{"label":[1],"description":[1],"icon":[1],"selected":[516],"disabled":[4],"dense":[516],"labelTruncated":[32],"descTruncated":[32]},null,{"label":[{"onTextChange":0}],"description":[{"onTextChange":0}]}]]],["p-e33853fa",[[257,"co-menu-item",{"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"dense":[4],"selected":[4],"trailingCheck":[4,"trailing-check"],"disabled":[4],"variant":[1],"hasSubmenu":[32],"submenuOpen":[32],"focusItem":[64]}]]],["p-5edd0d3f",[[257,"co-modal",{"open":[1540],"heading":[1],"description":[1],"closable":[4],"closeOnOverlay":[4,"close-on-overlay"],"closeOnEscape":[4,"close-on-escape"],"size":[513],"noDividers":[516,"no-dividers"]},[[4,"keydown","handleKeydown"]]]]],["p-cc8e2f16",[[0,"co-rich-text-editor",{"value":[1025],"preset":[1],"placeholder":[1],"label":[1],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"status":[1],"disabled":[4],"readonly":[4],"required":[4],"maxLength":[2,"max-length"],"showCharacterCount":[4,"show-character-count"],"autofocus":[4],"toolbar":[1],"features":[1],"customExtensions":[16],"imageUpload":[16],"fontFamilies":[1,"font-families"],"accountFonts":[1,"account-fonts"],"fontsLoading":[4,"fonts-loading"],"fontLoader":[16],"locale":[1],"ready":[32],"hasFocus":[32],"getJSON":[64],"getHtml":[64],"getText":[64],"clear":[64],"focusEditor":[64],"setContent":[64],"getEditorInstance":[64]},null,{"accountFonts":[{"onAccountFontsChange":0}],"value":[{"onValueChange":0}],"disabled":[{"onEditableChange":0}],"readonly":[{"onEditableChange":0}]}]]],["p-e7085f08",[[1,"co-select",{"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"placeholder":[1],"disabled":[4],"iconLeft":[1,"icon-left"],"clearable":[4],"helperText":[1,"helper-text"],"layout":[513],"status":[1],"options":[1],"value":[1025],"multiple":[4],"size":[513],"searchable":[516],"searchPlaceholder":[1,"search-placeholder"],"emptyText":[1,"empty-text"],"isOpen":[32],"scrollTop":[32],"searchText":[32],"sortSnapshot":[32]},null,{"isOpen":[{"onOpenChange":0}]}]]],["p-f86ccb38",[[1,"co-sidebar-nav",{"items":[1],"activeKey":[513,"active-key"],"mode":[513],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"search":[1],"iconMap":[1,"icon-map"],"translations":[1],"searchText":[32],"expandedKeys":[32],"flyoutKey":[32],"flyoutPosition":[32]},null,{"iconMap":[{"onIconMapChange":0}],"translations":[{"onTranslationsChange":0}],"search":[{"onSearchChange":0}],"activeKey":[{"onActiveKeyChange":0}],"items":[{"onItemsChange":0}]}]]],["p-771bc8fe",[[257,"co-accordion",{"open":[1540],"heading":[1],"subheading":[1],"disabled":[4],"hasSubheadingSlot":[32]}]]],["p-ba66584f",[[1,"co-checkbox-group",{"label":[1],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"layout":[513],"status":[1],"value":[1025],"options":[1],"direction":[1],"size":[1],"disabled":[4]},null,{"value":[{"onValueChange":0}]}]]],["p-5e9a9caf",[[1,"co-data-table-pagination",{"page":[1538],"pageSize":[1538,"page-size"],"totalCount":[2,"total-count"],"pageSizes":[1,"page-sizes"],"perPageLabel":[1,"per-page-label"],"recordsLabel":[1,"records-label"],"jumpToPageLabel":[1,"jump-to-page-label"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"],"parsedPageSizes":[32],"jumpToValue":[32],"showPageSizeDropdown":[32]},null,{"pageSizes":[{"parsePageSizes":0}]}]]],["p-2d1cbd7f",[[257,"co-drop-zone",{"active":[1540],"accent":[1],"label":[1],"icon":[1]}]]],["p-8128e84a",[[257,"co-empty-state",{"icon":[1],"heading":[1],"description":[1],"variant":[1],"size":[1],"iconWeight":[1,"icon-weight"]}]]],["p-f36e461f",[[1,"co-fab",{"icon":[1],"label":[1],"variant":[1],"size":[1],"ariaLabelText":[1,"aria-label-text"],"disabled":[4],"position":[1]}]]],["p-b8ec0cc1",[[257,"co-helper-text",{"status":[1],"message":[1]}]]],["p-20ba59a2",[[1,"co-icon-button",{"variant":[1],"surface":[1],"shape":[513],"size":[1],"boxSize":[2,"box-size"],"iconSize":[2,"icon-size"],"disabled":[4],"label":[1],"icon":[1],"iconWeight":[1,"icon-weight"]}]]],["p-82ce1178",[[257,"co-input",{"label":[1],"secondaryLabel":[1,"secondary-label"],"placeholder":[1],"value":[1025],"helperText":[1,"helper-text"],"disabled":[4],"readonly":[4],"clearable":[4],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"layout":[513],"type":[1],"name":[1],"required":[4],"autocomplete":[1],"status":[1],"size":[513],"fill":[4],"actionLabel":[1,"action-label"],"actionIcon":[1,"action-icon"],"hasFocus":[32]}]]],["p-e2762263",[[1,"co-json-field",{"value":[1025],"label":[1],"placeholder":[1],"name":[1],"required":[4],"disabled":[4],"readonly":[4],"rows":[2],"status":[1],"helperText":[1,"helper-text"],"invalidMessage":[1,"invalid-message"],"layout":[513],"size":[513],"draft":[32],"internalInvalid":[32],"hasFocus":[32]},null,{"value":[{"onValueChange":0}]}]]],["p-e9aaeaf7",[[257,"co-menu",{"placement":[1],"offset":[2],"autoClose":[4,"auto-close"],"open":[1540],"width":[1],"focusFirstItem":[64]},[[0,"coMenuSelect","handleMenuSelect"]],{"open":[{"onOpenChange":0}]}]]],["p-86d4e016",[[1,"co-number-field",{"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"layout":[513],"status":[1],"value":[1538],"min":[2],"max":[2],"step":[2],"disabled":[4],"placeholder":[1],"size":[513],"clearable":[4],"format":[513],"focused":[32]}]]],["p-7780ddb5",[[257,"co-page-header",{"heading":[1],"icon":[1]}]]],["p-627d2d1a",[[1,"co-phone-field",{"label":[1],"placeholder":[1],"value":[1025],"disabled":[4],"required":[4],"status":[1],"helperText":[1,"helper-text"],"layout":[513],"size":[513],"defaultCountry":[1,"default-country"],"selectedIso2":[32],"numberPart":[32],"isOpen":[32],"searchQuery":[32]},null,{"value":[{"onValueChange":0}],"defaultCountry":[{"onDefaultCountryChange":0}]}]]],["p-8dfb6886",[[1,"co-radio-group",{"label":[1],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"layout":[513],"status":[1],"value":[1025],"options":[1],"direction":[1],"size":[1],"disabled":[4],"name":[1]},null,{"value":[{"onValueChange":0}]}]]],["p-3f06d373",[[1,"co-rating",{"label":[1],"value":[1538],"max":[2],"size":[1],"disabled":[4],"readOnly":[4,"read-only"],"icon":[1],"helperText":[1,"helper-text"],"status":[1],"hoverValue":[32]}]]],["p-8e823c15",[[1,"co-slider",{"label":[1],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"status":[1],"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4],"showValue":[4,"show-value"],"showMarks":[4,"show-marks"],"dragging":[32]}]]],["p-fd27c2bd",[[1,"co-switch",{"checked":[1540],"disabled":[4],"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"status":[1]}]]],["p-e710b9ea",[[1,"co-tab",{"label":[1],"value":[1],"selected":[1540],"size":[1],"variant":[1],"badge":[1],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"disabled":[4]}]]],["p-5647ca9d",[[1,"co-tags-field",{"value":[1025],"label":[1],"placeholder":[1],"name":[1],"required":[4],"disabled":[4],"readonly":[4],"clearable":[4],"maxTags":[2,"max-tags"],"allowDuplicates":[4,"allow-duplicates"],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"layout":[513],"size":[513],"draft":[32],"editingIndex":[32],"editingDraft":[32],"hasFocus":[32]},null,{"editingIndex":[{"onEditingIndexChange":0}]}]]],["p-13fc9c8a",[[1,"co-textarea",{"value":[1025],"label":[1],"secondaryLabel":[1,"secondary-label"],"placeholder":[1],"name":[1],"required":[4],"disabled":[4],"readonly":[4],"rows":[2],"maxLength":[2,"max-length"],"status":[1],"helperText":[1,"helper-text"],"layout":[513],"size":[513],"clearable":[4],"resize":[1],"hasFocus":[32]}]]],["p-bb534985",[[257,"co-toast",{"message":[1],"description":[1],"icon":[1],"dismissible":[4],"actionsLayout":[1,"actions-layout"],"variant":[1],"progress":[2]}]]],["p-a6900010",[[1,"co-toggle-button",{"selected":[1540],"value":[1],"label":[1],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"size":[513],"disabled":[4],"variant":[513],"selectedIconWeight":[1,"selected-icon-weight"]}]]],["p-02c5a9a9",[[1,"co-transfer-list",{"label":[1],"leftTitle":[1,"left-title"],"rightTitle":[1,"right-title"],"options":[1],"value":[1025],"disabled":[4],"helperText":[1,"helper-text"],"status":[1],"leftChecked":[32],"rightChecked":[32]}]]],["p-fb251497",[[1,"co-video",{"src":[1],"poster":[1],"type":[1],"preload":[1],"autoplay":[4],"loop":[4],"muted":[1028],"volume":[1026],"currentTime":[1026,"current-time"],"playbackRate":[1026,"playback-rate"],"playbackRates":[1,"playback-rates"],"controls":[4],"showPlay":[4,"show-play"],"showVolume":[4,"show-volume"],"showProgress":[4,"show-progress"],"showTime":[4,"show-time"],"showFullscreen":[4,"show-fullscreen"],"showSpeed":[4,"show-speed"],"showPip":[4,"show-pip"],"showDownload":[4,"show-download"],"allowDownload":[4,"allow-download"],"aspectRatio":[1,"aspect-ratio"],"rounded":[1],"controlsAutoHide":[4,"controls-auto-hide"],"controlsAutoHideDelay":[2,"controls-auto-hide-delay"],"disabled":[4],"watchThreshold":[2,"watch-threshold"],"locale":[1],"isPlaying":[32],"internalCurrentTime":[32],"duration":[32],"buffered":[32],"volumeLevel":[32],"isMuted":[32],"isFullscreen":[32],"internalPlaybackRate":[32],"isLoading":[32],"showControlBar":[32],"hasError":[32],"errorMessage":[32],"showSpeedMenu":[32],"isPip":[32],"thresholdFired":[32],"hasStarted":[32],"isSeeking":[32],"showVolumeSlider":[32],"play":[64],"pause":[64],"togglePlay":[64],"seek":[64],"setVolume":[64],"toggleMute":[64],"toggleFullscreen":[64],"togglePip":[64]},null,{"src":[{"onSrcChange":0}],"muted":[{"onMutedChange":0}],"volume":[{"onVolumeChange":0}],"currentTime":[{"onCurrentTimeChange":0}],"playbackRate":[{"onPlaybackRateChange":0}],"playbackRates":[{"onPlaybackRatesChange":0}]}]]],["p-14d4c5c7",[[257,"co-app-shell",{"sidebarMode":[1537,"sidebar-mode"],"contentCard":[4,"content-card"]}]]],["p-86e60cfa",[[1,"co-badge",{"size":[1],"color":[1]}]]],["p-c1e53e4c",[[257,"co-bottom-sheet",{"open":[1540],"heading":[513],"maxHeight":[513,"max-height"],"dismissible":[4],"closeOnOverlay":[4,"close-on-overlay"],"closeOnEscape":[4,"close-on-escape"],"showHandle":[516,"show-handle"],"hasFooter":[32],"hasHeaderSlot":[32]},[[4,"keydown","handleKey"]],{"open":[{"onOpenChange":0}]}]]],["p-d9608046",[[257,"co-button-group",{"variant":[1],"size":[1],"direction":[1],"disabled":[4]}]]],["p-b4bed98b",[[257,"co-card",{"variant":[1],"padding":[1],"clickable":[4],"stretch":[516],"hasHeader":[32],"hasFooter":[32]}]]],["p-c2e2eee9",[[257,"co-media-thumb",{"src":[1],"video":[4],"height":[8],"radius":[2],"alt":[1]}]]],["p-0c0621a7",[[1,"co-menu-divider"]]],["p-c750b2d2",[[257,"co-navbar",{"variant":[1],"size":[1],"rounded":[4]}]]],["p-6ad1625a",[[1,"co-progress-bar",{"value":[2],"status":[1],"variant":[1],"thickness":[2],"indeterminate":[516]}]]],["p-af4cb263",[[1,"co-progress-circle",{"value":[2],"status":[1],"size":[2],"strokeWidth":[2,"stroke-width"],"showLabel":[4,"show-label"]}]]],["p-1681ce1d",[[1,"co-radio",{"checked":[1540],"size":[1],"disabled":[4],"label":[1],"value":[1]}]]],["p-aa20ffca",[[1,"co-rich-text-viewer",{"value":[1],"format":[1],"preset":[1],"emptyText":[1,"empty-text"],"compact":[4],"html":[32]},null,{"value":[{"watchInputs":0}],"format":[{"watchInputs":0}],"preset":[{"watchInputs":0}]}]]],["p-5c43d30e",[[257,"co-row",{"position":[1],"size":[1]}]]],["p-77d01b39",[[257,"co-segmented-bar",{"thickness":[2],"radius":[1],"trackColor":[1,"track-color"],"total":[2],"segments":[1]}]]],["p-cc0a4617",[[1,"co-separator",{"vertical":[516],"spaced":[520],"inset":[520],"color":[1],"size":[1],"dark":[516]}]]],["p-3f68fd2e",[[257,"co-sidebar",{"mode":[1537]}]]],["p-c0f39ddd",[[1,"co-skeleton",{"variant":[513],"width":[1],"height":[1]}]]],["p-73b30ebb",[[257,"co-tab-group",{"value":[1537],"variant":[1]},[[0,"coTabSelect","onTabSelect"]],{"value":[{"watchValue":0}],"variant":[{"watchVariant":0}]}]]],["p-85eed52c",[[257,"co-toggle-button-group",{"value":[1025],"multiple":[4],"size":[1],"disabled":[4],"direction":[1],"fullWidth":[516,"full-width"],"variant":[513]},[[0,"coToggle","handleToggle"]],{"value":[{"syncChildren":0}],"variant":[{"syncVariant":0}]}]]],["p-9c6ca902",[[1,"co-icon",{"name":[1],"weight":[1],"size":[2],"svgContent":[32]},null,{"name":[{"onPropsChange":0}],"weight":[{"onPropsChange":0}]}]]],["p-8a9ed2da",[[1,"co-date-range-picker",{"value":[1025],"min":[1],"max":[1],"locale":[1],"displayFormat":[1,"display-format"],"firstDayOfWeek":[2,"first-day-of-week"],"presets":[4],"presetIds":[1,"preset-ids"],"allowSameDay":[4,"allow-same-day"],"minRangeDays":[2,"min-range-days"],"maxRangeDays":[2,"max-range-days"],"clearable":[4],"applyOnSelect":[4,"apply-on-select"],"disabled":[4],"readonly":[4],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"label":[1],"required":[4],"placeholder":[1],"layout":[513],"size":[513],"placement":[1],"open":[1540],"applyLabel":[1,"apply-label"],"cancelLabel":[1,"cancel-label"],"clearLabel":[1,"clear-label"],"fromLabel":[1,"from-label"],"toLabel":[1,"to-label"],"mobileBreakpoint":[2,"mobile-breakpoint"],"draftFrom":[32],"draftTo":[32],"isMobile":[32]},null,{"value":[{"onValueChange":0}]}]]],["p-c6fedc59",[[257,"co-breadcrumb-item",{"label":[1],"value":[1],"icon":[1],"current":[4],"separator":[1]}]]],["p-7a3fb93b",[[257,"co-button",{"variant":[1],"shape":[513],"size":[1],"elevated":[4],"surface":[1],"disabled":[4],"label":[1],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"iconWeight":[1,"icon-weight"],"type":[1],"color":[1],"textColor":[1,"text-color"],"iconSize":[2,"icon-size"]}]]],["p-f073b467",[[1,"co-calendar-month",{"events":[16],"year":[2],"month":[2],"locale":[1],"firstDayOfWeek":[2,"first-day-of-week"],"timeZone":[1,"time-zone"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"editable":[4],"selectable":[4],"maxLanes":[2,"max-lanes"],"focused":[32],"dragOverDate":[32],"dragId":[32]}]]],["p-9a587867",[[1,"co-file-type-tile",{"ext":[1],"size":[2],"radius":[2],"colorTags":[4,"color-tags"]}]]],["p-f6b0c4a0",[[1,"co-lightbox",{"images":[1],"startIndex":[2,"start-index"],"open":[1540],"locale":[1],"index":[32],"scale":[32],"tx":[32],"ty":[32],"dragging":[32]},null,{"open":[{"onOpenChange":0}],"startIndex":[{"onStartIndexChange":0}],"images":[{"onImagesChange":0}]}]]],["p-1726ce07",[[257,"co-list-footer",{"primaryLabel":[1,"primary-label"],"primaryIcon":[1,"primary-icon"],"secondaryLabel":[1,"secondary-label"],"secondaryIcon":[1,"secondary-icon"]}]]],["p-70f70e02",[[1,"co-rich-text-toolbar",{"editor":[16],"variant":[1],"disabled":[4],"locale":[1],"imageUpload":[16],"items":[32],"tick":[32],"openPopover":[32],"popoverInput":[32],"gridHoverRows":[32],"gridHoverCols":[32],"gridLockedRows":[32],"gridLockedCols":[32],"tableTab":[32],"tableManualRows":[32],"tableManualCols":[32],"tableWithHeader":[32],"tableContextItems":[32],"imagePopoverMode":[32],"colorHexInput":[32]},null,{"variant":[{"onVariantChange":0}],"editor":[{"onEditorChange":0}],"openPopover":[{"onOpenPopoverChange":0}]}]]],["p-002e5beb",[[1,"co-checkbox",{"checked":[1540],"indeterminate":[1540],"size":[1],"disabled":[4],"label":[1],"value":[1],"onColor":[1,"on-color"],"appearance":[1]}]]],["p-ac5df270",[[257,"co-tooltip",{"content":[1],"placement":[1],"offset":[2],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"disabled":[4],"arrow":[4],"flip":[4],"maxWidth":[1,"max-width"],"block":[516],"visible":[32],"actualPlacement":[32]},null,{"visible":[{"onVisibleChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["p-6911a034",[[1,"co-avatar",{"type":[1],"size":[1],"text":[1],"src":[1],"alt":[1],"icon":[1],"iconWeight":[1,"icon-weight"],"shape":[1],"color":[1],"ringColor":[513,"ring-color"],"imgFailed":[32]}]]],["p-c3462def",[[257,"co-overlay",{"open":[1540],"trapFocus":[516,"trap-focus"],"closeOnEscape":[516,"close-on-escape"]},[[4,"keydown","handleKeydown"]],{"open":[{"onOpenChange":0}]}]]],["p-495c9b99",[[1,"co-loader",{"visible":[516],"overlay":[516],"size":[513],"text":[1],"background":[1]}]]],["p-a9afbaa6",[[257,"co-option-list",{"items":[1],"value":[1],"selectedItems":[1,"selected-items"],"multiple":[4],"selectedFirst":[4,"selected-first"],"selectedAffordance":[1,"selected-affordance"],"removableItems":[4,"removable-items"],"searchable":[516],"searchPlaceholder":[1,"search-placeholder"],"searchDebounce":[2,"search-debounce"],"initialTerm":[1,"initial-term"],"loading":[4],"total":[2],"hasMore":[4,"has-more"],"emptyMessage":[1,"empty-message"],"clearOptionLabel":[1,"clear-option-label"],"virtual":[516],"highlightMatches":[4,"highlight-matches"],"highlightTerm":[1,"highlight-term"],"avatarShape":[1,"avatar-shape"],"autoHighlight":[4,"auto-highlight"],"term":[32],"activeIndex":[32],"scrollTop":[32],"snapshotOrder":[64],"focusSearch":[64],"handleKey":[64]},null,{"items":[{"onItemsChange":0}]}],[257,"co-chip",{"shape":[1],"size":[1],"iconMode":[1,"icon-mode"],"variant":[1],"color":[1],"label":[1],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"iconWeight":[1,"icon-weight"],"valueLabel":[1,"value-label"],"trailingIcon":[1,"trailing-icon"],"removable":[516],"dot":[516],"dotColor":[513,"dot-color"],"clickable":[4],"disabled":[4],"selected":[1540]}]]],["p-f6ac5301",[[257,"co-drawer",{"open":[1540],"position":[513],"size":[513],"heading":[1],"description":[1],"icon":[1],"closable":[4],"closeOnOverlay":[4,"close-on-overlay"],"closeOnEscape":[4,"close-on-escape"],"modeless":[516],"loading":[4]},[[4,"keydown","handleKey"]],{"open":[{"onOpenChange":0}]}],[1,"co-calendar",{"mode":[1],"value":[1],"rangeStart":[1,"range-start"],"rangeEnd":[1,"range-end"],"min":[1],"max":[1],"disabledDates":[1,"disabled-dates"],"disabledDaysOfWeek":[1,"disabled-days-of-week"],"locale":[1],"firstDayOfWeek":[2,"first-day-of-week"],"prevMonthLabel":[1,"prev-month-label"],"nextMonthLabel":[1,"next-month-label"],"viewYear":[32],"viewMonth":[32],"focused":[32],"hoverDay":[32],"view":[32],"focusGrid":[64]},null,{"value":[{"onValueChange":0}]}],[1,"co-date-field",{"value":[1025],"size":[513],"min":[1],"max":[1],"disabledDates":[1,"disabled-dates"],"disabledDaysOfWeek":[1,"disabled-days-of-week"],"locale":[1],"displayFormat":[1,"display-format"],"label":[1],"placeholder":[1],"name":[1],"disabled":[4],"readonly":[4],"required":[4],"clearable":[4],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"layout":[513],"clearLabel":[1,"clear-label"],"draft":[32],"internalInvalid":[32],"hasFocus":[32],"focusInput":[64]},null,{"value":[{"onValueChange":0}]}]]],["p-e420d5c9",[[257,"co-popover",{"open":[1540],"placement":[1],"matchWidth":[516,"match-width"],"offset":[2],"closeOnClickOutside":[4,"close-on-click-outside"],"closeOnEscape":[4,"close-on-escape"],"flip":[4],"toggle":[64],"show":[64],"hide":[64]},null,{"open":[{"onOpenChange":0}]}]]]]'),e))));
|
|
1
|
+
import{p as e,g as a,b as l}from"./p-tT-aZV0-.js";export{s as setNonce}from"./p-tT-aZV0-.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await a(),l(JSON.parse('[["p-5c3101b5",[[1,"co-date-range",{"value":[1025],"label":[1],"placeholder":[1],"disabled":[4],"clearable":[4],"presets":[4],"helperText":[1,"helper-text"],"locale":[1],"applyLabel":[1,"apply-label"],"clearLabel":[1,"clear-label"]}]]],["p-0d7536a8",[[1,"co-combobox",{"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"placeholder":[1],"disabled":[4],"iconLeft":[1,"icon-left"],"clearable":[4],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"showFooter":[4,"show-footer"],"footerPrimaryLabel":[1,"footer-primary-label"],"footerSecondaryLabel":[1,"footer-secondary-label"],"options":[1],"emptyMessage":[1,"empty-message"],"value":[1025],"multiple":[4],"size":[513],"helperText":[1,"helper-text"],"status":[1],"layout":[513],"isOpen":[32],"searchQuery":[32],"overflowCount":[32]},null,{"isOpen":[{"onOpenChange":0}],"value":[{"onValueChange":0}]}]]],["p-e4a539da",[[1,"co-date-picker",{"value":[1025],"min":[1],"max":[1],"disabledDates":[1,"disabled-dates"],"disabledDaysOfWeek":[1,"disabled-days-of-week"],"locale":[1],"displayFormat":[1,"display-format"],"firstDayOfWeek":[2,"first-day-of-week"],"label":[1],"placeholder":[1],"size":[513],"name":[1],"disabled":[4],"readonly":[4],"required":[4],"clearable":[4],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"layout":[513],"placement":[1],"closeOnSelect":[4,"close-on-select"],"open":[1540],"mobileBreakpoint":[2,"mobile-breakpoint"],"isMobile":[32],"internalInvalid":[32]}]]],["p-f0de4415",[[257,"co-command-search",{"open":[1540],"placeholder":[1],"items":[1],"emptyMessage":[1,"empty-message"],"async":[516],"loading":[516],"chips":[513],"tabs":[1],"activeTab":[1,"active-tab"],"hasMore":[4,"has-more"],"moreLabel":[1,"more-label"],"favorites":[1],"query":[32]},null,{"activeTab":[{"onActiveTabChange":0}],"open":[{"onOpenChange":0}]}]]],["p-81cfd951",[[1,"co-autocomplete",{"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"placeholder":[1],"disabled":[4],"iconLeft":[1,"icon-left"],"clearable":[4],"helperText":[1,"helper-text"],"layout":[513],"size":[513],"status":[1],"options":[1],"value":[1025],"multiple":[4],"loading":[4],"minChars":[2,"min-chars"],"searchDebounce":[2,"search-debounce"],"emptyMessage":[1,"empty-message"],"isOpen":[32],"query":[32],"focused":[32]},[[4,"click","handleDocumentClick"]],{"options":[{"onOptionsChange":0}],"value":[{"onValueChange":0}]}]]],["p-4a075257",[[1,"co-ref-field",{"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"labelIcon":[513,"label-icon"],"placeholder":[1],"disabled":[4],"clearable":[4],"multiple":[4],"status":[1],"helperText":[1,"helper-text"],"iconLeft":[1,"icon-left"],"layout":[513],"size":[513],"value":[1025],"options":[1],"selectedDisplay":[1,"selected-display"],"loading":[4],"total":[2],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"searchDebounce":[2,"search-debounce"],"emptyMessage":[1,"empty-message"],"showFooter":[4,"show-footer"],"footerPrimaryLabel":[1,"footer-primary-label"],"footerSecondaryLabel":[1,"footer-secondary-label"],"maxChips":[2,"max-chips"],"panelTheme":[1,"panel-theme"],"avatarShape":[1,"avatar-shape"],"isOpen":[32],"overflowCount":[32]},null,{"isOpen":[{"onOpenChange":0}]}]]],["p-e1957078",[[1,"co-avatar-group",{"items":[16],"max":[2],"size":[1],"shape":[1],"interactive":[4],"label":[1]}]]],["p-373cd08e",[[1,"co-column-picker",{"label":[1],"secondaryLabel":[1,"secondary-label"],"options":[1],"value":[1025],"multiple":[4],"disabled":[4],"showToolbar":[4,"show-toolbar"],"showSearch":[4,"show-search"],"clearable":[4],"placeholder":[1],"maxHeight":[2,"max-height"],"emptyText":[1,"empty-text"],"selectAllText":[1,"select-all-text"],"clearText":[1,"clear-text"],"expandText":[1,"expand-text"],"collapseText":[1,"collapse-text"],"selectedText":[1,"selected-text"],"sections":[1],"status":[1],"helperText":[1,"helper-text"],"isOpen":[32],"query":[32],"expandedKeys":[32],"focused":[32]},[[4,"click","handleDocumentClick"]],{"options":[{"onOptionsChange":0}]}]]],["p-b1197c08",[[260,"co-data-table",{"columns":[1],"rows":[1],"rowKey":[1,"row-key"],"loading":[4],"skeletonRows":[2,"skeleton-rows"],"emptyTitle":[1,"empty-title"],"emptyMessage":[1,"empty-message"],"emptyIcon":[1,"empty-icon"],"emptyActionLabel":[1,"empty-action-label"],"emptyActionVariant":[1,"empty-action-variant"],"emptyActionIcon":[1,"empty-action-icon"],"sortField":[1537,"sort-field"],"sortOrder":[1537,"sort-order"],"filteredFields":[513,"filtered-fields"],"indirectFilteredFields":[513,"indirect-filtered-fields"],"selectable":[4],"selectedKeys":[1025,"selected-keys"],"resizable":[4],"parsedColumns":[32],"parsedRows":[32],"parsedSelectedKeys":[32],"parsedFilteredFields":[32],"parsedIndirectFields":[32],"columnWidths":[32],"resizingColumn":[32],"resizeStartX":[32],"resizeStartWidth":[32]},null,{"columns":[{"parseColumns":0}],"rows":[{"parseRows":0}],"selectedKeys":[{"parseSelectedKeys":0}],"filteredFields":[{"parseFilteredFields":0}],"indirectFilteredFields":[{"parseIndirectFields":0}]}]]],["p-075eed3d",[[257,"co-breadcrumb",{"separator":[1],"items":[1]},null,{"separator":[{"watchSeparator":0}]}]]],["p-5b31d45b",[[1,"co-color-picker",{"value":[1025],"label":[1],"placeholder":[1],"disabled":[4],"required":[4],"status":[1],"helperText":[1,"helper-text"],"layout":[513],"size":[513],"name":[1],"presets":[1],"isOpen":[32],"copied":[32]}]]],["p-47a2dd67",[[257,"co-drive-card",{"variant":[1],"density":[1],"accent":[1],"name":[1],"meta":[1],"selected":[516],"starred":[516],"active":[516],"ext":[1]}]]],["p-9c873a6a",[[1,"co-event-calendar",{"view":[1537],"date":[1025],"events":[1],"locale":[1],"timeZone":[1,"time-zone"],"editable":[4],"selectable":[4],"dayMaxEvents":[2,"day-max-events"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"firstDayOfWeek":[2,"first-day-of-week"],"availableViews":[1,"available-views"],"statusColors":[1,"status-colors"],"defaultDurationMinutes":[2,"default-duration-minutes"],"anchor":[32]},null,{"date":[{"onDateChange":0}]}]]],["p-0d6a562d",[[257,"co-file-field",{"label":[1],"disabled":[4],"readonly":[4],"required":[4],"multiple":[4],"accept":[1],"maxFiles":[2,"max-files"],"maxBytes":[2,"max-bytes"],"status":[1],"helperText":[1,"helper-text"],"layout":[513],"locale":[1],"uploadButtonText":[1,"upload-button-text"],"dropText":[1,"drop-text"],"uploadedTitle":[1,"uploaded-title"],"reorderable":[4],"files":[1],"dragOver":[32],"localError":[32],"copiedKey":[32],"armedKey":[32],"dragKey":[32],"overKey":[32],"failedPreviews":[32]}]]],["p-809015dd",[[257,"co-list-item",{"label":[1],"description":[1],"icon":[1],"selected":[516],"disabled":[4],"dense":[516],"labelTruncated":[32],"descTruncated":[32]},null,{"label":[{"onTextChange":0}],"description":[{"onTextChange":0}]}]]],["p-e33853fa",[[257,"co-menu-item",{"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"dense":[4],"selected":[4],"trailingCheck":[4,"trailing-check"],"disabled":[4],"variant":[1],"hasSubmenu":[32],"submenuOpen":[32],"focusItem":[64]}]]],["p-5edd0d3f",[[257,"co-modal",{"open":[1540],"heading":[1],"description":[1],"closable":[4],"closeOnOverlay":[4,"close-on-overlay"],"closeOnEscape":[4,"close-on-escape"],"size":[513],"noDividers":[516,"no-dividers"]},[[4,"keydown","handleKeydown"]]]]],["p-cc8e2f16",[[0,"co-rich-text-editor",{"value":[1025],"preset":[1],"placeholder":[1],"label":[1],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"status":[1],"disabled":[4],"readonly":[4],"required":[4],"maxLength":[2,"max-length"],"showCharacterCount":[4,"show-character-count"],"autofocus":[4],"toolbar":[1],"features":[1],"customExtensions":[16],"imageUpload":[16],"fontFamilies":[1,"font-families"],"accountFonts":[1,"account-fonts"],"fontsLoading":[4,"fonts-loading"],"fontLoader":[16],"locale":[1],"ready":[32],"hasFocus":[32],"getJSON":[64],"getHtml":[64],"getText":[64],"clear":[64],"focusEditor":[64],"setContent":[64],"getEditorInstance":[64]},null,{"accountFonts":[{"onAccountFontsChange":0}],"value":[{"onValueChange":0}],"disabled":[{"onEditableChange":0}],"readonly":[{"onEditableChange":0}]}]]],["p-e7085f08",[[1,"co-select",{"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"placeholder":[1],"disabled":[4],"iconLeft":[1,"icon-left"],"clearable":[4],"helperText":[1,"helper-text"],"layout":[513],"status":[1],"options":[1],"value":[1025],"multiple":[4],"size":[513],"searchable":[516],"searchPlaceholder":[1,"search-placeholder"],"emptyText":[1,"empty-text"],"isOpen":[32],"scrollTop":[32],"searchText":[32],"sortSnapshot":[32]},null,{"isOpen":[{"onOpenChange":0}]}]]],["p-f86ccb38",[[1,"co-sidebar-nav",{"items":[1],"activeKey":[513,"active-key"],"mode":[513],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"search":[1],"iconMap":[1,"icon-map"],"translations":[1],"searchText":[32],"expandedKeys":[32],"flyoutKey":[32],"flyoutPosition":[32]},null,{"iconMap":[{"onIconMapChange":0}],"translations":[{"onTranslationsChange":0}],"search":[{"onSearchChange":0}],"activeKey":[{"onActiveKeyChange":0}],"items":[{"onItemsChange":0}]}]]],["p-771bc8fe",[[257,"co-accordion",{"open":[1540],"heading":[1],"subheading":[1],"disabled":[4],"hasSubheadingSlot":[32]}]]],["p-ba66584f",[[1,"co-checkbox-group",{"label":[1],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"layout":[513],"status":[1],"value":[1025],"options":[1],"direction":[1],"size":[1],"disabled":[4]},null,{"value":[{"onValueChange":0}]}]]],["p-5e9a9caf",[[1,"co-data-table-pagination",{"page":[1538],"pageSize":[1538,"page-size"],"totalCount":[2,"total-count"],"pageSizes":[1,"page-sizes"],"perPageLabel":[1,"per-page-label"],"recordsLabel":[1,"records-label"],"jumpToPageLabel":[1,"jump-to-page-label"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"],"parsedPageSizes":[32],"jumpToValue":[32],"showPageSizeDropdown":[32]},null,{"pageSizes":[{"parsePageSizes":0}]}]]],["p-2d1cbd7f",[[257,"co-drop-zone",{"active":[1540],"accent":[1],"label":[1],"icon":[1]}]]],["p-8128e84a",[[257,"co-empty-state",{"icon":[1],"heading":[1],"description":[1],"variant":[1],"size":[1],"iconWeight":[1,"icon-weight"]}]]],["p-f36e461f",[[1,"co-fab",{"icon":[1],"label":[1],"variant":[1],"size":[1],"ariaLabelText":[1,"aria-label-text"],"disabled":[4],"position":[1]}]]],["p-b8ec0cc1",[[257,"co-helper-text",{"status":[1],"message":[1]}]]],["p-20ba59a2",[[1,"co-icon-button",{"variant":[1],"surface":[1],"shape":[513],"size":[1],"boxSize":[2,"box-size"],"iconSize":[2,"icon-size"],"disabled":[4],"label":[1],"icon":[1],"iconWeight":[1,"icon-weight"]}]]],["p-75dcaeb0",[[257,"co-input",{"label":[1],"secondaryLabel":[1,"secondary-label"],"placeholder":[1],"value":[1025],"helperText":[1,"helper-text"],"disabled":[4],"readonly":[4],"clearable":[4],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"layout":[513],"type":[1],"name":[1],"required":[4],"autoFocus":[4,"auto-focus"],"autocomplete":[1],"status":[1],"size":[513],"fill":[4],"actionLabel":[1,"action-label"],"actionIcon":[1,"action-icon"],"hasFocus":[32],"setFocus":[64]}]]],["p-e2762263",[[1,"co-json-field",{"value":[1025],"label":[1],"placeholder":[1],"name":[1],"required":[4],"disabled":[4],"readonly":[4],"rows":[2],"status":[1],"helperText":[1,"helper-text"],"invalidMessage":[1,"invalid-message"],"layout":[513],"size":[513],"draft":[32],"internalInvalid":[32],"hasFocus":[32]},null,{"value":[{"onValueChange":0}]}]]],["p-e9aaeaf7",[[257,"co-menu",{"placement":[1],"offset":[2],"autoClose":[4,"auto-close"],"open":[1540],"width":[1],"focusFirstItem":[64]},[[0,"coMenuSelect","handleMenuSelect"]],{"open":[{"onOpenChange":0}]}]]],["p-86d4e016",[[1,"co-number-field",{"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"layout":[513],"status":[1],"value":[1538],"min":[2],"max":[2],"step":[2],"disabled":[4],"placeholder":[1],"size":[513],"clearable":[4],"format":[513],"focused":[32]}]]],["p-7780ddb5",[[257,"co-page-header",{"heading":[1],"icon":[1]}]]],["p-627d2d1a",[[1,"co-phone-field",{"label":[1],"placeholder":[1],"value":[1025],"disabled":[4],"required":[4],"status":[1],"helperText":[1,"helper-text"],"layout":[513],"size":[513],"defaultCountry":[1,"default-country"],"selectedIso2":[32],"numberPart":[32],"isOpen":[32],"searchQuery":[32]},null,{"value":[{"onValueChange":0}],"defaultCountry":[{"onDefaultCountryChange":0}]}]]],["p-8dfb6886",[[1,"co-radio-group",{"label":[1],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"layout":[513],"status":[1],"value":[1025],"options":[1],"direction":[1],"size":[1],"disabled":[4],"name":[1]},null,{"value":[{"onValueChange":0}]}]]],["p-3f06d373",[[1,"co-rating",{"label":[1],"value":[1538],"max":[2],"size":[1],"disabled":[4],"readOnly":[4,"read-only"],"icon":[1],"helperText":[1,"helper-text"],"status":[1],"hoverValue":[32]}]]],["p-8e823c15",[[1,"co-slider",{"label":[1],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"status":[1],"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4],"showValue":[4,"show-value"],"showMarks":[4,"show-marks"],"dragging":[32]}]]],["p-fd27c2bd",[[1,"co-switch",{"checked":[1540],"disabled":[4],"label":[1],"required":[4],"secondaryLabel":[1,"secondary-label"],"helperText":[1,"helper-text"],"status":[1]}]]],["p-e710b9ea",[[1,"co-tab",{"label":[1],"value":[1],"selected":[1540],"size":[1],"variant":[1],"badge":[1],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"disabled":[4]}]]],["p-5647ca9d",[[1,"co-tags-field",{"value":[1025],"label":[1],"placeholder":[1],"name":[1],"required":[4],"disabled":[4],"readonly":[4],"clearable":[4],"maxTags":[2,"max-tags"],"allowDuplicates":[4,"allow-duplicates"],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"layout":[513],"size":[513],"draft":[32],"editingIndex":[32],"editingDraft":[32],"hasFocus":[32]},null,{"editingIndex":[{"onEditingIndexChange":0}]}]]],["p-13fc9c8a",[[1,"co-textarea",{"value":[1025],"label":[1],"secondaryLabel":[1,"secondary-label"],"placeholder":[1],"name":[1],"required":[4],"disabled":[4],"readonly":[4],"rows":[2],"maxLength":[2,"max-length"],"status":[1],"helperText":[1,"helper-text"],"layout":[513],"size":[513],"clearable":[4],"resize":[1],"hasFocus":[32]}]]],["p-bb534985",[[257,"co-toast",{"message":[1],"description":[1],"icon":[1],"dismissible":[4],"actionsLayout":[1,"actions-layout"],"variant":[1],"progress":[2]}]]],["p-a6900010",[[1,"co-toggle-button",{"selected":[1540],"value":[1],"label":[1],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"size":[513],"disabled":[4],"variant":[513],"selectedIconWeight":[1,"selected-icon-weight"]}]]],["p-02c5a9a9",[[1,"co-transfer-list",{"label":[1],"leftTitle":[1,"left-title"],"rightTitle":[1,"right-title"],"options":[1],"value":[1025],"disabled":[4],"helperText":[1,"helper-text"],"status":[1],"leftChecked":[32],"rightChecked":[32]}]]],["p-fb251497",[[1,"co-video",{"src":[1],"poster":[1],"type":[1],"preload":[1],"autoplay":[4],"loop":[4],"muted":[1028],"volume":[1026],"currentTime":[1026,"current-time"],"playbackRate":[1026,"playback-rate"],"playbackRates":[1,"playback-rates"],"controls":[4],"showPlay":[4,"show-play"],"showVolume":[4,"show-volume"],"showProgress":[4,"show-progress"],"showTime":[4,"show-time"],"showFullscreen":[4,"show-fullscreen"],"showSpeed":[4,"show-speed"],"showPip":[4,"show-pip"],"showDownload":[4,"show-download"],"allowDownload":[4,"allow-download"],"aspectRatio":[1,"aspect-ratio"],"rounded":[1],"controlsAutoHide":[4,"controls-auto-hide"],"controlsAutoHideDelay":[2,"controls-auto-hide-delay"],"disabled":[4],"watchThreshold":[2,"watch-threshold"],"locale":[1],"isPlaying":[32],"internalCurrentTime":[32],"duration":[32],"buffered":[32],"volumeLevel":[32],"isMuted":[32],"isFullscreen":[32],"internalPlaybackRate":[32],"isLoading":[32],"showControlBar":[32],"hasError":[32],"errorMessage":[32],"showSpeedMenu":[32],"isPip":[32],"thresholdFired":[32],"hasStarted":[32],"isSeeking":[32],"showVolumeSlider":[32],"play":[64],"pause":[64],"togglePlay":[64],"seek":[64],"setVolume":[64],"toggleMute":[64],"toggleFullscreen":[64],"togglePip":[64]},null,{"src":[{"onSrcChange":0}],"muted":[{"onMutedChange":0}],"volume":[{"onVolumeChange":0}],"currentTime":[{"onCurrentTimeChange":0}],"playbackRate":[{"onPlaybackRateChange":0}],"playbackRates":[{"onPlaybackRatesChange":0}]}]]],["p-14d4c5c7",[[257,"co-app-shell",{"sidebarMode":[1537,"sidebar-mode"],"contentCard":[4,"content-card"]}]]],["p-86e60cfa",[[1,"co-badge",{"size":[1],"color":[1]}]]],["p-c1e53e4c",[[257,"co-bottom-sheet",{"open":[1540],"heading":[513],"maxHeight":[513,"max-height"],"dismissible":[4],"closeOnOverlay":[4,"close-on-overlay"],"closeOnEscape":[4,"close-on-escape"],"showHandle":[516,"show-handle"],"hasFooter":[32],"hasHeaderSlot":[32]},[[4,"keydown","handleKey"]],{"open":[{"onOpenChange":0}]}]]],["p-d9608046",[[257,"co-button-group",{"variant":[1],"size":[1],"direction":[1],"disabled":[4]}]]],["p-b4bed98b",[[257,"co-card",{"variant":[1],"padding":[1],"clickable":[4],"stretch":[516],"hasHeader":[32],"hasFooter":[32]}]]],["p-c2e2eee9",[[257,"co-media-thumb",{"src":[1],"video":[4],"height":[8],"radius":[2],"alt":[1]}]]],["p-0c0621a7",[[1,"co-menu-divider"]]],["p-c750b2d2",[[257,"co-navbar",{"variant":[1],"size":[1],"rounded":[4]}]]],["p-6ad1625a",[[1,"co-progress-bar",{"value":[2],"status":[1],"variant":[1],"thickness":[2],"indeterminate":[516]}]]],["p-af4cb263",[[1,"co-progress-circle",{"value":[2],"status":[1],"size":[2],"strokeWidth":[2,"stroke-width"],"showLabel":[4,"show-label"]}]]],["p-1681ce1d",[[1,"co-radio",{"checked":[1540],"size":[1],"disabled":[4],"label":[1],"value":[1]}]]],["p-aa20ffca",[[1,"co-rich-text-viewer",{"value":[1],"format":[1],"preset":[1],"emptyText":[1,"empty-text"],"compact":[4],"html":[32]},null,{"value":[{"watchInputs":0}],"format":[{"watchInputs":0}],"preset":[{"watchInputs":0}]}]]],["p-5c43d30e",[[257,"co-row",{"position":[1],"size":[1]}]]],["p-77d01b39",[[257,"co-segmented-bar",{"thickness":[2],"radius":[1],"trackColor":[1,"track-color"],"total":[2],"segments":[1]}]]],["p-cc0a4617",[[1,"co-separator",{"vertical":[516],"spaced":[520],"inset":[520],"color":[1],"size":[1],"dark":[516]}]]],["p-3f68fd2e",[[257,"co-sidebar",{"mode":[1537]}]]],["p-c0f39ddd",[[1,"co-skeleton",{"variant":[513],"width":[1],"height":[1]}]]],["p-73b30ebb",[[257,"co-tab-group",{"value":[1537],"variant":[1]},[[0,"coTabSelect","onTabSelect"]],{"value":[{"watchValue":0}],"variant":[{"watchVariant":0}]}]]],["p-85eed52c",[[257,"co-toggle-button-group",{"value":[1025],"multiple":[4],"size":[1],"disabled":[4],"direction":[1],"fullWidth":[516,"full-width"],"variant":[513]},[[0,"coToggle","handleToggle"]],{"value":[{"syncChildren":0}],"variant":[{"syncVariant":0}]}]]],["p-9c6ca902",[[1,"co-icon",{"name":[1],"weight":[1],"size":[2],"svgContent":[32]},null,{"name":[{"onPropsChange":0}],"weight":[{"onPropsChange":0}]}]]],["p-8a9ed2da",[[1,"co-date-range-picker",{"value":[1025],"min":[1],"max":[1],"locale":[1],"displayFormat":[1,"display-format"],"firstDayOfWeek":[2,"first-day-of-week"],"presets":[4],"presetIds":[1,"preset-ids"],"allowSameDay":[4,"allow-same-day"],"minRangeDays":[2,"min-range-days"],"maxRangeDays":[2,"max-range-days"],"clearable":[4],"applyOnSelect":[4,"apply-on-select"],"disabled":[4],"readonly":[4],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"label":[1],"required":[4],"placeholder":[1],"layout":[513],"size":[513],"placement":[1],"open":[1540],"applyLabel":[1,"apply-label"],"cancelLabel":[1,"cancel-label"],"clearLabel":[1,"clear-label"],"fromLabel":[1,"from-label"],"toLabel":[1,"to-label"],"mobileBreakpoint":[2,"mobile-breakpoint"],"draftFrom":[32],"draftTo":[32],"isMobile":[32]},null,{"value":[{"onValueChange":0}]}]]],["p-c6fedc59",[[257,"co-breadcrumb-item",{"label":[1],"value":[1],"icon":[1],"current":[4],"separator":[1]}]]],["p-8f194753",[[257,"co-button",{"variant":[1],"shape":[513],"size":[1],"elevated":[4],"surface":[1],"disabled":[4],"label":[1],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"iconWeight":[1,"icon-weight"],"type":[1],"color":[1],"textColor":[1,"text-color"],"iconSize":[2,"icon-size"]}]]],["p-f073b467",[[1,"co-calendar-month",{"events":[16],"year":[2],"month":[2],"locale":[1],"firstDayOfWeek":[2,"first-day-of-week"],"timeZone":[1,"time-zone"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"editable":[4],"selectable":[4],"maxLanes":[2,"max-lanes"],"focused":[32],"dragOverDate":[32],"dragId":[32]}]]],["p-9a587867",[[1,"co-file-type-tile",{"ext":[1],"size":[2],"radius":[2],"colorTags":[4,"color-tags"]}]]],["p-f6b0c4a0",[[1,"co-lightbox",{"images":[1],"startIndex":[2,"start-index"],"open":[1540],"locale":[1],"index":[32],"scale":[32],"tx":[32],"ty":[32],"dragging":[32]},null,{"open":[{"onOpenChange":0}],"startIndex":[{"onStartIndexChange":0}],"images":[{"onImagesChange":0}]}]]],["p-1726ce07",[[257,"co-list-footer",{"primaryLabel":[1,"primary-label"],"primaryIcon":[1,"primary-icon"],"secondaryLabel":[1,"secondary-label"],"secondaryIcon":[1,"secondary-icon"]}]]],["p-70f70e02",[[1,"co-rich-text-toolbar",{"editor":[16],"variant":[1],"disabled":[4],"locale":[1],"imageUpload":[16],"items":[32],"tick":[32],"openPopover":[32],"popoverInput":[32],"gridHoverRows":[32],"gridHoverCols":[32],"gridLockedRows":[32],"gridLockedCols":[32],"tableTab":[32],"tableManualRows":[32],"tableManualCols":[32],"tableWithHeader":[32],"tableContextItems":[32],"imagePopoverMode":[32],"colorHexInput":[32]},null,{"variant":[{"onVariantChange":0}],"editor":[{"onEditorChange":0}],"openPopover":[{"onOpenPopoverChange":0}]}]]],["p-002e5beb",[[1,"co-checkbox",{"checked":[1540],"indeterminate":[1540],"size":[1],"disabled":[4],"label":[1],"value":[1],"onColor":[1,"on-color"],"appearance":[1]}]]],["p-ac5df270",[[257,"co-tooltip",{"content":[1],"placement":[1],"offset":[2],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"disabled":[4],"arrow":[4],"flip":[4],"maxWidth":[1,"max-width"],"block":[516],"visible":[32],"actualPlacement":[32]},null,{"visible":[{"onVisibleChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["p-6911a034",[[1,"co-avatar",{"type":[1],"size":[1],"text":[1],"src":[1],"alt":[1],"icon":[1],"iconWeight":[1,"icon-weight"],"shape":[1],"color":[1],"ringColor":[513,"ring-color"],"imgFailed":[32]}]]],["p-c3462def",[[257,"co-overlay",{"open":[1540],"trapFocus":[516,"trap-focus"],"closeOnEscape":[516,"close-on-escape"]},[[4,"keydown","handleKeydown"]],{"open":[{"onOpenChange":0}]}]]],["p-495c9b99",[[1,"co-loader",{"visible":[516],"overlay":[516],"size":[513],"text":[1],"background":[1]}]]],["p-a9afbaa6",[[257,"co-option-list",{"items":[1],"value":[1],"selectedItems":[1,"selected-items"],"multiple":[4],"selectedFirst":[4,"selected-first"],"selectedAffordance":[1,"selected-affordance"],"removableItems":[4,"removable-items"],"searchable":[516],"searchPlaceholder":[1,"search-placeholder"],"searchDebounce":[2,"search-debounce"],"initialTerm":[1,"initial-term"],"loading":[4],"total":[2],"hasMore":[4,"has-more"],"emptyMessage":[1,"empty-message"],"clearOptionLabel":[1,"clear-option-label"],"virtual":[516],"highlightMatches":[4,"highlight-matches"],"highlightTerm":[1,"highlight-term"],"avatarShape":[1,"avatar-shape"],"autoHighlight":[4,"auto-highlight"],"term":[32],"activeIndex":[32],"scrollTop":[32],"snapshotOrder":[64],"focusSearch":[64],"handleKey":[64]},null,{"items":[{"onItemsChange":0}]}],[257,"co-chip",{"shape":[1],"size":[1],"iconMode":[1,"icon-mode"],"variant":[1],"color":[1],"label":[1],"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"iconWeight":[1,"icon-weight"],"valueLabel":[1,"value-label"],"trailingIcon":[1,"trailing-icon"],"removable":[516],"dot":[516],"dotColor":[513,"dot-color"],"clickable":[4],"disabled":[4],"selected":[1540]}]]],["p-f6ac5301",[[257,"co-drawer",{"open":[1540],"position":[513],"size":[513],"heading":[1],"description":[1],"icon":[1],"closable":[4],"closeOnOverlay":[4,"close-on-overlay"],"closeOnEscape":[4,"close-on-escape"],"modeless":[516],"loading":[4]},[[4,"keydown","handleKey"]],{"open":[{"onOpenChange":0}]}],[1,"co-calendar",{"mode":[1],"value":[1],"rangeStart":[1,"range-start"],"rangeEnd":[1,"range-end"],"min":[1],"max":[1],"disabledDates":[1,"disabled-dates"],"disabledDaysOfWeek":[1,"disabled-days-of-week"],"locale":[1],"firstDayOfWeek":[2,"first-day-of-week"],"prevMonthLabel":[1,"prev-month-label"],"nextMonthLabel":[1,"next-month-label"],"viewYear":[32],"viewMonth":[32],"focused":[32],"hoverDay":[32],"view":[32],"focusGrid":[64]},null,{"value":[{"onValueChange":0}]}],[1,"co-date-field",{"value":[1025],"size":[513],"min":[1],"max":[1],"disabledDates":[1,"disabled-dates"],"disabledDaysOfWeek":[1,"disabled-days-of-week"],"locale":[1],"displayFormat":[1,"display-format"],"label":[1],"placeholder":[1],"name":[1],"disabled":[4],"readonly":[4],"required":[4],"clearable":[4],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"layout":[513],"clearLabel":[1,"clear-label"],"draft":[32],"internalInvalid":[32],"hasFocus":[32],"focusInput":[64]},null,{"value":[{"onValueChange":0}]}]]],["p-e420d5c9",[[257,"co-popover",{"open":[1540],"placement":[1],"matchWidth":[516,"match-width"],"offset":[2],"closeOnClickOutside":[4,"close-on-click-outside"],"closeOnEscape":[4,"close-on-escape"],"flip":[4],"toggle":[64],"show":[64],"hide":[64]},null,{"open":[{"onOpenChange":0}]}]]]]'),e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as o,a as e}from"./p-tT-aZV0-.js";import{R as c}from"./p-7FZXeBK4.js";const n=class{constructor(o){i(this,o),this.coInput=t(this,"coInput",7),this.coChange=t(this,"coChange",7),this.coClear=t(this,"coClear",7),this.coFocus=t(this,"coFocus",7),this.coBlur=t(this,"coBlur",7),this.coAction=t(this,"coAction",7),this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.clearable=!1,this.layout="vertical",this.type="text",this.required=!1,this.autoFocus=!1,this.status="default",this.size="md",this.fill=!1,this.hasFocus=!1,this.handleInput=i=>{this.value=i.target.value,this.coInput.emit(this.value)},this.handleChange=()=>{this.coChange.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coBlur.emit()},this.handleKeyDown=i=>{if("Enter"===i.key){const i=this.el.closest("form");i&&i.requestSubmit()}},this.handleClear=()=>{var i;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(i=this.inputEl)||void 0===i||i.focus()},this.handleAction=()=>{this.coAction.emit()}}async setFocus(){var i;null===(i=this.inputEl)||void 0===i||i.focus()}componentDidLoad(){var i;this.autoFocus&&(null===(i=this.inputEl)||void 0===i||i.focus())}get hasAction(){return!(!this.actionLabel&&!this.actionIcon)}get hasValue(){return null!=this.value&&""!==this.value}get statusFieldIcon(){switch(this.status){case"success":return"check";case"error":case"warning":return"warning";case"info":return"info";default:return null}}get helperIcon(){switch(this.status){case"error":case"warning":return"warning-circle";case"success":return"check-circle";case"info":return"info";default:return null}}renderFill(){const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=this.iconLeft||"magnifying-glass";return o("div",{class:{"co-input":!0,"co-input--fill":!0,[`co-input--${this.size}`]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue},part:"wrapper"},o("div",{class:"co-input__field-row"},o("div",{class:"co-input__field",part:"field"},o("co-icon",{name:t,size:17,class:"co-input__icon co-input__icon--left"}),o("div",{class:"co-input__input-wrapper"},o("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&o("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},o("co-icon",{name:"x",size:14})))))}render(){if(this.fill)return this.renderFill();const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly;return o("div",{class:{"co-input":!0,[`co-input--${this.layout}`]:!0,[`co-input--${this.size}`]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue,[`co-input--${this.status}`]:"default"!==this.status,"co-input--has-action":this.hasAction},part:"wrapper"},(this.label||this.secondaryLabel)&&o("div",{class:"co-input__labels"},this.label&&o("label",{class:"co-input__label",part:"label"},this.label,o(c,{required:this.required})),this.secondaryLabel&&o("span",{class:"co-input__secondary-label",part:"secondary-label"},this.secondaryLabel)),o("div",{class:"co-input__field-row"},o("div",{class:"co-input__field",part:"field"},this.iconLeft&&o("co-icon",{name:this.iconLeft,size:16,class:"co-input__icon co-input__icon--left"}),o("slot",{name:"chips"}),o("div",{class:"co-input__input-wrapper"},o("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&o("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},o("co-icon",{name:"x-circle",size:16,weight:"fill"})),this.iconRight&&o("co-icon",{name:this.iconRight,size:16,class:"co-input__icon co-input__icon--right"}),this.statusFieldIcon&&o("co-icon",{name:this.statusFieldIcon,size:16,class:"co-input__status-icon"}),o("slot",{name:"suffix"}),o("slot",null),o("slot",{name:"action"})),this.hasAction&&o("button",{class:"co-input__action",type:"button",onClick:this.handleAction,disabled:this.disabled,part:"action"},this.actionIcon&&o("co-icon",{name:this.actionIcon,size:16,class:"co-input__action-icon"}),this.actionLabel&&o("span",{class:"co-input__action-label"},this.actionLabel))),this.helperText&&o("div",{class:`co-input__helper co-input__helper--${this.status}`,part:"helper"},this.helperIcon&&o("co-icon",{name:this.helperIcon,size:14,class:"co-input__helper-icon"}),o("span",{class:"co-input__helper-text"},this.helperText)))}get el(){return e(this)}};n.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-input{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-input__label{white-space:normal}:host([layout='horizontal']) .co-input>:not(.co-input__labels){grid-column:2;min-width:0}.co-input__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-input__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-input__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-input__field-row{display:flex;align-items:stretch}.co-input__field{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-input--s .co-input__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-input--sm .co-input__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-input--lg .co-input__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-input--has-action .co-input__field{border-radius:var(--co-border-radius-xs) 0 0 var(--co-border-radius-xs);border-right:none}.co-input__field ::slotted([slot=\"action\"]){margin-left:auto;margin-right:calc(-1 * var(--co-spacing-md));margin-top:calc(-1 * var(--co-spacing-sm2));margin-bottom:calc(-1 * var(--co-spacing-sm2));border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;flex-shrink:0}.co-input__field ::slotted([slot=\"chips\"]){display:flex;gap:var(--co-spacing-xxs);align-items:center;flex-wrap:wrap;min-width:0}.co-input__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:22px;padding:0}.co-input__native{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-input__native::placeholder{color:var(--co-semantic-text-muted)}.co-input__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-input__clear--hidden{visibility:hidden;pointer-events:none}.co-input__clear:hover{color:var(--co-semantic-text-default)}.co-input__action{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-sm2);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none;border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;cursor:pointer;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;transition:opacity 0.15s ease;box-sizing:border-box}.co-input__action:hover{opacity:0.85}.co-input__action:disabled{opacity:0.4;cursor:not-allowed}.co-input__action-icon{display:flex;align-items:center;flex-shrink:0}.co-input__action-label{display:flex;align-items:center}.co-input__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-input__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-input--focused .co-input__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-input--disabled .co-input__labels .co-input__label,.co-input--disabled .co-input__labels .co-input__secondary-label{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-input--disabled .co-input__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-input--disabled .co-input__native::placeholder{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__icon{color:var(--co-semantic-text-disabled)}.co-input__status-icon{flex-shrink:0;display:flex;align-items:center}.co-input--success .co-input__status-icon{color:var(--co-semantic-status-success)}.co-input--error .co-input__status-icon{color:var(--co-semantic-status-error)}.co-input--warning .co-input__status-icon{color:var(--co-color-status-review)}.co-input--info .co-input__status-icon{color:var(--co-semantic-status-info)}.co-input--error .co-input__field{border-color:var(--co-semantic-status-error)}.co-input--error.co-input--focused .co-input__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-input__helper--error .co-input__helper-icon,.co-input__helper--error .co-input__helper-text{color:var(--co-semantic-status-error)}.co-input--success .co-input__field{border-color:var(--co-semantic-status-success)}.co-input--success.co-input--focused .co-input__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-input__helper--success .co-input__helper-icon,.co-input__helper--success .co-input__helper-text{color:var(--co-semantic-status-success)}.co-input--warning .co-input__field{border-color:var(--co-color-status-review)}.co-input--warning.co-input--focused .co-input__field{border-color:var(--co-color-status-review);box-shadow:0 0 0 2px rgba(133, 87, 31, 0.12)}.co-input__helper--warning .co-input__helper-icon,.co-input__helper--warning .co-input__helper-text{color:var(--co-color-status-review)}.co-input--info .co-input__field{border-color:var(--co-semantic-status-info)}.co-input--info.co-input--focused .co-input__field{border-color:var(--co-semantic-status-info);box-shadow:0 0 0 2px rgba(45, 108, 197, 0.12)}.co-input__helper--info .co-input__helper-icon,.co-input__helper--info .co-input__helper-text{color:var(--co-semantic-status-info)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-input__field{background:var(--co-semantic-surface-secondary)}}.co-input--fill .co-input__field{background:var(--co-color-gray-100, #f6f6f6);border:none;box-shadow:none;border-radius:10px;padding:0 12px;gap:var(--co-spacing-sm2);min-height:46px;font-size:13.5px;-webkit-backdrop-filter:none;backdrop-filter:none}.co-input--fill.co-input--s .co-input__field{min-height:38px}.co-input--fill.co-input--sm .co-input__field{min-height:42px}.co-input--fill.co-input--lg .co-input__field{min-height:52px}.co-input--fill .co-input__native{font-size:13.5px;font-family:var(--co-font-family-primary);letter-spacing:var(--co-font-letter-spacing-body)}.co-input--fill .co-input__native::placeholder{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__icon{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear:hover{color:var(--co-color-gray-600, #585858)}.co-input--fill.co-input--focused .co-input__field{border-color:transparent;box-shadow:none}";export{n as co_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as r,a as t}from"./p-tT-aZV0-.js";const a={l:20,m:18,s:16,xs:14},s=class{constructor(r){o(this,r),this.variant="primary",this.shape="rounded",this.size="m",this.elevated=!1,this.surface="light",this.disabled=!1,this.iconWeight="regular",this.type="button",this.handleClick=()=>{if(!this.disabled){if("submit"===this.type){const o=this.el.closest("form");if(o)return void o.requestSubmit()}if("reset"===this.type){const o=this.el.closest("form");o&&o.reset()}}}}render(){var o,t;const s=null!==(t=null!==(o=this.iconSize)&&void 0!==o?o:a[this.size])&&void 0!==t?t:18,c={};return this.color&&(c.background=this.color),this.textColor&&(c.color=this.textColor),r("button",{key:"7ecb9c79b6d2f333ad50f71847953ef676692a81",class:{"co-button":!0,[`co-button--${this.variant}`]:!0,[`co-button--${this.shape}`]:!0,[`co-button--${this.size}`]:!0,[`co-button--surface-${this.surface}`]:!0,"co-button--elevated":this.elevated,"co-button--disabled":this.disabled},style:Object.keys(c).length?c:void 0,type:this.type,disabled:this.disabled,onClick:this.handleClick,part:"button"},this.iconLeft?r("co-icon",{name:this.iconLeft,weight:this.iconWeight,size:s}):null,r("slot",{key:"b7a325f24ec63c71121dfb74e82467e4b36fdd06"},this.label),this.iconRight?r("co-icon",{name:this.iconRight,weight:this.iconWeight,size:s}):null)}get el(){return t(this)}};s.style=':host{display:inline-flex}.co-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease, background 0.15s ease;box-sizing:border-box;-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-button--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-button--secondary{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);color:var(--co-semantic-on-secondary);border-color:var(--co-semantic-border-subtle)}.co-button--stroke{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 25%, transparent);color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-button--ghost{background:transparent;color:var(--co-semantic-text-default);border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--danger{background:var(--co-semantic-status-error);color:var(--co-color-base-blanco);border-color:transparent}.co-button--success{background:var(--co-semantic-status-success);color:var(--co-color-base-blanco);border-color:transparent}.co-button--rounded.co-button--l{padding:var(--co-spacing-xl) var(--co-spacing-2xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--m{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-16);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--s{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-14);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--xs{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-12);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--square.co-button--l{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-border-radius-lg)}.co-button--square.co-button--m{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-16);border-radius:var(--co-border-radius-sm)}.co-button--square.co-button--s{padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-14);border-radius:var(--co-border-radius-xs)}.co-button--square.co-button--xs{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:var(--co-spacing-xs);font-size:var(--co-font-size-12);border-radius:var(--co-spacing-sm)}.co-button--disabled,.co-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-button--primary:hover:not(:disabled){opacity:0.88}.co-button--secondary:hover:not(:disabled),.co-button--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-hover) 60%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-button--danger:hover:not(:disabled),.co-button--success:hover:not(:disabled){opacity:0.88}.co-button--secondary.co-button--elevated{box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)), inset 0 0 0 1px var(--co-color-opacity-negro-8)}.co-button--ghost.co-button--surface-dark,.co-button--stroke.co-button--surface-dark{color:var(--co-color-base-blanco, #fff)}.co-button--ghost.co-button--surface-dark:hover:not(:disabled),.co-button--stroke.co-button--surface-dark:hover:not(:disabled){background:var(--co-color-opacity-blanco-16);-webkit-backdrop-filter:none;backdrop-filter:none}::slotted([slot="icon-left"]),::slotted([slot="icon-right"]){display:inline-flex;flex-shrink:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-button--primary{background:var(--co-semantic-surface-primary)}.co-button--secondary{background:var(--co-semantic-surface-secondary)}.co-button--stroke{background:transparent}}';export{s as co_button}
|
|
@@ -23,7 +23,11 @@
|
|
|
23
23
|
|
|
24
24
|
/* ─── VARIANTS ─────────────────────────────────────────────── */
|
|
25
25
|
.co-button--primary {
|
|
26
|
-
|
|
26
|
+
/* SOLID, not glass: el CTA principal debe leerse negro (surface-primary
|
|
27
|
+
inversa) en cualquier superficie. La receta glass (78% + blur) solo se ve
|
|
28
|
+
frosted sobre chrome oscuro; sobre una barra/página blanca no hay nada que
|
|
29
|
+
blurear y el 78% de negro colapsa a un gris lavado. */
|
|
30
|
+
background: var(--co-semantic-surface-primary);
|
|
27
31
|
color: var(--co-semantic-on-primary);
|
|
28
32
|
border-color: color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent);
|
|
29
33
|
}
|
|
@@ -28,6 +28,12 @@ export class CoInput {
|
|
|
28
28
|
this.type = 'text';
|
|
29
29
|
/** Whether the field is required */
|
|
30
30
|
this.required = false;
|
|
31
|
+
/** Focus the inner input as soon as the component finishes hydrating.
|
|
32
|
+
* Consumers can't reliably focus the shadow input themselves — Stencil's
|
|
33
|
+
* lazy hydration replaces the shadow content AFTER mount, so an early
|
|
34
|
+
* focus() lands on a node that gets thrown away. `componentDidLoad` runs
|
|
35
|
+
* after hydration, which is exactly the right moment. */
|
|
36
|
+
this.autoFocus = false;
|
|
31
37
|
/** Validation status */
|
|
32
38
|
this.status = 'default';
|
|
33
39
|
/** Size variant: s (28px), sm (32px), md (40px, default), lg (48px).
|
|
@@ -75,6 +81,16 @@ export class CoInput {
|
|
|
75
81
|
this.coAction.emit();
|
|
76
82
|
};
|
|
77
83
|
}
|
|
84
|
+
/** Programmatically focus the inner input (post-hydration safe). */
|
|
85
|
+
async setFocus() {
|
|
86
|
+
var _a;
|
|
87
|
+
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
|
|
88
|
+
}
|
|
89
|
+
componentDidLoad() {
|
|
90
|
+
var _a;
|
|
91
|
+
if (this.autoFocus)
|
|
92
|
+
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
|
|
93
|
+
}
|
|
78
94
|
get hasAction() {
|
|
79
95
|
return !!(this.actionLabel || this.actionIcon);
|
|
80
96
|
}
|
|
@@ -424,6 +440,26 @@ export class CoInput {
|
|
|
424
440
|
"attribute": "required",
|
|
425
441
|
"defaultValue": "false"
|
|
426
442
|
},
|
|
443
|
+
"autoFocus": {
|
|
444
|
+
"type": "boolean",
|
|
445
|
+
"mutable": false,
|
|
446
|
+
"complexType": {
|
|
447
|
+
"original": "boolean",
|
|
448
|
+
"resolved": "boolean",
|
|
449
|
+
"references": {}
|
|
450
|
+
},
|
|
451
|
+
"required": false,
|
|
452
|
+
"optional": false,
|
|
453
|
+
"docs": {
|
|
454
|
+
"tags": [],
|
|
455
|
+
"text": "Focus the inner input as soon as the component finishes hydrating.\nConsumers can't reliably focus the shadow input themselves \u2014 Stencil's\nlazy hydration replaces the shadow content AFTER mount, so an early\nfocus() lands on a node that gets thrown away. `componentDidLoad` runs\nafter hydration, which is exactly the right moment."
|
|
456
|
+
},
|
|
457
|
+
"getter": false,
|
|
458
|
+
"setter": false,
|
|
459
|
+
"reflect": false,
|
|
460
|
+
"attribute": "auto-focus",
|
|
461
|
+
"defaultValue": "false"
|
|
462
|
+
},
|
|
427
463
|
"autocomplete": {
|
|
428
464
|
"type": "string",
|
|
429
465
|
"mutable": false,
|
|
@@ -641,5 +677,26 @@ export class CoInput {
|
|
|
641
677
|
}
|
|
642
678
|
}];
|
|
643
679
|
}
|
|
680
|
+
static get methods() {
|
|
681
|
+
return {
|
|
682
|
+
"setFocus": {
|
|
683
|
+
"complexType": {
|
|
684
|
+
"signature": "() => Promise<void>",
|
|
685
|
+
"parameters": [],
|
|
686
|
+
"references": {
|
|
687
|
+
"Promise": {
|
|
688
|
+
"location": "global",
|
|
689
|
+
"id": "global::Promise"
|
|
690
|
+
}
|
|
691
|
+
},
|
|
692
|
+
"return": "Promise<void>"
|
|
693
|
+
},
|
|
694
|
+
"docs": {
|
|
695
|
+
"text": "Programmatically focus the inner input (post-hydration safe).",
|
|
696
|
+
"tags": []
|
|
697
|
+
}
|
|
698
|
+
}
|
|
699
|
+
};
|
|
700
|
+
}
|
|
644
701
|
static get elementRef() { return "el"; }
|
|
645
702
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as s}from"./p-
|
|
1
|
+
import{C as o,d as s}from"./p-Bsq90mo4.js";const m=o,p=s;export{m as CoButton,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as a,c as o,h as i}from"./index.js";import{d as s}from"./p-ivjj-BP8.js";import{d as c}from"./p-Ba5lW0pA.js";import{d as l}from"./p-D4SOCy8I.js";const r=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.coSort=o(this,"coSort",7),this.coRowSelect=o(this,"coRowSelect",7),this.coSelectAll=o(this,"coSelectAll",7),this.coColumnResize=o(this,"coColumnResize",7),this.coColumnPin=o(this,"coColumnPin",7),this.coHeaderFilter=o(this,"coHeaderFilter",7),this.coRowDblClick=o(this,"coRowDblClick",7),this.coRowClick=o(this,"coRowClick",7),this.coEmptyAction=o(this,"coEmptyAction",7),this.columns="[]",this.rows="[]",this.rowKey="_id",this.loading=!1,this.skeletonRows=10,this.emptyTitle="",this.emptyMessage="No records found",this.emptyIcon="magnifying-glass",this.emptyActionVariant="stroke",this.sortField="",this.sortOrder="",this.filteredFields="[]",this.indirectFilteredFields="[]",this.selectable=!1,this.selectedKeys="[]",this.resizable=!0,this.parsedColumns=[],this.parsedRows=[],this.parsedSelectedKeys=new Set,this.parsedFilteredFields=[],this.parsedIndirectFields=[],this.columnWidths=new Map,this.resizingColumn=null,this.resizeStartX=0,this.resizeStartWidth=0,this.suppressNextSort=!1}parseColumns(){try{const t="string"==typeof this.columns?JSON.parse(this.columns):this.columns;this.parsedColumns=t,t.forEach((t=>{t.width&&!this.columnWidths.has(t.field)&&this.columnWidths.set(t.field,t.width)}))}catch(t){this.parsedColumns=[]}}parseRows(){try{this.parsedRows="string"==typeof this.rows?JSON.parse(this.rows):this.rows}catch(t){this.parsedRows=[]}}parseSelectedKeys(){try{const t="string"==typeof this.selectedKeys?JSON.parse(this.selectedKeys):this.selectedKeys;this.parsedSelectedKeys=new Set(t)}catch(t){this.parsedSelectedKeys=new Set}}parseFilteredFields(){try{this.parsedFilteredFields="string"==typeof this.filteredFields?JSON.parse(this.filteredFields):this.filteredFields||[]}catch(t){this.parsedFilteredFields=[]}}parseIndirectFields(){try{this.parsedIndirectFields="string"==typeof this.indirectFilteredFields?JSON.parse(this.indirectFilteredFields):this.indirectFilteredFields||[]}catch(t){this.parsedIndirectFields=[]}}componentWillLoad(){this.parseColumns(),this.parseRows(),this.parseSelectedKeys(),this.parseFilteredFields(),this.parseIndirectFields()}handleSort(t){if(this.suppressNextSort)return void(this.suppressNextSort=!1);let e;e=this.sortField===t?"asc"===this.sortOrder?"desc":"desc"===this.sortOrder?"":"asc":"asc",this.sortField=""===e?"":t,this.sortOrder=e,this.coSort.emit({field:t,order:e})}isAllSelected(){return 0!==this.parsedRows.length&&this.parsedRows.every((t=>this.parsedSelectedKeys.has(t[this.rowKey]+"")))}isSomeSelected(){if(0===this.parsedRows.length)return!1;const t=this.parsedRows.filter((t=>this.parsedSelectedKeys.has(t[this.rowKey]+""))).length;return t>0&&t<this.parsedRows.length}handleSelectAll(){const t=!this.isAllSelected()&&!this.isSomeSelected();this.coSelectAll.emit({selected:!this.isAllSelected()||t})}handleRowSelect(t){const e=t[this.rowKey]+"",a=!this.parsedSelectedKeys.has(e);this.coRowSelect.emit({key:e,selected:a})}handleResizeStart(t,e){e.preventDefault(),e.stopPropagation(),this.resizingColumn=t,this.resizeStartX=e.clientX,this.resizeStartWidth=this.columnWidths.get(t)||150;const a=t=>{var e;if(!this.resizingColumn)return;const a=t.clientX-this.resizeStartX,o=(null===(e=this.parsedColumns.find((t=>t.field===this.resizingColumn)))||void 0===e?void 0:e.minWidth)||80;this.columnWidths=new Map(this.columnWidths.set(this.resizingColumn,Math.max(o,this.resizeStartWidth+a)))},o=()=>{if(this.resizingColumn){const t=this.columnWidths.get(this.resizingColumn)||150;this.coColumnResize.emit({field:this.resizingColumn,width:t}),this.suppressNextSort=!0}this.resizingColumn=null,document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}handleRowClick(t,e){this.coRowClick.emit({row:t,index:e})}handleRowDblClick(t,e){this.coRowDblClick.emit({row:t,index:e})}handleColumnPin(t,e){e.stopPropagation(),this.coColumnPin.emit({field:t})}handleColumnFilter(t,e){e.stopPropagation();const a=e.currentTarget.getBoundingClientRect();this.coHeaderFilter.emit({field:t,rect:{top:a.top,left:a.left,bottom:a.bottom,right:a.right,width:a.width,height:a.height}})}formatCellValue(t){if(null==t)return"";if("boolean"==typeof t)return t?"Yes":"No";if("string"==typeof t){if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))try{const e=new Date(t);if(!isNaN(e.getTime()))return e.toLocaleDateString("es",{year:"numeric",month:"short",day:"numeric"})+" "+e.toLocaleTimeString("es",{hour:"2-digit",minute:"2-digit"})}catch(t){}return t}return"number"==typeof t?t+"":Array.isArray(t)?t.map((t=>this.formatCellValue(t))).join(", "):"object"==typeof t?t.firstName||t.lastName?[t.firstName,t.lastName].filter(Boolean).join(" "):t.name?t.name+"":t.title?t.title+"":t.label?t.label+"":t.stageName?t.stageName+"":t.companyName?t.companyName+"":t.dealName?t.dealName+"":t._id&&Object.keys(t).length<=3?t._id+"":JSON.stringify(t):t+""}getColumnStyle(t){return Object.assign({},t.sticky?{left:this.selectable?"48px":"0px"}:{})}getColumnWidth(t){return this.columnWidths.get(t.field)||t.width||t.minWidth||150}getTableWidth(){let t=this.selectable?48:0;for(const e of this.parsedColumns)t+=this.getColumnWidth(e);return t}renderColgroup(){return i("colgroup",null,this.selectable&&i("col",{style:{width:"48px"}}),this.parsedColumns.map((t=>i("col",{style:{width:this.getColumnWidth(t)+"px",minWidth:(t.minWidth||80)+"px"}}))))}renderSortIcon(t){if(!t.sortable)return null;const e=this.sortField===t.field&&""!==this.sortOrder;return i("span",{class:{"co-data-table__sort-icon":!0,"co-data-table__sort-icon--active":e}},i("co-icon",{name:e?"asc"===this.sortOrder?"caret-up":"caret-down":"caret-up-down",size:16,weight:e?"fill":"regular"}))}renderHeader(){return i("thead",{class:"co-data-table__head"},i("tr",{class:"co-data-table__header-row"},this.selectable&&i("th",{class:"co-data-table__th co-data-table__th--checkbox co-data-table__th--sticky",style:{left:"0px"}},i("co-checkbox",{size:"small",checked:this.isAllSelected(),indeterminate:this.isSomeSelected(),onCoChange:()=>this.handleSelectAll()})),this.parsedColumns.map(((t,e)=>i("th",{class:{"co-data-table__th":!0,"co-data-table__th--sticky":!!t.sticky,"co-data-table__th--sortable":!!t.sortable,"co-data-table__th--sorted":this.sortField===t.field,["co-data-table__th--align-"+(t.align||"left")]:!0},style:this.getColumnStyle(t),"aria-sort":t.sortable&&this.sortField===t.field&&""!==this.sortOrder?"asc"===this.sortOrder?"ascending":"descending":void 0},i("span",{class:"co-data-table__th-content"},i("span",{class:{"co-data-table__pin-icon":!0,"co-data-table__pin-icon--active":!!t.sticky},title:t.sticky?"Unpin column":"Pin column",onClick:e=>this.handleColumnPin(t.field,e)},i("co-icon",{name:"push-pin",size:14,weight:t.sticky?"fill":"regular"})),t.sortable?i("button",{type:"button",class:"co-data-table__sort-button","aria-label":"Sort by "+t.label,onClick:()=>this.handleSort(t.field)},i("span",{class:"co-data-table__th-label"},t.label),this.renderSortIcon(t)):i("span",{class:"co-data-table__th-label"},t.label),t.filterable&&i("span",{class:{"co-data-table__filter-icon":!0,"co-data-table__filter-icon--active":this.parsedFilteredFields.includes(t.field),"co-data-table__filter-icon--indirect":!this.parsedFilteredFields.includes(t.field)&&this.parsedIndirectFields.includes(t.field)},title:this.parsedFilteredFields.includes(t.field)?"Edit column filter":this.parsedIndirectFields.includes(t.field)?"Filtered by other filters":"Filter column",onClick:e=>this.handleColumnFilter(t.field,e)},i("co-icon",{name:"funnel",size:14,weight:this.parsedFilteredFields.includes(t.field)?"fill":"regular"}))),this.resizable&&e<this.parsedColumns.length-1&&i("span",{class:{"co-data-table__resize-handle":!0,"co-data-table__resize-handle--active":this.resizingColumn===t.field},onMouseDown:e=>this.handleResizeStart(t.field,e),onClick:t=>t.stopPropagation()}))))))}renderSkeletonBody(){return i("tbody",{class:"co-data-table__body co-data-table__body--skeleton","aria-hidden":"true"},Array.from({length:this.skeletonRows}).map(((t,e)=>i("tr",{class:"co-data-table__row co-data-table__row--skeleton",key:"skeleton-"+e},this.selectable&&i("td",{class:"co-data-table__td co-data-table__td--checkbox co-data-table__td--sticky",style:{left:"0px"}},i("div",{class:"co-data-table__skeleton co-data-table__skeleton--checkbox"})),this.parsedColumns.map((t=>i("td",{class:{"co-data-table__td":!0,"co-data-table__td--sticky":!!t.sticky},style:Object.assign({},this.getColumnStyle(t))},i("div",{class:"co-data-table__skeleton"}))))))))}renderEmpty(){return this.loading||this.parsedRows.length>0?null:i("div",{class:"co-data-table__empty",part:"empty"},i("div",{class:"co-data-table__empty-icon"},i("co-icon",{name:this.emptyIcon,size:32,weight:"regular"})),this.emptyTitle&&i("h3",{class:"co-data-table__empty-title"},this.emptyTitle),this.emptyMessage&&i("p",{class:"co-data-table__empty-message"},this.emptyMessage),i("div",{class:"co-data-table__empty-action"},this.emptyActionLabel?i("co-button",{variant:this.emptyActionVariant,size:"m",label:this.emptyActionLabel,iconLeft:this.emptyActionIcon,onClick:()=>this.coEmptyAction.emit()}):i("slot",{name:"empty-action"})))}render(){return i("div",{key:"baf9a797b25e76d4b054513b3e4c90aacce24a80",class:{"co-data-table":!0,"co-data-table--resizing":null!==this.resizingColumn,"co-data-table--loading":this.loading,"co-data-table--empty":!this.loading&&0===this.parsedRows.length}},i("div",{key:"132100357cb7fed5d27054e2e3a66c218dddad9d",class:"co-data-table__scroll"},i("table",{key:"0e183744b6f1c7c44ec8dd741eb8cdbbbdf5b638",class:"co-data-table__table",style:{width:this.getTableWidth()+"px",minWidth:"100%"}},this.renderColgroup(),this.renderHeader(),i("slot",{key:"c3c58515f63fdfdfa760ba483f00c686863ddb20"}),this.loading?this.renderSkeletonBody():null)),this.renderEmpty())}get el(){return this}static get watchers(){return{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}],filteredFields:[{parseFilteredFields:0}],indirectFilteredFields:[{parseIndirectFields:0}]}}static get style(){return"co-data-table{display:block;flex:1;min-height:0;overflow:hidden;contain:layout}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;height:40px;padding:0 var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background-image:linear-gradient(var(--co-semantic-surface-hover), var(--co-semantic-surface-hover))}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__th:hover .co-data-table__filter-icon{opacity:1}.co-data-table__filter-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon--active{opacity:1;color:var(--co-color-primary-azul)}.co-data-table__filter-icon--indirect{opacity:0.45;color:var(--co-semantic-text-muted)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color 0.15s ease}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__sort-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm);background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.co-data-table__sort-button:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul));outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:0 var(--co-spacing-md);text-align:center;line-height:0;}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity 0.15s ease}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color 0.15s ease;content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{height:48px;padding:0 var(--co-spacing-md);background:inherit;border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);vertical-align:middle;font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-lg) }.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-24);font-weight:var(--co-font-weight-medium, 500);line-height:1.25;color:var(--co-semantic-text-default);letter-spacing:-0.03em}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:538px ;line-height:1.25}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:var(--co-color-gray-100);animation:co-dt-shimmer 1.5s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%,100%{opacity:1}50%{opacity:0.4}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}"}},[260,"co-data-table",{columns:[1],rows:[1],rowKey:[1,"row-key"],loading:[4],skeletonRows:[2,"skeleton-rows"],emptyTitle:[1,"empty-title"],emptyMessage:[1,"empty-message"],emptyIcon:[1,"empty-icon"],emptyActionLabel:[1,"empty-action-label"],emptyActionVariant:[1,"empty-action-variant"],emptyActionIcon:[1,"empty-action-icon"],sortField:[1537,"sort-field"],sortOrder:[1537,"sort-order"],filteredFields:[513,"filtered-fields"],indirectFilteredFields:[513,"indirect-filtered-fields"],selectable:[4],selectedKeys:[1025,"selected-keys"],resizable:[4],parsedColumns:[32],parsedRows:[32],parsedSelectedKeys:[32],parsedFilteredFields:[32],parsedIndirectFields:[32],columnWidths:[32],resizingColumn:[32],resizeStartX:[32],resizeStartWidth:[32]},void 0,{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}],filteredFields:[{parseFilteredFields:0}],indirectFilteredFields:[{parseIndirectFields:0}]}]);function n(){"undefined"!=typeof customElements&&["co-data-table","co-button","co-checkbox","co-icon"].forEach((e=>{switch(e){case"co-data-table":customElements.get(t(e))||customElements.define(t(e),r);break;case"co-button":customElements.get(t(e))||s();break;case"co-checkbox":customElements.get(t(e))||c();break;case"co-icon":customElements.get(t(e))||l()}}))}n();const d=r,h=n;export{d as CoDataTable,h as defineCustomElement}
|
|
1
|
+
import{t,p as e,H as a,c as o,h as i}from"./index.js";import{d as s}from"./p-Bsq90mo4.js";import{d as c}from"./p-Ba5lW0pA.js";import{d as l}from"./p-D4SOCy8I.js";const r=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.coSort=o(this,"coSort",7),this.coRowSelect=o(this,"coRowSelect",7),this.coSelectAll=o(this,"coSelectAll",7),this.coColumnResize=o(this,"coColumnResize",7),this.coColumnPin=o(this,"coColumnPin",7),this.coHeaderFilter=o(this,"coHeaderFilter",7),this.coRowDblClick=o(this,"coRowDblClick",7),this.coRowClick=o(this,"coRowClick",7),this.coEmptyAction=o(this,"coEmptyAction",7),this.columns="[]",this.rows="[]",this.rowKey="_id",this.loading=!1,this.skeletonRows=10,this.emptyTitle="",this.emptyMessage="No records found",this.emptyIcon="magnifying-glass",this.emptyActionVariant="stroke",this.sortField="",this.sortOrder="",this.filteredFields="[]",this.indirectFilteredFields="[]",this.selectable=!1,this.selectedKeys="[]",this.resizable=!0,this.parsedColumns=[],this.parsedRows=[],this.parsedSelectedKeys=new Set,this.parsedFilteredFields=[],this.parsedIndirectFields=[],this.columnWidths=new Map,this.resizingColumn=null,this.resizeStartX=0,this.resizeStartWidth=0,this.suppressNextSort=!1}parseColumns(){try{const t="string"==typeof this.columns?JSON.parse(this.columns):this.columns;this.parsedColumns=t,t.forEach((t=>{t.width&&!this.columnWidths.has(t.field)&&this.columnWidths.set(t.field,t.width)}))}catch(t){this.parsedColumns=[]}}parseRows(){try{this.parsedRows="string"==typeof this.rows?JSON.parse(this.rows):this.rows}catch(t){this.parsedRows=[]}}parseSelectedKeys(){try{const t="string"==typeof this.selectedKeys?JSON.parse(this.selectedKeys):this.selectedKeys;this.parsedSelectedKeys=new Set(t)}catch(t){this.parsedSelectedKeys=new Set}}parseFilteredFields(){try{this.parsedFilteredFields="string"==typeof this.filteredFields?JSON.parse(this.filteredFields):this.filteredFields||[]}catch(t){this.parsedFilteredFields=[]}}parseIndirectFields(){try{this.parsedIndirectFields="string"==typeof this.indirectFilteredFields?JSON.parse(this.indirectFilteredFields):this.indirectFilteredFields||[]}catch(t){this.parsedIndirectFields=[]}}componentWillLoad(){this.parseColumns(),this.parseRows(),this.parseSelectedKeys(),this.parseFilteredFields(),this.parseIndirectFields()}handleSort(t){if(this.suppressNextSort)return void(this.suppressNextSort=!1);let e;e=this.sortField===t?"asc"===this.sortOrder?"desc":"desc"===this.sortOrder?"":"asc":"asc",this.sortField=""===e?"":t,this.sortOrder=e,this.coSort.emit({field:t,order:e})}isAllSelected(){return 0!==this.parsedRows.length&&this.parsedRows.every((t=>this.parsedSelectedKeys.has(t[this.rowKey]+"")))}isSomeSelected(){if(0===this.parsedRows.length)return!1;const t=this.parsedRows.filter((t=>this.parsedSelectedKeys.has(t[this.rowKey]+""))).length;return t>0&&t<this.parsedRows.length}handleSelectAll(){const t=!this.isAllSelected()&&!this.isSomeSelected();this.coSelectAll.emit({selected:!this.isAllSelected()||t})}handleRowSelect(t){const e=t[this.rowKey]+"",a=!this.parsedSelectedKeys.has(e);this.coRowSelect.emit({key:e,selected:a})}handleResizeStart(t,e){e.preventDefault(),e.stopPropagation(),this.resizingColumn=t,this.resizeStartX=e.clientX,this.resizeStartWidth=this.columnWidths.get(t)||150;const a=t=>{var e;if(!this.resizingColumn)return;const a=t.clientX-this.resizeStartX,o=(null===(e=this.parsedColumns.find((t=>t.field===this.resizingColumn)))||void 0===e?void 0:e.minWidth)||80;this.columnWidths=new Map(this.columnWidths.set(this.resizingColumn,Math.max(o,this.resizeStartWidth+a)))},o=()=>{if(this.resizingColumn){const t=this.columnWidths.get(this.resizingColumn)||150;this.coColumnResize.emit({field:this.resizingColumn,width:t}),this.suppressNextSort=!0}this.resizingColumn=null,document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}handleRowClick(t,e){this.coRowClick.emit({row:t,index:e})}handleRowDblClick(t,e){this.coRowDblClick.emit({row:t,index:e})}handleColumnPin(t,e){e.stopPropagation(),this.coColumnPin.emit({field:t})}handleColumnFilter(t,e){e.stopPropagation();const a=e.currentTarget.getBoundingClientRect();this.coHeaderFilter.emit({field:t,rect:{top:a.top,left:a.left,bottom:a.bottom,right:a.right,width:a.width,height:a.height}})}formatCellValue(t){if(null==t)return"";if("boolean"==typeof t)return t?"Yes":"No";if("string"==typeof t){if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))try{const e=new Date(t);if(!isNaN(e.getTime()))return e.toLocaleDateString("es",{year:"numeric",month:"short",day:"numeric"})+" "+e.toLocaleTimeString("es",{hour:"2-digit",minute:"2-digit"})}catch(t){}return t}return"number"==typeof t?t+"":Array.isArray(t)?t.map((t=>this.formatCellValue(t))).join(", "):"object"==typeof t?t.firstName||t.lastName?[t.firstName,t.lastName].filter(Boolean).join(" "):t.name?t.name+"":t.title?t.title+"":t.label?t.label+"":t.stageName?t.stageName+"":t.companyName?t.companyName+"":t.dealName?t.dealName+"":t._id&&Object.keys(t).length<=3?t._id+"":JSON.stringify(t):t+""}getColumnStyle(t){return Object.assign({},t.sticky?{left:this.selectable?"48px":"0px"}:{})}getColumnWidth(t){return this.columnWidths.get(t.field)||t.width||t.minWidth||150}getTableWidth(){let t=this.selectable?48:0;for(const e of this.parsedColumns)t+=this.getColumnWidth(e);return t}renderColgroup(){return i("colgroup",null,this.selectable&&i("col",{style:{width:"48px"}}),this.parsedColumns.map((t=>i("col",{style:{width:this.getColumnWidth(t)+"px",minWidth:(t.minWidth||80)+"px"}}))))}renderSortIcon(t){if(!t.sortable)return null;const e=this.sortField===t.field&&""!==this.sortOrder;return i("span",{class:{"co-data-table__sort-icon":!0,"co-data-table__sort-icon--active":e}},i("co-icon",{name:e?"asc"===this.sortOrder?"caret-up":"caret-down":"caret-up-down",size:16,weight:e?"fill":"regular"}))}renderHeader(){return i("thead",{class:"co-data-table__head"},i("tr",{class:"co-data-table__header-row"},this.selectable&&i("th",{class:"co-data-table__th co-data-table__th--checkbox co-data-table__th--sticky",style:{left:"0px"}},i("co-checkbox",{size:"small",checked:this.isAllSelected(),indeterminate:this.isSomeSelected(),onCoChange:()=>this.handleSelectAll()})),this.parsedColumns.map(((t,e)=>i("th",{class:{"co-data-table__th":!0,"co-data-table__th--sticky":!!t.sticky,"co-data-table__th--sortable":!!t.sortable,"co-data-table__th--sorted":this.sortField===t.field,["co-data-table__th--align-"+(t.align||"left")]:!0},style:this.getColumnStyle(t),"aria-sort":t.sortable&&this.sortField===t.field&&""!==this.sortOrder?"asc"===this.sortOrder?"ascending":"descending":void 0},i("span",{class:"co-data-table__th-content"},i("span",{class:{"co-data-table__pin-icon":!0,"co-data-table__pin-icon--active":!!t.sticky},title:t.sticky?"Unpin column":"Pin column",onClick:e=>this.handleColumnPin(t.field,e)},i("co-icon",{name:"push-pin",size:14,weight:t.sticky?"fill":"regular"})),t.sortable?i("button",{type:"button",class:"co-data-table__sort-button","aria-label":"Sort by "+t.label,onClick:()=>this.handleSort(t.field)},i("span",{class:"co-data-table__th-label"},t.label),this.renderSortIcon(t)):i("span",{class:"co-data-table__th-label"},t.label),t.filterable&&i("span",{class:{"co-data-table__filter-icon":!0,"co-data-table__filter-icon--active":this.parsedFilteredFields.includes(t.field),"co-data-table__filter-icon--indirect":!this.parsedFilteredFields.includes(t.field)&&this.parsedIndirectFields.includes(t.field)},title:this.parsedFilteredFields.includes(t.field)?"Edit column filter":this.parsedIndirectFields.includes(t.field)?"Filtered by other filters":"Filter column",onClick:e=>this.handleColumnFilter(t.field,e)},i("co-icon",{name:"funnel",size:14,weight:this.parsedFilteredFields.includes(t.field)?"fill":"regular"}))),this.resizable&&e<this.parsedColumns.length-1&&i("span",{class:{"co-data-table__resize-handle":!0,"co-data-table__resize-handle--active":this.resizingColumn===t.field},onMouseDown:e=>this.handleResizeStart(t.field,e),onClick:t=>t.stopPropagation()}))))))}renderSkeletonBody(){return i("tbody",{class:"co-data-table__body co-data-table__body--skeleton","aria-hidden":"true"},Array.from({length:this.skeletonRows}).map(((t,e)=>i("tr",{class:"co-data-table__row co-data-table__row--skeleton",key:"skeleton-"+e},this.selectable&&i("td",{class:"co-data-table__td co-data-table__td--checkbox co-data-table__td--sticky",style:{left:"0px"}},i("div",{class:"co-data-table__skeleton co-data-table__skeleton--checkbox"})),this.parsedColumns.map((t=>i("td",{class:{"co-data-table__td":!0,"co-data-table__td--sticky":!!t.sticky},style:Object.assign({},this.getColumnStyle(t))},i("div",{class:"co-data-table__skeleton"}))))))))}renderEmpty(){return this.loading||this.parsedRows.length>0?null:i("div",{class:"co-data-table__empty",part:"empty"},i("div",{class:"co-data-table__empty-icon"},i("co-icon",{name:this.emptyIcon,size:32,weight:"regular"})),this.emptyTitle&&i("h3",{class:"co-data-table__empty-title"},this.emptyTitle),this.emptyMessage&&i("p",{class:"co-data-table__empty-message"},this.emptyMessage),i("div",{class:"co-data-table__empty-action"},this.emptyActionLabel?i("co-button",{variant:this.emptyActionVariant,size:"m",label:this.emptyActionLabel,iconLeft:this.emptyActionIcon,onClick:()=>this.coEmptyAction.emit()}):i("slot",{name:"empty-action"})))}render(){return i("div",{key:"baf9a797b25e76d4b054513b3e4c90aacce24a80",class:{"co-data-table":!0,"co-data-table--resizing":null!==this.resizingColumn,"co-data-table--loading":this.loading,"co-data-table--empty":!this.loading&&0===this.parsedRows.length}},i("div",{key:"132100357cb7fed5d27054e2e3a66c218dddad9d",class:"co-data-table__scroll"},i("table",{key:"0e183744b6f1c7c44ec8dd741eb8cdbbbdf5b638",class:"co-data-table__table",style:{width:this.getTableWidth()+"px",minWidth:"100%"}},this.renderColgroup(),this.renderHeader(),i("slot",{key:"c3c58515f63fdfdfa760ba483f00c686863ddb20"}),this.loading?this.renderSkeletonBody():null)),this.renderEmpty())}get el(){return this}static get watchers(){return{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}],filteredFields:[{parseFilteredFields:0}],indirectFilteredFields:[{parseIndirectFields:0}]}}static get style(){return"co-data-table{display:block;flex:1;min-height:0;overflow:hidden;contain:layout}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;height:40px;padding:0 var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background-image:linear-gradient(var(--co-semantic-surface-hover), var(--co-semantic-surface-hover))}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__th:hover .co-data-table__filter-icon{opacity:1}.co-data-table__filter-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon--active{opacity:1;color:var(--co-color-primary-azul)}.co-data-table__filter-icon--indirect{opacity:0.45;color:var(--co-semantic-text-muted)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color 0.15s ease}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__sort-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm);background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.co-data-table__sort-button:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul));outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:0 var(--co-spacing-md);text-align:center;line-height:0;}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity 0.15s ease}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color 0.15s ease;content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{height:48px;padding:0 var(--co-spacing-md);background:inherit;border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);vertical-align:middle;font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-lg) }.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-24);font-weight:var(--co-font-weight-medium, 500);line-height:1.25;color:var(--co-semantic-text-default);letter-spacing:-0.03em}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:538px ;line-height:1.25}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:var(--co-color-gray-100);animation:co-dt-shimmer 1.5s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%,100%{opacity:1}50%{opacity:0.4}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}"}},[260,"co-data-table",{columns:[1],rows:[1],rowKey:[1,"row-key"],loading:[4],skeletonRows:[2,"skeleton-rows"],emptyTitle:[1,"empty-title"],emptyMessage:[1,"empty-message"],emptyIcon:[1,"empty-icon"],emptyActionLabel:[1,"empty-action-label"],emptyActionVariant:[1,"empty-action-variant"],emptyActionIcon:[1,"empty-action-icon"],sortField:[1537,"sort-field"],sortOrder:[1537,"sort-order"],filteredFields:[513,"filtered-fields"],indirectFilteredFields:[513,"indirect-filtered-fields"],selectable:[4],selectedKeys:[1025,"selected-keys"],resizable:[4],parsedColumns:[32],parsedRows:[32],parsedSelectedKeys:[32],parsedFilteredFields:[32],parsedIndirectFields:[32],columnWidths:[32],resizingColumn:[32],resizeStartX:[32],resizeStartWidth:[32]},void 0,{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}],filteredFields:[{parseFilteredFields:0}],indirectFilteredFields:[{parseIndirectFields:0}]}]);function n(){"undefined"!=typeof customElements&&["co-data-table","co-button","co-checkbox","co-icon"].forEach((e=>{switch(e){case"co-data-table":customElements.get(t(e))||customElements.define(t(e),r);break;case"co-button":customElements.get(t(e))||s();break;case"co-checkbox":customElements.get(t(e))||c();break;case"co-icon":customElements.get(t(e))||l()}}))}n();const d=r,h=n;export{d as CoDataTable,h as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as i,p as t,H as o,c as e,h as c}from"./index.js";import{R as n}from"./p-CWneqh4n.js";import{d as s}from"./p-D4SOCy8I.js";const a=t(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.coInput=e(this,"coInput",7),this.coChange=e(this,"coChange",7),this.coClear=e(this,"coClear",7),this.coFocus=e(this,"coFocus",7),this.coBlur=e(this,"coBlur",7),this.coAction=e(this,"coAction",7),this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.clearable=!1,this.layout="vertical",this.type="text",this.required=!1,this.status="default",this.size="md",this.fill=!1,this.hasFocus=!1,this.handleInput=i=>{this.value=i.target.value,this.coInput.emit(this.value)},this.handleChange=()=>{this.coChange.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coBlur.emit()},this.handleKeyDown=i=>{if("Enter"===i.key){const i=this.el.closest("form");i&&i.requestSubmit()}},this.handleClear=()=>{var i;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(i=this.inputEl)||void 0===i||i.focus()},this.handleAction=()=>{this.coAction.emit()}}get hasAction(){return!(!this.actionLabel&&!this.actionIcon)}get hasValue(){return null!=this.value&&""!==this.value}get statusFieldIcon(){switch(this.status){case"success":return"check";case"error":case"warning":return"warning";case"info":return"info";default:return null}}get helperIcon(){switch(this.status){case"error":case"warning":return"warning-circle";case"success":return"check-circle";case"info":return"info";default:return null}}renderFill(){const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=this.iconLeft||"magnifying-glass";return c("div",{class:{"co-input":!0,"co-input--fill":!0,["co-input--"+this.size]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue},part:"wrapper"},c("div",{class:"co-input__field-row"},c("div",{class:"co-input__field",part:"field"},c("co-icon",{name:t,size:17,class:"co-input__icon co-input__icon--left"}),c("div",{class:"co-input__input-wrapper"},c("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&c("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},c("co-icon",{name:"x",size:14})))))}render(){if(this.fill)return this.renderFill();const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly;return c("div",{class:{"co-input":!0,["co-input--"+this.layout]:!0,["co-input--"+this.size]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue,["co-input--"+this.status]:"default"!==this.status,"co-input--has-action":this.hasAction},part:"wrapper"},(this.label||this.secondaryLabel)&&c("div",{class:"co-input__labels"},this.label&&c("label",{class:"co-input__label",part:"label"},this.label,c(n,{required:this.required})),this.secondaryLabel&&c("span",{class:"co-input__secondary-label",part:"secondary-label"},this.secondaryLabel)),c("div",{class:"co-input__field-row"},c("div",{class:"co-input__field",part:"field"},this.iconLeft&&c("co-icon",{name:this.iconLeft,size:16,class:"co-input__icon co-input__icon--left"}),c("slot",{name:"chips"}),c("div",{class:"co-input__input-wrapper"},c("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&c("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},c("co-icon",{name:"x-circle",size:16,weight:"fill"})),this.iconRight&&c("co-icon",{name:this.iconRight,size:16,class:"co-input__icon co-input__icon--right"}),this.statusFieldIcon&&c("co-icon",{name:this.statusFieldIcon,size:16,class:"co-input__status-icon"}),c("slot",{name:"suffix"}),c("slot",null),c("slot",{name:"action"})),this.hasAction&&c("button",{class:"co-input__action",type:"button",onClick:this.handleAction,disabled:this.disabled,part:"action"},this.actionIcon&&c("co-icon",{name:this.actionIcon,size:16,class:"co-input__action-icon"}),this.actionLabel&&c("span",{class:"co-input__action-label"},this.actionLabel))),this.helperText&&c("div",{class:"co-input__helper co-input__helper--"+this.status,part:"helper"},this.helperIcon&&c("co-icon",{name:this.helperIcon,size:14,class:"co-input__helper-icon"}),c("span",{class:"co-input__helper-text"},this.helperText)))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-input{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-input__label{white-space:normal}:host([layout='horizontal']) .co-input>:not(.co-input__labels){grid-column:2;min-width:0}.co-input__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-input__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-input__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-input__field-row{display:flex;align-items:stretch}.co-input__field{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-input--s .co-input__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-input--sm .co-input__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-input--lg .co-input__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-input--has-action .co-input__field{border-radius:var(--co-border-radius-xs) 0 0 var(--co-border-radius-xs);border-right:none}.co-input__field ::slotted([slot=\"action\"]){margin-left:auto;margin-right:calc(-1 * var(--co-spacing-md));margin-top:calc(-1 * var(--co-spacing-sm2));margin-bottom:calc(-1 * var(--co-spacing-sm2));border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;flex-shrink:0}.co-input__field ::slotted([slot=\"chips\"]){display:flex;gap:var(--co-spacing-xxs);align-items:center;flex-wrap:wrap;min-width:0}.co-input__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:22px;padding:0}.co-input__native{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-input__native::placeholder{color:var(--co-semantic-text-muted)}.co-input__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-input__clear--hidden{visibility:hidden;pointer-events:none}.co-input__clear:hover{color:var(--co-semantic-text-default)}.co-input__action{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-sm2);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none;border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;cursor:pointer;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;transition:opacity 0.15s ease;box-sizing:border-box}.co-input__action:hover{opacity:0.85}.co-input__action:disabled{opacity:0.4;cursor:not-allowed}.co-input__action-icon{display:flex;align-items:center;flex-shrink:0}.co-input__action-label{display:flex;align-items:center}.co-input__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-input__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-input--focused .co-input__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-input--disabled .co-input__labels .co-input__label,.co-input--disabled .co-input__labels .co-input__secondary-label{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-input--disabled .co-input__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-input--disabled .co-input__native::placeholder{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__icon{color:var(--co-semantic-text-disabled)}.co-input__status-icon{flex-shrink:0;display:flex;align-items:center}.co-input--success .co-input__status-icon{color:var(--co-semantic-status-success)}.co-input--error .co-input__status-icon{color:var(--co-semantic-status-error)}.co-input--warning .co-input__status-icon{color:var(--co-color-status-review)}.co-input--info .co-input__status-icon{color:var(--co-semantic-status-info)}.co-input--error .co-input__field{border-color:var(--co-semantic-status-error)}.co-input--error.co-input--focused .co-input__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-input__helper--error .co-input__helper-icon,.co-input__helper--error .co-input__helper-text{color:var(--co-semantic-status-error)}.co-input--success .co-input__field{border-color:var(--co-semantic-status-success)}.co-input--success.co-input--focused .co-input__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-input__helper--success .co-input__helper-icon,.co-input__helper--success .co-input__helper-text{color:var(--co-semantic-status-success)}.co-input--warning .co-input__field{border-color:var(--co-color-status-review)}.co-input--warning.co-input--focused .co-input__field{border-color:var(--co-color-status-review);box-shadow:0 0 0 2px rgba(133, 87, 31, 0.12)}.co-input__helper--warning .co-input__helper-icon,.co-input__helper--warning .co-input__helper-text{color:var(--co-color-status-review)}.co-input--info .co-input__field{border-color:var(--co-semantic-status-info)}.co-input--info.co-input--focused .co-input__field{border-color:var(--co-semantic-status-info);box-shadow:0 0 0 2px rgba(45, 108, 197, 0.12)}.co-input__helper--info .co-input__helper-icon,.co-input__helper--info .co-input__helper-text{color:var(--co-semantic-status-info)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-input__field{background:var(--co-semantic-surface-secondary)}}.co-input--fill .co-input__field{background:var(--co-color-gray-100, #f6f6f6);border:none;box-shadow:none;border-radius:10px;padding:0 12px;gap:var(--co-spacing-sm2);min-height:46px;font-size:13.5px;-webkit-backdrop-filter:none;backdrop-filter:none}.co-input--fill.co-input--s .co-input__field{min-height:38px}.co-input--fill.co-input--sm .co-input__field{min-height:42px}.co-input--fill.co-input--lg .co-input__field{min-height:52px}.co-input--fill .co-input__native{font-size:13.5px;font-family:var(--co-font-family-primary);letter-spacing:var(--co-font-letter-spacing-body)}.co-input--fill .co-input__native::placeholder{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__icon{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear:hover{color:var(--co-color-gray-600, #585858)}.co-input--fill.co-input--focused .co-input__field{border-color:transparent;box-shadow:none}"}},[257,"co-input",{label:[1],secondaryLabel:[1,"secondary-label"],placeholder:[1],value:[1025],helperText:[1,"helper-text"],disabled:[4],readonly:[4],clearable:[4],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],layout:[513],type:[1],name:[1],required:[4],autocomplete:[1],status:[1],size:[513],fill:[4],actionLabel:[1,"action-label"],actionIcon:[1,"action-icon"],hasFocus:[32]}]);function r(){"undefined"!=typeof customElements&&["co-input","co-icon"].forEach((t=>{switch(t){case"co-input":customElements.get(i(t))||customElements.define(i(t),a);break;case"co-icon":customElements.get(i(t))||s()}}))}r();const l=a,p=r;export{l as CoInput,p as defineCustomElement}
|
|
1
|
+
import{t as i,p as t,H as o,c as e,h as c}from"./index.js";import{R as n}from"./p-CWneqh4n.js";import{d as s}from"./p-D4SOCy8I.js";const a=t(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.coInput=e(this,"coInput",7),this.coChange=e(this,"coChange",7),this.coClear=e(this,"coClear",7),this.coFocus=e(this,"coFocus",7),this.coBlur=e(this,"coBlur",7),this.coAction=e(this,"coAction",7),this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.clearable=!1,this.layout="vertical",this.type="text",this.required=!1,this.autoFocus=!1,this.status="default",this.size="md",this.fill=!1,this.hasFocus=!1,this.handleInput=i=>{this.value=i.target.value,this.coInput.emit(this.value)},this.handleChange=()=>{this.coChange.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coBlur.emit()},this.handleKeyDown=i=>{if("Enter"===i.key){const i=this.el.closest("form");i&&i.requestSubmit()}},this.handleClear=()=>{var i;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(i=this.inputEl)||void 0===i||i.focus()},this.handleAction=()=>{this.coAction.emit()}}async setFocus(){var i;null===(i=this.inputEl)||void 0===i||i.focus()}componentDidLoad(){var i;this.autoFocus&&(null===(i=this.inputEl)||void 0===i||i.focus())}get hasAction(){return!(!this.actionLabel&&!this.actionIcon)}get hasValue(){return null!=this.value&&""!==this.value}get statusFieldIcon(){switch(this.status){case"success":return"check";case"error":case"warning":return"warning";case"info":return"info";default:return null}}get helperIcon(){switch(this.status){case"error":case"warning":return"warning-circle";case"success":return"check-circle";case"info":return"info";default:return null}}renderFill(){const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=this.iconLeft||"magnifying-glass";return c("div",{class:{"co-input":!0,"co-input--fill":!0,["co-input--"+this.size]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue},part:"wrapper"},c("div",{class:"co-input__field-row"},c("div",{class:"co-input__field",part:"field"},c("co-icon",{name:t,size:17,class:"co-input__icon co-input__icon--left"}),c("div",{class:"co-input__input-wrapper"},c("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&c("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},c("co-icon",{name:"x",size:14})))))}render(){if(this.fill)return this.renderFill();const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly;return c("div",{class:{"co-input":!0,["co-input--"+this.layout]:!0,["co-input--"+this.size]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue,["co-input--"+this.status]:"default"!==this.status,"co-input--has-action":this.hasAction},part:"wrapper"},(this.label||this.secondaryLabel)&&c("div",{class:"co-input__labels"},this.label&&c("label",{class:"co-input__label",part:"label"},this.label,c(n,{required:this.required})),this.secondaryLabel&&c("span",{class:"co-input__secondary-label",part:"secondary-label"},this.secondaryLabel)),c("div",{class:"co-input__field-row"},c("div",{class:"co-input__field",part:"field"},this.iconLeft&&c("co-icon",{name:this.iconLeft,size:16,class:"co-input__icon co-input__icon--left"}),c("slot",{name:"chips"}),c("div",{class:"co-input__input-wrapper"},c("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&c("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},c("co-icon",{name:"x-circle",size:16,weight:"fill"})),this.iconRight&&c("co-icon",{name:this.iconRight,size:16,class:"co-input__icon co-input__icon--right"}),this.statusFieldIcon&&c("co-icon",{name:this.statusFieldIcon,size:16,class:"co-input__status-icon"}),c("slot",{name:"suffix"}),c("slot",null),c("slot",{name:"action"})),this.hasAction&&c("button",{class:"co-input__action",type:"button",onClick:this.handleAction,disabled:this.disabled,part:"action"},this.actionIcon&&c("co-icon",{name:this.actionIcon,size:16,class:"co-input__action-icon"}),this.actionLabel&&c("span",{class:"co-input__action-label"},this.actionLabel))),this.helperText&&c("div",{class:"co-input__helper co-input__helper--"+this.status,part:"helper"},this.helperIcon&&c("co-icon",{name:this.helperIcon,size:14,class:"co-input__helper-icon"}),c("span",{class:"co-input__helper-text"},this.helperText)))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-input{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-input__label{white-space:normal}:host([layout='horizontal']) .co-input>:not(.co-input__labels){grid-column:2;min-width:0}.co-input__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-input__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-input__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-input__field-row{display:flex;align-items:stretch}.co-input__field{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-input--s .co-input__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-input--sm .co-input__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-input--lg .co-input__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-input--has-action .co-input__field{border-radius:var(--co-border-radius-xs) 0 0 var(--co-border-radius-xs);border-right:none}.co-input__field ::slotted([slot=\"action\"]){margin-left:auto;margin-right:calc(-1 * var(--co-spacing-md));margin-top:calc(-1 * var(--co-spacing-sm2));margin-bottom:calc(-1 * var(--co-spacing-sm2));border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;flex-shrink:0}.co-input__field ::slotted([slot=\"chips\"]){display:flex;gap:var(--co-spacing-xxs);align-items:center;flex-wrap:wrap;min-width:0}.co-input__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:22px;padding:0}.co-input__native{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-input__native::placeholder{color:var(--co-semantic-text-muted)}.co-input__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-input__clear--hidden{visibility:hidden;pointer-events:none}.co-input__clear:hover{color:var(--co-semantic-text-default)}.co-input__action{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-sm2);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none;border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;cursor:pointer;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;transition:opacity 0.15s ease;box-sizing:border-box}.co-input__action:hover{opacity:0.85}.co-input__action:disabled{opacity:0.4;cursor:not-allowed}.co-input__action-icon{display:flex;align-items:center;flex-shrink:0}.co-input__action-label{display:flex;align-items:center}.co-input__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-input__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-input--focused .co-input__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-input--disabled .co-input__labels .co-input__label,.co-input--disabled .co-input__labels .co-input__secondary-label{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-input--disabled .co-input__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-input--disabled .co-input__native::placeholder{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__icon{color:var(--co-semantic-text-disabled)}.co-input__status-icon{flex-shrink:0;display:flex;align-items:center}.co-input--success .co-input__status-icon{color:var(--co-semantic-status-success)}.co-input--error .co-input__status-icon{color:var(--co-semantic-status-error)}.co-input--warning .co-input__status-icon{color:var(--co-color-status-review)}.co-input--info .co-input__status-icon{color:var(--co-semantic-status-info)}.co-input--error .co-input__field{border-color:var(--co-semantic-status-error)}.co-input--error.co-input--focused .co-input__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-input__helper--error .co-input__helper-icon,.co-input__helper--error .co-input__helper-text{color:var(--co-semantic-status-error)}.co-input--success .co-input__field{border-color:var(--co-semantic-status-success)}.co-input--success.co-input--focused .co-input__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-input__helper--success .co-input__helper-icon,.co-input__helper--success .co-input__helper-text{color:var(--co-semantic-status-success)}.co-input--warning .co-input__field{border-color:var(--co-color-status-review)}.co-input--warning.co-input--focused .co-input__field{border-color:var(--co-color-status-review);box-shadow:0 0 0 2px rgba(133, 87, 31, 0.12)}.co-input__helper--warning .co-input__helper-icon,.co-input__helper--warning .co-input__helper-text{color:var(--co-color-status-review)}.co-input--info .co-input__field{border-color:var(--co-semantic-status-info)}.co-input--info.co-input--focused .co-input__field{border-color:var(--co-semantic-status-info);box-shadow:0 0 0 2px rgba(45, 108, 197, 0.12)}.co-input__helper--info .co-input__helper-icon,.co-input__helper--info .co-input__helper-text{color:var(--co-semantic-status-info)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-input__field{background:var(--co-semantic-surface-secondary)}}.co-input--fill .co-input__field{background:var(--co-color-gray-100, #f6f6f6);border:none;box-shadow:none;border-radius:10px;padding:0 12px;gap:var(--co-spacing-sm2);min-height:46px;font-size:13.5px;-webkit-backdrop-filter:none;backdrop-filter:none}.co-input--fill.co-input--s .co-input__field{min-height:38px}.co-input--fill.co-input--sm .co-input__field{min-height:42px}.co-input--fill.co-input--lg .co-input__field{min-height:52px}.co-input--fill .co-input__native{font-size:13.5px;font-family:var(--co-font-family-primary);letter-spacing:var(--co-font-letter-spacing-body)}.co-input--fill .co-input__native::placeholder{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__icon{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear:hover{color:var(--co-color-gray-600, #585858)}.co-input--fill.co-input--focused .co-input__field{border-color:transparent;box-shadow:none}"}},[257,"co-input",{label:[1],secondaryLabel:[1,"secondary-label"],placeholder:[1],value:[1025],helperText:[1,"helper-text"],disabled:[4],readonly:[4],clearable:[4],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],layout:[513],type:[1],name:[1],required:[4],autoFocus:[4,"auto-focus"],autocomplete:[1],status:[1],size:[513],fill:[4],actionLabel:[1,"action-label"],actionIcon:[1,"action-icon"],hasFocus:[32],setFocus:[64]}]);function r(){"undefined"!=typeof customElements&&["co-input","co-icon"].forEach((t=>{switch(t){case"co-input":customElements.get(i(t))||customElements.define(i(t),a);break;case"co-icon":customElements.get(i(t))||s()}}))}r();const l=a,p=r;export{l as CoInput,p as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as o,p as t,H as r,h as a}from"./index.js";import{d as s}from"./p-D4SOCy8I.js";const c={l:20,m:18,s:16,xs:14},n=t(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="primary",this.shape="rounded",this.size="m",this.elevated=!1,this.surface="light",this.disabled=!1,this.iconWeight="regular",this.type="button",this.handleClick=()=>{if(!this.disabled){if("submit"===this.type){const o=this.el.closest("form");if(o)return void o.requestSubmit()}if("reset"===this.type){const o=this.el.closest("form");o&&o.reset()}}}}render(){var o,t;const r=null!==(t=null!==(o=this.iconSize)&&void 0!==o?o:c[this.size])&&void 0!==t?t:18,s={};return this.color&&(s.background=this.color),this.textColor&&(s.color=this.textColor),a("button",{key:"7ecb9c79b6d2f333ad50f71847953ef676692a81",class:{"co-button":!0,[`co-button--${this.variant}`]:!0,[`co-button--${this.shape}`]:!0,[`co-button--${this.size}`]:!0,[`co-button--surface-${this.surface}`]:!0,"co-button--elevated":this.elevated,"co-button--disabled":this.disabled},style:Object.keys(s).length?s:void 0,type:this.type,disabled:this.disabled,onClick:this.handleClick,part:"button"},this.iconLeft?a("co-icon",{name:this.iconLeft,weight:this.iconWeight,size:r}):null,a("slot",{key:"b7a325f24ec63c71121dfb74e82467e4b36fdd06"},this.label),this.iconRight?a("co-icon",{name:this.iconRight,weight:this.iconWeight,size:r}):null)}get el(){return this}static get style(){return':host{display:inline-flex}.co-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease, background 0.15s ease;box-sizing:border-box;-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-button--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-button--secondary{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);color:var(--co-semantic-on-secondary);border-color:var(--co-semantic-border-subtle)}.co-button--stroke{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 25%, transparent);color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-button--ghost{background:transparent;color:var(--co-semantic-text-default);border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--danger{background:var(--co-semantic-status-error);color:var(--co-color-base-blanco);border-color:transparent}.co-button--success{background:var(--co-semantic-status-success);color:var(--co-color-base-blanco);border-color:transparent}.co-button--rounded.co-button--l{padding:var(--co-spacing-xl) var(--co-spacing-2xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--m{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-16);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--s{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-14);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--xs{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-12);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--square.co-button--l{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-border-radius-lg)}.co-button--square.co-button--m{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-16);border-radius:var(--co-border-radius-sm)}.co-button--square.co-button--s{padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-14);border-radius:var(--co-border-radius-xs)}.co-button--square.co-button--xs{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:var(--co-spacing-xs);font-size:var(--co-font-size-12);border-radius:var(--co-spacing-sm)}.co-button--disabled,.co-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-button--primary:hover:not(:disabled){opacity:0.88}.co-button--secondary:hover:not(:disabled),.co-button--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-hover) 60%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-button--danger:hover:not(:disabled),.co-button--success:hover:not(:disabled){opacity:0.88}.co-button--secondary.co-button--elevated{box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)), inset 0 0 0 1px var(--co-color-opacity-negro-8)}.co-button--ghost.co-button--surface-dark,.co-button--stroke.co-button--surface-dark{color:var(--co-color-base-blanco, #fff)}.co-button--ghost.co-button--surface-dark:hover:not(:disabled),.co-button--stroke.co-button--surface-dark:hover:not(:disabled){background:var(--co-color-opacity-blanco-16);-webkit-backdrop-filter:none;backdrop-filter:none}::slotted([slot="icon-left"]),::slotted([slot="icon-right"]){display:inline-flex;flex-shrink:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-button--primary{background:var(--co-semantic-surface-primary)}.co-button--secondary{background:var(--co-semantic-surface-secondary)}.co-button--stroke{background:transparent}}'}},[257,"co-button",{variant:[1],shape:[513],size:[1],elevated:[4],surface:[1],disabled:[4],label:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],iconWeight:[1,"icon-weight"],type:[1],color:[1],textColor:[1,"text-color"],iconSize:[2,"icon-size"]}]);function e(){"undefined"!=typeof customElements&&["co-button","co-icon"].forEach((t=>{switch(t){case"co-button":customElements.get(o(t))||customElements.define(o(t),n);break;case"co-icon":customElements.get(o(t))||s()}}))}e();export{n as C,e as d}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, a as getElement } from './index-tT-aZV0-.js';
|
|
2
2
|
|
|
3
|
-
const coButtonCss = () => `:host{display:inline-flex}.co-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease, background 0.15s ease;box-sizing:border-box;-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-button--primary{background:
|
|
3
|
+
const coButtonCss = () => `:host{display:inline-flex}.co-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease, background 0.15s ease;box-sizing:border-box;-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-button--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-button--secondary{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);color:var(--co-semantic-on-secondary);border-color:var(--co-semantic-border-subtle)}.co-button--stroke{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 25%, transparent);color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-button--ghost{background:transparent;color:var(--co-semantic-text-default);border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--danger{background:var(--co-semantic-status-error);color:var(--co-color-base-blanco);border-color:transparent}.co-button--success{background:var(--co-semantic-status-success);color:var(--co-color-base-blanco);border-color:transparent}.co-button--rounded.co-button--l{padding:var(--co-spacing-xl) var(--co-spacing-2xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--m{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-16);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--s{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-14);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--xs{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-12);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--square.co-button--l{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-border-radius-lg)}.co-button--square.co-button--m{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-16);border-radius:var(--co-border-radius-sm)}.co-button--square.co-button--s{padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-14);border-radius:var(--co-border-radius-xs)}.co-button--square.co-button--xs{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:var(--co-spacing-xs);font-size:var(--co-font-size-12);border-radius:var(--co-spacing-sm)}.co-button--disabled,.co-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-button--primary:hover:not(:disabled){opacity:0.88}.co-button--secondary:hover:not(:disabled),.co-button--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-hover) 60%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-button--danger:hover:not(:disabled),.co-button--success:hover:not(:disabled){opacity:0.88}.co-button--secondary.co-button--elevated{box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)), inset 0 0 0 1px var(--co-color-opacity-negro-8)}.co-button--ghost.co-button--surface-dark,.co-button--stroke.co-button--surface-dark{color:var(--co-color-base-blanco, #fff)}.co-button--ghost.co-button--surface-dark:hover:not(:disabled),.co-button--stroke.co-button--surface-dark:hover:not(:disabled){background:var(--co-color-opacity-blanco-16);-webkit-backdrop-filter:none;backdrop-filter:none}::slotted([slot="icon-left"]),::slotted([slot="icon-right"]){display:inline-flex;flex-shrink:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-button--primary{background:var(--co-semantic-surface-primary)}.co-button--secondary{background:var(--co-semantic-surface-secondary)}.co-button--stroke{background:transparent}}`;
|
|
4
4
|
|
|
5
5
|
const ICON_SIZE = { l: 20, m: 18, s: 16, xs: 14 };
|
|
6
6
|
const CoButton = class {
|
|
@@ -29,6 +29,12 @@ const CoInput = class {
|
|
|
29
29
|
this.type = 'text';
|
|
30
30
|
/** Whether the field is required */
|
|
31
31
|
this.required = false;
|
|
32
|
+
/** Focus the inner input as soon as the component finishes hydrating.
|
|
33
|
+
* Consumers can't reliably focus the shadow input themselves — Stencil's
|
|
34
|
+
* lazy hydration replaces the shadow content AFTER mount, so an early
|
|
35
|
+
* focus() lands on a node that gets thrown away. `componentDidLoad` runs
|
|
36
|
+
* after hydration, which is exactly the right moment. */
|
|
37
|
+
this.autoFocus = false;
|
|
32
38
|
/** Validation status */
|
|
33
39
|
this.status = 'default';
|
|
34
40
|
/** Size variant: s (28px), sm (32px), md (40px, default), lg (48px).
|
|
@@ -76,6 +82,16 @@ const CoInput = class {
|
|
|
76
82
|
this.coAction.emit();
|
|
77
83
|
};
|
|
78
84
|
}
|
|
85
|
+
/** Programmatically focus the inner input (post-hydration safe). */
|
|
86
|
+
async setFocus() {
|
|
87
|
+
var _a;
|
|
88
|
+
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
|
|
89
|
+
}
|
|
90
|
+
componentDidLoad() {
|
|
91
|
+
var _a;
|
|
92
|
+
if (this.autoFocus)
|
|
93
|
+
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
|
|
94
|
+
}
|
|
79
95
|
get hasAction() {
|
|
80
96
|
return !!(this.actionLabel || this.actionIcon);
|
|
81
97
|
}
|