@paperless/core 2.0.1-beta.220 → 2.0.1-beta.222
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/CHANGELOG.md +27 -0
- package/dist/build/{p-adc2b8b0.js → p-52f70b3e.js} +1 -1
- package/dist/build/p-600a7872.entry.js +2 -0
- package/dist/build/p-600a7872.entry.js.map +1 -0
- package/dist/build/p-69745350.entry.js +2 -0
- package/dist/build/p-69745350.entry.js.map +1 -0
- package/dist/build/p-b9b66fb6.entry.js +2 -0
- package/dist/build/p-b9b66fb6.entry.js.map +1 -0
- package/dist/build/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
- package/dist/build/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/build/p-tab-item.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-button.p-icon.p-loader.entry.cjs.js.map +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js +8 -8
- package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-field.p-field-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-field_2.cjs.entry.js +29 -8
- package/dist/cjs/p-field_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-tab-item.cjs.entry.js +3 -3
- package/dist/cjs/p-tab-item.cjs.entry.js.map +1 -1
- package/dist/cjs/p-tab-item.entry.cjs.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/atoms/tab/item/tab-item.component.css +1 -1
- package/dist/collection/components/atoms/tab/item/tab-item.component.js +2 -2
- package/dist/collection/components/atoms/tab/item/tab-item.component.js.map +1 -1
- package/dist/collection/components/molecules/button/button.component.css +1 -1
- package/dist/collection/components/molecules/button/button.component.js +7 -7
- package/dist/collection/components/molecules/button/button.component.js.map +1 -1
- package/dist/collection/components/molecules/field/field/field.component.css +1 -1
- package/dist/collection/components/molecules/field/field/field.component.js +82 -7
- package/dist/collection/components/molecules/field/field/field.component.js.map +1 -1
- package/dist/components/{p-BO3Gfx7d.js → p-BUl14xd8.js} +3 -3
- package/dist/components/{p-BO3Gfx7d.js.map → p-BUl14xd8.js.map} +1 -1
- package/dist/components/{p-CaEroE-r.js → p-BgxXJ4Jq.js} +40 -11
- package/dist/components/p-BgxXJ4Jq.js.map +1 -0
- package/dist/components/{p-_Fb3X1HG.js → p-C2Ee3Hd1.js} +10 -10
- package/dist/components/p-C2Ee3Hd1.js.map +1 -0
- package/dist/components/{p-Blqmx5nN.js → p-C_sPGEkA.js} +3 -3
- package/dist/components/{p-Blqmx5nN.js.map → p-C_sPGEkA.js.map} +1 -1
- package/dist/components/{p-DEZhiLxg.js → p-CsAd7NqT.js} +3 -3
- package/dist/components/{p-DEZhiLxg.js.map → p-CsAd7NqT.js.map} +1 -1
- package/dist/components/{p-C4NBtpdk.js → p-D10neNAk.js} +4 -4
- package/dist/components/{p-C4NBtpdk.js.map → p-D10neNAk.js.map} +1 -1
- package/dist/components/{p-DkcmQfxS.js → p-DCCybtw7.js} +3 -3
- package/dist/components/{p-DkcmQfxS.js.map → p-DCCybtw7.js.map} +1 -1
- package/dist/components/p-attachment.js +1 -1
- package/dist/components/p-button.js +1 -1
- package/dist/components/p-calendar.js +1 -1
- package/dist/components/p-datepicker.js +3 -3
- package/dist/components/p-drawer-header.js +1 -1
- package/dist/components/p-drawer.js +2 -2
- package/dist/components/p-empty-state.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/p-modal-header.js +1 -1
- package/dist/components/p-modal.js +2 -2
- package/dist/components/p-navbar.js +1 -1
- package/dist/components/p-profile.js +1 -1
- package/dist/components/p-select.js +2 -2
- package/dist/components/p-tab-item.js +3 -3
- package/dist/components/p-tab-item.js.map +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +4 -4
- package/dist/components/p-toast.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-button.p-icon.p-loader.entry.js.map +1 -1
- package/dist/esm/p-button_3.entry.js +8 -8
- package/dist/esm/p-button_3.entry.js.map +1 -1
- package/dist/esm/p-field.p-field-container.entry.js.map +1 -1
- package/dist/esm/p-field_2.entry.js +29 -8
- package/dist/esm/p-field_2.entry.js.map +1 -1
- package/dist/esm/p-tab-item.entry.js +3 -3
- package/dist/esm/p-tab-item.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-600a7872.entry.js +2 -0
- package/dist/paperless/p-600a7872.entry.js.map +1 -0
- package/dist/paperless/p-69745350.entry.js +2 -0
- package/dist/paperless/p-69745350.entry.js.map +1 -0
- package/dist/paperless/p-b9b66fb6.entry.js +2 -0
- package/dist/paperless/p-b9b66fb6.entry.js.map +1 -0
- package/dist/paperless/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
- package/dist/paperless/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/paperless/p-tab-item.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/molecules/field/field/field.component.d.ts +12 -0
- package/dist/types/components.d.ts +21 -0
- package/package.json +1 -1
- package/dist/build/p-0e4e124c.entry.js +0 -2
- package/dist/build/p-0e4e124c.entry.js.map +0 -1
- package/dist/build/p-42e00f5f.entry.js +0 -2
- package/dist/build/p-42e00f5f.entry.js.map +0 -1
- package/dist/build/p-d4484e57.entry.js +0 -2
- package/dist/build/p-d4484e57.entry.js.map +0 -1
- package/dist/components/p-CaEroE-r.js.map +0 -1
- package/dist/components/p-_Fb3X1HG.js.map +0 -1
- package/dist/paperless/p-0e4e124c.entry.js +0 -2
- package/dist/paperless/p-0e4e124c.entry.js.map +0 -1
- package/dist/paperless/p-42e00f5f.entry.js +0 -2
- package/dist/paperless/p-42e00f5f.entry.js.map +0 -1
- package/dist/paperless/p-d4484e57.entry.js +0 -2
- package/dist/paperless/p-d4484e57.entry.js.map +0 -1
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy(JSON.parse("[[\"p-button_3.cjs\",[[4,\"p-button\",{\"label\":[1],\"as\":[1],\"variant\":[1],\"active\":[4],\"error\":[4],\"href\":[1],\"target\":[1],\"size\":[1],\"type\":[1],\"loading\":[4],\"chevron\":[8],\"chevronPosition\":[1,\"chevron-position\"],\"disabled\":[4],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"inheritText\":[4,\"inherit-text\"],\"buttonGroupPosition\":[1,\"button-group-position\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]],[1,\"p-loader\",{\"show\":[4],\"variant\":[1],\"color\":[1],\"modalTitle\":[1,\"modal-title\"],\"modalDescription\":[1,\"modal-description\"]}],[1,\"p-icon\",{\"variant\":[1],\"size\":[1],\"rotate\":[2],\"flip\":[1]}]]],[\"p-table.cjs\",[[4,\"p-table\",{\"items\":[1],\"loading\":[4],\"headerLoading\":[4,\"header-loading\"],\"footerLoading\":[4,\"footer-loading\"],\"amountOfLoadingRows\":[2,\"amount-of-loading-rows\"],\"enableRowSelection\":[4,\"enable-row-selection\"],\"rowSelectionLimit\":[2,\"row-selection-limit\"],\"enableRowClick\":[4,\"enable-row-click\"],\"selectedRows\":[16,\"selected-rows\"],\"enableFloatingMenu\":[4,\"enable-floating-menu\"],\"floatingMenuAmountSelectedTemplate\":[16,\"floating-menu-amount-selected-template\"],\"selectionKey\":[1,\"selection-key\"],\"canSelectKey\":[1,\"can-select-key\"],\"enableHeader\":[4,\"enable-header\"],\"quickFilters\":[16,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"enableSearch\":[4,\"enable-search\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16,\"filter-button-template\"],\"enableAction\":[4,\"enable-action\"],\"actionButtonLoading\":[4,\"action-button-loading\"],\"actionButtonEnabled\":[4,\"action-button-enabled\"],\"actionButtonIcon\":[1,\"action-button-icon\"],\"actionButtonText\":[1,\"action-button-text\"],\"actionButtonTemplate\":[16,\"action-button-template\"],\"enableFooter\":[4,\"enable-footer\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"enableExport\":[4,\"enable-export\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16,\"page-size-options\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"emptyStateHeader\":[16,\"empty-state-header\"],\"emptyStateContent\":[16,\"empty-state-content\"],\"emptyStateAction\":[16,\"empty-state-action\"],\"enableEmptyStateAction\":[4,\"enable-empty-state-action\"],\"emptyStateFilteredHeader\":[16,\"empty-state-filtered-header\"],\"emptyStateFilteredContent\":[16,\"empty-state-filtered-content\"],\"shadow\":[4],\"_locales\":[32],\"_columns\":[32],\"_items\":[32],\"_enableRowSelection\":[32],\"_rowSelectionLimit\":[32],\"_rowActionsFloating\":[32],\"_rowActionsRow\":[32],\"_footerHidden\":[32]},[[16,\"localeChanged\",\"_setLocales\"],[16,\"tableDefinitionChanged\",\"onTableDefinitionUpdated\"],[4,\"keydown\",\"keyDown\"],[4,\"keyup\",\"keyUp\"],[4,\"visibilitychange\",\"visibilityChange\"],[9,\"resize\",\"_setRowSelectionData\"]],{\"items\":[\"_parseItems\"],\"enableRowSelection\":[\"_setRowSelectionData\"],\"rowSelectionLimit\":[\"_setRowSelectionData\"],\"selectedRows\":[\"_setRowSelectionData\"]}]]],[\"p-select.cjs\",[[64,\"p-select\",{\"items\":[1],\"multi\":[516],\"strategy\":[1],\"icon\":[1],\"query\":[1],\"placeholder\":[1],\"autocompletePlaceholder\":[1,\"autocomplete-placeholder\"],\"value\":[8],\"displayKey\":[1,\"display-key\"],\"dropdownDisplayKey\":[1,\"dropdown-display-key\"],\"selectionDisplayKey\":[1,\"selection-display-key\"],\"valueKey\":[1,\"value-key\"],\"avatarKey\":[1,\"avatar-key\"],\"iconKey\":[1,\"icon-key\"],\"showIconOnSelectedItem\":[1,\"show-icon-on-selected-item\"],\"classKey\":[1,\"class-key\"],\"applyClassOnSelectedItem\":[1,\"apply-class-on-selected-item\"],\"avatarLettersKey\":[1,\"avatar-letters-key\"],\"identifierKey\":[1,\"identifier-key\"],\"queryKey\":[1,\"query-key\"],\"autoSelectFirst\":[4,\"auto-select-first\"],\"showChevron\":[4,\"show-chevron\"],\"maxDisplayedItems\":[2,\"max-displayed-items\"],\"enableAutocomplete\":[4,\"enable-autocomplete\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"asyncFilter\":[4,\"async-filter\"],\"loading\":[4],\"enableSelectAll\":[4,\"enable-select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"selectAllIcon\":[1,\"select-all-icon\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"showAddItem\":[4,\"show-add-item\"],\"addItemText\":[1,\"add-item-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"_showDropdown\":[32],\"_selectedItem\":[32],\"_allSelected\":[32],\"_amountHidden\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[\"_valueChange\"],\"items\":[\"itemChanges\"],\"_showDropdown\":[\"_showDropdownChanges\"],\"multi\":[\"multiChanges\"]}]]],[\"p-datepicker.cjs\",[[64,\"p-datepicker\",{\"placeholder\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"enableNativePicker\":[4,\"enable-native-picker\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"format\":[1],\"hideIconWhenFilled\":[4,\"hide-icon-when-filled\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"loading\":[4],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"strategy\":[1],\"placement\":[513],\"_showDropdown\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_isMobileBrowser\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[\"parseValue\"],\"minDate\":[\"parseMinDate\"],\"maxDate\":[\"parseMaxDate\"],\"disabledDates\":[\"parseDisabledDates\"]}]]],[\"p-modal.cjs\",[[1,\"p-modal\",{\"size\":[1],\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"showMobileFooter\":[4,\"show-mobile-footer\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeModal\",\"handleCloseModal\"]]]]],[\"p-drawer.cjs\",[[1,\"p-drawer\",{\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"canClose\":[4,\"can-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeDrawer\",\"handleCloseDrawer\"],[8,\"forceCloseDrawer\",\"handleForceCloseDrawer\"]]]]],[\"p-attachment.cjs\",[[1,\"p-attachment\",{\"enableCameraOnMobile\":[4,\"enable-camera-on-mobile\"],\"value\":[1],\"fileId\":[1,\"file-id\"],\"accept\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"mode\":[1],\"placeholder\":[1],\"cameraTooltip\":[1,\"camera-tooltip\"],\"downloadTooltip\":[1,\"download-tooltip\"],\"uploadTooltip\":[1,\"upload-tooltip\"],\"deleteTooltip\":[1,\"delete-tooltip\"],\"loading\":[4],\"error\":[1]}]]],[\"p-profile.cjs\",[[1,\"p-profile\",{\"dropdownLocation\":[1,\"dropdown-location\"],\"_dropdownOpen\":[32],\"_hasDropdownSlot\":[32]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-navbar.cjs\",[[1,\"p-navbar\",{\"_show\":[32]},[[8,\"closeNavbar\",\"handleCloseNavbar\"],[8,\"openNavbar\",\"handleOpenNavbar\"]]]]],[\"p-card-header.cjs\",[[1,\"p-card-header\",{\"variant\":[1],\"header\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"divider\":[4]}]]],[\"p-navigation-item.cjs\",[[4,\"p-navigation-item\",{\"icon\":[1],\"active\":[4],\"loading\":[4],\"as\":[1],\"counter\":[8],\"href\":[1],\"target\":[1],\"class\":[1]}]]],[\"p-toast.cjs\",[[1,\"p-toast\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconFlip\":[1,\"action-icon-flip\"],\"actionIconRotate\":[2,\"action-icon-rotate\"]}]]],[\"p-accordion.cjs\",[[1,\"p-accordion\",{\"variant\":[1],\"header\":[1],\"open\":[4],\"closeable\":[4],\"openable\":[4]}]]],[\"p-cropper.cjs\",[[1,\"p-cropper\",{\"value\":[1],\"returnType\":[1,\"return-type\"],\"_loaded\":[32],\"_currentScale\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"p-stepper.cjs\",[[1,\"p-stepper\",{\"steps\":[1],\"activeStep\":[2,\"active-step\"],\"enableAutoStatus\":[4,\"enable-auto-status\"],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"_generatedOnce\":[32],\"_loaded\":[32]},null,{\"align\":[\"_onAlignChange\"],\"direction\":[\"_onDirectionChange\"],\"activeStep\":[\"_onActiveStepChange\"]}]]],[\"p-info-panel.cjs\",[[1,\"p-info-panel\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"closeable\":[4]}]]],[\"p-label.cjs\",[[1,\"p-label\",{\"variant\":[513],\"iconOnly\":[516,\"icon-only\"],\"icon\":[513],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"keepMobileContent\":[516,\"keep-mobile-content\"]}]]],[\"p-listing.cjs\",[[1,\"p-listing\",{\"_generatedOnce\":[32]}]]],[\"p-listing-item.cjs\",[[1,\"p-listing-item\",{\"icon\":[1]}]]],[\"p-navigation-section.cjs\",[[4,\"p-navigation-section\",{\"header\":[1]}]]],[\"p-tab-container.cjs\",[[1,\"p-tab-container\"]]],[\"p-avatar-group.cjs\",[[4,\"p-avatar-group\",{\"extra\":[2]}]]],[\"p-button-group.cjs\",[[1,\"p-button-group\",{\"size\":[1]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-card-body.cjs\",[[1,\"p-card-body\"]]],[\"p-card-container.cjs\",[[1,\"p-card-container\",{\"variant\":[1],\"bgClass\":[1,\"bg-class\"],\"active\":[4],\"hoverable\":[4],\"shadow\":[4],\"border\":[4]}]]],[\"p-content-slider.cjs\",[[1,\"p-content-slider\",{\"hideMobileIndicator\":[4,\"hide-mobile-indicator\"],\"disableDrag\":[4,\"disable-drag\"],\"disableAutoCenter\":[4,\"disable-auto-center\"],\"disableIndicatorClick\":[4,\"disable-indicator-click\"],\"_visibleIndex\":[32],\"_outerHeight\":[32],\"_totalWidth\":[32],\"_dragging\":[32]},[[9,\"mouseup\",\"mouseUpHandler\"],[9,\"touchend\",\"mouseUpHandler\"],[9,\"resize\",\"resizeHandler\"]]]]],[\"p-iban-icon.cjs\",[[1,\"p-iban-icon\",{\"iban\":[513],\"variant\":[513]}]]],[\"p-illustration-deprecated.cjs\",[[0,\"p-illustration-deprecated\",{\"variant\":[1]}]]],[\"p-layout.cjs\",[[1,\"p-layout\",{\"variant\":[1]}]]],[\"p-radio.cjs\",[[68,\"p-radio\",{\"value\":[1],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"checked\":[516],\"_nonce\":[32]}]]],[\"p-tab-item.cjs\",[[1,\"p-tab-item\",{\"active\":[4]}]]],[\"p-table-column.cjs\",[[0,\"p-table-column\",{\"path\":[1537],\"variant\":[1537],\"name\":[1537],\"useSlot\":[1540,\"use-slot\"],\"hasCheckbox\":[1540,\"has-checkbox\"],\"align\":[1537],\"parsedSizes\":[1040,\"parsed-sizes\"],\"sizes\":[1032]}]]],[\"p-table-row-action.cjs\",[[0,\"p-table-row-action\",{\"type\":[1537],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"label\":[1],\"action\":[16],\"disabled\":[4],\"loading\":[4],\"showFunction\":[16,\"show-function\"]}]]],[\"p-toast-container.cjs\",[[1,\"p-toast-container\",{\"placement\":[1]}]]],[\"p-toggle.cjs\",[[68,\"p-toggle\",{\"checked\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}]]],[\"p-calendar.cjs\",[[1,\"p-calendar\",{\"variant\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"_view\":[32],\"_viewDate\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_enableToday\":[32]},null,{\"value\":[\"_parseValue\"],\"minDate\":[\"_parseMinDate\"],\"maxDate\":[\"_parseMaxDate\"],\"disabledDates\":[\"_parseDisabledDates\"],\"mode\":[\"_modeChange\"]}]]],[\"p-range.cjs\",[[1,\"p-range\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2]}]]],[\"p-avatar.cjs\",[[0,\"p-avatar\",{\"variant\":[1],\"size\":[513],\"defaultImage\":[1,\"default-image\"],\"src\":[1],\"letters\":[1],\"_src\":[32],\"_failed\":[32]},null,{\"src\":[\"onSrchChange\"]}]]],[\"p-listing-line.cjs\",[[1,\"p-listing-line\"]]],[\"p-navigation-title.cjs\",[[1,\"p-navigation-title\"]]],[\"p-stepper-item_2.cjs\",[[1,\"p-stepper-item\",{\"number\":[2],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"finished\":[4],\"active\":[4]}],[1,\"p-stepper-line\",{\"active\":[516],\"direction\":[513]}]]],[\"p-illustration.cjs\",[[0,\"p-illustration\",{\"variant\":[1]}]]],[\"p-drawer-body_3.cjs\",[[1,\"p-drawer-header\",{\"showClose\":[4,\"show-close\"]}],[1,\"p-drawer-body\"],[1,\"p-drawer-container\",{\"closing\":[4]}]]],[\"p-backdrop.cjs\",[[1,\"p-backdrop\",{\"variant\":[1],\"applyBlur\":[4,\"apply-blur\"],\"closing\":[4],\"scrollLock\":[4,\"scroll-lock\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]]]],[\"p-modal-body_4.cjs\",[[1,\"p-modal-header\",{\"showClose\":[4,\"show-close\"]}],[1,\"p-modal-footer\"],[1,\"p-modal-body\",{\"roundedBottom\":[4,\"rounded-bottom\"],\"roundedTop\":[4,\"rounded-top\"]}],[1,\"p-modal-container\",{\"size\":[1],\"closing\":[4]}]]],[\"p-pagination-pages-item.cjs\",[[1,\"p-pagination-pages-item\",{\"variant\":[1],\"active\":[4],\"hover\":[4],\"disabled\":[4]}]]],[\"p-smile.cjs\",[[0,\"p-smile\",{\"variant\":[1]}]]],[\"p-badge_3.cjs\",[[1,\"p-segment-item\",{\"variant\":[1],\"active\":[4],\"iconOnly\":[4,\"icon-only\"],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}],[1,\"p-segment-container\"],[1,\"p-badge\"]]],[\"p-divider.cjs\",[[4,\"p-divider\",{\"variant\":[513],\"alignContent\":[513,\"align-content\"]}]]],[\"p-checkbox_4.cjs\",[[1,\"p-dropdown-menu-item\",{\"active\":[4],\"checkbox\":[4],\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"disabled\":[4],\"icon\":[1],\"iconWave\":[4,\"icon-wave\"],\"useContainer\":[4,\"use-container\"]}],[68,\"p-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}],[1,\"p-dropdown\",{\"variant\":[1],\"placement\":[513],\"offset\":[2],\"strategy\":[1],\"show\":[4],\"applyMaxWidth\":[4,\"apply-max-width\"],\"applyFullWidth\":[4,\"apply-full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8],\"insideClick\":[4,\"inside-click\"],\"disableTriggerClick\":[4,\"disable-trigger-click\"],\"manual\":[4],\"applyChevron\":[4,\"apply-chevron\"],\"chevronPosition\":[1,\"chevron-position\"],\"chevronDirection\":[1,\"chevron-direction\"]},[[6,\"click\",\"documentClickHandler\"]],{\"show\":[\"onShowChange\"]}],[1,\"p-dropdown-menu-container\",{\"variant\":[1],\"maxWidth\":[4,\"max-width\"],\"class\":[1],\"fullWidth\":[4,\"full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8]}]]],[\"p-pagination_3.cjs\",[[1,\"p-pagination\",{\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16,\"page-size-options\"],\"_hasPaginationPages\":[32]}],[1,\"p-pagination-size\",{\"size\":[1538],\"sizeOptions\":[16,\"size-options\"],\"itemTemplate\":[16,\"item-template\"],\"hidden\":[4],\"dropdownIsOpen\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[1,\"p-pagination-pages\",{\"page\":[1538],\"pageSize\":[2,\"page-size\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"total\":[2]},null,{\"page\":[\"pageChangeHandler\"],\"pageSize\":[\"pageChangeHandler\"],\"total\":[\"pageChangeHandler\"]}]]],[\"p-helper_2.cjs\",[[1,\"p-helper\",{\"strategy\":[1],\"placement\":[1]}],[1,\"p-tooltip\",{\"variant\":[1],\"content\":[1],\"placement\":[1],\"offset\":[2],\"strategy\":[1],\"enableUserInput\":[4,\"enable-user-input\"],\"show\":[4],\"canManuallyClose\":[4,\"can-manually-close\"]},[[2,\"click\",\"clickHandler\"],[6,\"click\",\"documentClickHandler\"],[1,\"mouseenter\",\"mouseEnterHandler\"],[0,\"focus\",\"mouseEnterHandler\"],[1,\"mouseleave\",\"mouseLeaveHandler\"],[0,\"blur\",\"mouseLeaveHandler\"]],{\"show\":[\"onShowChange\"],\"content\":[\"onContentChange\"]}]]],[\"p-field_2.cjs\",[[65,\"p-field\",{\"align\":[1],\"variant\":[1],\"id\":[1],\"size\":[1],\"type\":[1],\"properties\":[8],\"prefix\":[1],\"suffix\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"iconPosition\":[1,\"icon-position\"],\"value\":[1],\"label\":[1],\"loading\":[4],\"placeholder\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"autofocus\":[516],\"error\":[513],\"errorPlacement\":[1,\"error-placement\"],\"disabled\":[516],\"focused\":[516],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"selectAllOnFocus\":[516,\"select-all-on-focus\"],\"focusMethod\":[1,\"focus-method\"],\"optionalTemplate\":[16,\"optional-template\"],\"_focused\":[32],\"_nonce\":[32]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[2,\"keyup\",\"handleKeyup\"]],{\"value\":[\"watchvalue\"]}],[1,\"p-field-container\",{\"id\":[1],\"align\":[1],\"label\":[1],\"loading\":[4],\"loadingSize\":[1,\"loading-size\"],\"variant\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"errorPlacement\":[1,\"error-placement\"],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"optionalTemplate\":[16,\"optional-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]]]],[\"p-empty-state_9.cjs\",[[1,\"p-table-header\",{\"quickFilters\":[16,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"loading\":[4],\"enableSearch\":[4,\"enable-search\"],\"itemsSelectedAmount\":[2,\"items-selected-amount\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableExport\":[4,\"enable-export\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16,\"filter-button-template\"],\"enableAction\":[4,\"enable-action\"],\"actionLoading\":[4,\"action-loading\"],\"actionIcon\":[1,\"action-icon\"],\"actionText\":[1,\"action-text\"],\"canUseAction\":[1028,\"can-use-action\"],\"actionButtonTemplate\":[16,\"action-button-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[1,\"p-table-footer\",{\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"loading\":[4],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16,\"page-size-options\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"_isPinned\":[32],\"_hasPaginationPages\":[32]},[[9,\"scroll\",\"onScroll\"]]],[1,\"p-empty-state\",{\"illustration\":[8],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionText\":[1,\"action-text\"],\"actionVariant\":[1,\"action-variant\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconPosition\":[1,\"action-icon-position\"],\"actionLoading\":[4,\"action-loading\"]}],[1,\"p-floating-menu-container\",{\"usedInTable\":[4,\"used-in-table\"],\"enableAmountSelected\":[4,\"enable-amount-selected\"],\"amount\":[2],\"enableClose\":[4,\"enable-close\"],\"amountSelectedTemplate\":[16,\"amount-selected-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[4,\"p-floating-menu-item\",{\"hover\":[4],\"disabled\":[4],\"loading\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}],[4,\"p-table-cell\",{\"variant\":[1],\"index\":[2],\"rowIndex\":[2,\"row-index\"],\"definition\":[16],\"item\":[8],\"value\":[8],\"checkbox\":[8],\"template\":[16]}],[1,\"p-table-row\",{\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"checked\":[4],\"isLast\":[4,\"is-last\"]}],[4,\"p-table-container\"],[1,\"p-table-row-actions-container\"]]]]"), options);
|
|
22
|
+
return index.bootstrapLazy(JSON.parse("[[\"p-button_3.cjs\",[[4,\"p-button\",{\"label\":[1],\"as\":[1],\"variant\":[1],\"active\":[4],\"error\":[4],\"href\":[1],\"target\":[1],\"size\":[1],\"type\":[1],\"loading\":[4],\"chevron\":[8],\"chevronPosition\":[1,\"chevron-position\"],\"disabled\":[4],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"inheritText\":[4,\"inherit-text\"],\"buttonGroupPosition\":[1,\"button-group-position\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]],[1,\"p-loader\",{\"show\":[4],\"variant\":[1],\"color\":[1],\"modalTitle\":[1,\"modal-title\"],\"modalDescription\":[1,\"modal-description\"]}],[1,\"p-icon\",{\"variant\":[1],\"size\":[1],\"rotate\":[2],\"flip\":[1]}]]],[\"p-table.cjs\",[[4,\"p-table\",{\"items\":[1],\"loading\":[4],\"headerLoading\":[4,\"header-loading\"],\"footerLoading\":[4,\"footer-loading\"],\"amountOfLoadingRows\":[2,\"amount-of-loading-rows\"],\"enableRowSelection\":[4,\"enable-row-selection\"],\"rowSelectionLimit\":[2,\"row-selection-limit\"],\"enableRowClick\":[4,\"enable-row-click\"],\"selectedRows\":[16,\"selected-rows\"],\"enableFloatingMenu\":[4,\"enable-floating-menu\"],\"floatingMenuAmountSelectedTemplate\":[16,\"floating-menu-amount-selected-template\"],\"selectionKey\":[1,\"selection-key\"],\"canSelectKey\":[1,\"can-select-key\"],\"enableHeader\":[4,\"enable-header\"],\"quickFilters\":[16,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"enableSearch\":[4,\"enable-search\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16,\"filter-button-template\"],\"enableAction\":[4,\"enable-action\"],\"actionButtonLoading\":[4,\"action-button-loading\"],\"actionButtonEnabled\":[4,\"action-button-enabled\"],\"actionButtonIcon\":[1,\"action-button-icon\"],\"actionButtonText\":[1,\"action-button-text\"],\"actionButtonTemplate\":[16,\"action-button-template\"],\"enableFooter\":[4,\"enable-footer\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"enableExport\":[4,\"enable-export\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16,\"page-size-options\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"emptyStateHeader\":[16,\"empty-state-header\"],\"emptyStateContent\":[16,\"empty-state-content\"],\"emptyStateAction\":[16,\"empty-state-action\"],\"enableEmptyStateAction\":[4,\"enable-empty-state-action\"],\"emptyStateFilteredHeader\":[16,\"empty-state-filtered-header\"],\"emptyStateFilteredContent\":[16,\"empty-state-filtered-content\"],\"shadow\":[4],\"_locales\":[32],\"_columns\":[32],\"_items\":[32],\"_enableRowSelection\":[32],\"_rowSelectionLimit\":[32],\"_rowActionsFloating\":[32],\"_rowActionsRow\":[32],\"_footerHidden\":[32]},[[16,\"localeChanged\",\"_setLocales\"],[16,\"tableDefinitionChanged\",\"onTableDefinitionUpdated\"],[4,\"keydown\",\"keyDown\"],[4,\"keyup\",\"keyUp\"],[4,\"visibilitychange\",\"visibilityChange\"],[9,\"resize\",\"_setRowSelectionData\"]],{\"items\":[\"_parseItems\"],\"enableRowSelection\":[\"_setRowSelectionData\"],\"rowSelectionLimit\":[\"_setRowSelectionData\"],\"selectedRows\":[\"_setRowSelectionData\"]}]]],[\"p-select.cjs\",[[64,\"p-select\",{\"items\":[1],\"multi\":[516],\"strategy\":[1],\"icon\":[1],\"query\":[1],\"placeholder\":[1],\"autocompletePlaceholder\":[1,\"autocomplete-placeholder\"],\"value\":[8],\"displayKey\":[1,\"display-key\"],\"dropdownDisplayKey\":[1,\"dropdown-display-key\"],\"selectionDisplayKey\":[1,\"selection-display-key\"],\"valueKey\":[1,\"value-key\"],\"avatarKey\":[1,\"avatar-key\"],\"iconKey\":[1,\"icon-key\"],\"showIconOnSelectedItem\":[1,\"show-icon-on-selected-item\"],\"classKey\":[1,\"class-key\"],\"applyClassOnSelectedItem\":[1,\"apply-class-on-selected-item\"],\"avatarLettersKey\":[1,\"avatar-letters-key\"],\"identifierKey\":[1,\"identifier-key\"],\"queryKey\":[1,\"query-key\"],\"autoSelectFirst\":[4,\"auto-select-first\"],\"showChevron\":[4,\"show-chevron\"],\"maxDisplayedItems\":[2,\"max-displayed-items\"],\"enableAutocomplete\":[4,\"enable-autocomplete\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"asyncFilter\":[4,\"async-filter\"],\"loading\":[4],\"enableSelectAll\":[4,\"enable-select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"selectAllIcon\":[1,\"select-all-icon\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"showAddItem\":[4,\"show-add-item\"],\"addItemText\":[1,\"add-item-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"_showDropdown\":[32],\"_selectedItem\":[32],\"_allSelected\":[32],\"_amountHidden\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[\"_valueChange\"],\"items\":[\"itemChanges\"],\"_showDropdown\":[\"_showDropdownChanges\"],\"multi\":[\"multiChanges\"]}]]],[\"p-datepicker.cjs\",[[64,\"p-datepicker\",{\"placeholder\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"enableNativePicker\":[4,\"enable-native-picker\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"format\":[1],\"hideIconWhenFilled\":[4,\"hide-icon-when-filled\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"loading\":[4],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"strategy\":[1],\"placement\":[513],\"_showDropdown\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_isMobileBrowser\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[\"parseValue\"],\"minDate\":[\"parseMinDate\"],\"maxDate\":[\"parseMaxDate\"],\"disabledDates\":[\"parseDisabledDates\"]}]]],[\"p-modal.cjs\",[[1,\"p-modal\",{\"size\":[1],\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"showMobileFooter\":[4,\"show-mobile-footer\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeModal\",\"handleCloseModal\"]]]]],[\"p-drawer.cjs\",[[1,\"p-drawer\",{\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"canClose\":[4,\"can-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeDrawer\",\"handleCloseDrawer\"],[8,\"forceCloseDrawer\",\"handleForceCloseDrawer\"]]]]],[\"p-attachment.cjs\",[[1,\"p-attachment\",{\"enableCameraOnMobile\":[4,\"enable-camera-on-mobile\"],\"value\":[1],\"fileId\":[1,\"file-id\"],\"accept\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"mode\":[1],\"placeholder\":[1],\"cameraTooltip\":[1,\"camera-tooltip\"],\"downloadTooltip\":[1,\"download-tooltip\"],\"uploadTooltip\":[1,\"upload-tooltip\"],\"deleteTooltip\":[1,\"delete-tooltip\"],\"loading\":[4],\"error\":[1]}]]],[\"p-profile.cjs\",[[1,\"p-profile\",{\"dropdownLocation\":[1,\"dropdown-location\"],\"_dropdownOpen\":[32],\"_hasDropdownSlot\":[32]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-navbar.cjs\",[[1,\"p-navbar\",{\"_show\":[32]},[[8,\"closeNavbar\",\"handleCloseNavbar\"],[8,\"openNavbar\",\"handleOpenNavbar\"]]]]],[\"p-card-header.cjs\",[[1,\"p-card-header\",{\"variant\":[1],\"header\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"divider\":[4]}]]],[\"p-navigation-item.cjs\",[[4,\"p-navigation-item\",{\"icon\":[1],\"active\":[4],\"loading\":[4],\"as\":[1],\"counter\":[8],\"href\":[1],\"target\":[1],\"class\":[1]}]]],[\"p-toast.cjs\",[[1,\"p-toast\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconFlip\":[1,\"action-icon-flip\"],\"actionIconRotate\":[2,\"action-icon-rotate\"]}]]],[\"p-accordion.cjs\",[[1,\"p-accordion\",{\"variant\":[1],\"header\":[1],\"open\":[4],\"closeable\":[4],\"openable\":[4]}]]],[\"p-cropper.cjs\",[[1,\"p-cropper\",{\"value\":[1],\"returnType\":[1,\"return-type\"],\"_loaded\":[32],\"_currentScale\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"p-stepper.cjs\",[[1,\"p-stepper\",{\"steps\":[1],\"activeStep\":[2,\"active-step\"],\"enableAutoStatus\":[4,\"enable-auto-status\"],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"_generatedOnce\":[32],\"_loaded\":[32]},null,{\"align\":[\"_onAlignChange\"],\"direction\":[\"_onDirectionChange\"],\"activeStep\":[\"_onActiveStepChange\"]}]]],[\"p-info-panel.cjs\",[[1,\"p-info-panel\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"closeable\":[4]}]]],[\"p-label.cjs\",[[1,\"p-label\",{\"variant\":[513],\"iconOnly\":[516,\"icon-only\"],\"icon\":[513],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"keepMobileContent\":[516,\"keep-mobile-content\"]}]]],[\"p-listing.cjs\",[[1,\"p-listing\",{\"_generatedOnce\":[32]}]]],[\"p-listing-item.cjs\",[[1,\"p-listing-item\",{\"icon\":[1]}]]],[\"p-navigation-section.cjs\",[[4,\"p-navigation-section\",{\"header\":[1]}]]],[\"p-tab-container.cjs\",[[1,\"p-tab-container\"]]],[\"p-avatar-group.cjs\",[[4,\"p-avatar-group\",{\"extra\":[2]}]]],[\"p-button-group.cjs\",[[1,\"p-button-group\",{\"size\":[1]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-card-body.cjs\",[[1,\"p-card-body\"]]],[\"p-card-container.cjs\",[[1,\"p-card-container\",{\"variant\":[1],\"bgClass\":[1,\"bg-class\"],\"active\":[4],\"hoverable\":[4],\"shadow\":[4],\"border\":[4]}]]],[\"p-content-slider.cjs\",[[1,\"p-content-slider\",{\"hideMobileIndicator\":[4,\"hide-mobile-indicator\"],\"disableDrag\":[4,\"disable-drag\"],\"disableAutoCenter\":[4,\"disable-auto-center\"],\"disableIndicatorClick\":[4,\"disable-indicator-click\"],\"_visibleIndex\":[32],\"_outerHeight\":[32],\"_totalWidth\":[32],\"_dragging\":[32]},[[9,\"mouseup\",\"mouseUpHandler\"],[9,\"touchend\",\"mouseUpHandler\"],[9,\"resize\",\"resizeHandler\"]]]]],[\"p-iban-icon.cjs\",[[1,\"p-iban-icon\",{\"iban\":[513],\"variant\":[513]}]]],[\"p-illustration-deprecated.cjs\",[[0,\"p-illustration-deprecated\",{\"variant\":[1]}]]],[\"p-layout.cjs\",[[1,\"p-layout\",{\"variant\":[1]}]]],[\"p-radio.cjs\",[[68,\"p-radio\",{\"value\":[1],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"checked\":[516],\"_nonce\":[32]}]]],[\"p-tab-item.cjs\",[[1,\"p-tab-item\",{\"active\":[4]}]]],[\"p-table-column.cjs\",[[0,\"p-table-column\",{\"path\":[1537],\"variant\":[1537],\"name\":[1537],\"useSlot\":[1540,\"use-slot\"],\"hasCheckbox\":[1540,\"has-checkbox\"],\"align\":[1537],\"parsedSizes\":[1040,\"parsed-sizes\"],\"sizes\":[1032]}]]],[\"p-table-row-action.cjs\",[[0,\"p-table-row-action\",{\"type\":[1537],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"label\":[1],\"action\":[16],\"disabled\":[4],\"loading\":[4],\"showFunction\":[16,\"show-function\"]}]]],[\"p-toast-container.cjs\",[[1,\"p-toast-container\",{\"placement\":[1]}]]],[\"p-toggle.cjs\",[[68,\"p-toggle\",{\"checked\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}]]],[\"p-calendar.cjs\",[[1,\"p-calendar\",{\"variant\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"_view\":[32],\"_viewDate\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_enableToday\":[32]},null,{\"value\":[\"_parseValue\"],\"minDate\":[\"_parseMinDate\"],\"maxDate\":[\"_parseMaxDate\"],\"disabledDates\":[\"_parseDisabledDates\"],\"mode\":[\"_modeChange\"]}]]],[\"p-range.cjs\",[[1,\"p-range\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2]}]]],[\"p-avatar.cjs\",[[0,\"p-avatar\",{\"variant\":[1],\"size\":[513],\"defaultImage\":[1,\"default-image\"],\"src\":[1],\"letters\":[1],\"_src\":[32],\"_failed\":[32]},null,{\"src\":[\"onSrchChange\"]}]]],[\"p-listing-line.cjs\",[[1,\"p-listing-line\"]]],[\"p-navigation-title.cjs\",[[1,\"p-navigation-title\"]]],[\"p-stepper-item_2.cjs\",[[1,\"p-stepper-item\",{\"number\":[2],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"finished\":[4],\"active\":[4]}],[1,\"p-stepper-line\",{\"active\":[516],\"direction\":[513]}]]],[\"p-illustration.cjs\",[[0,\"p-illustration\",{\"variant\":[1]}]]],[\"p-drawer-body_3.cjs\",[[1,\"p-drawer-header\",{\"showClose\":[4,\"show-close\"]}],[1,\"p-drawer-body\"],[1,\"p-drawer-container\",{\"closing\":[4]}]]],[\"p-backdrop.cjs\",[[1,\"p-backdrop\",{\"variant\":[1],\"applyBlur\":[4,\"apply-blur\"],\"closing\":[4],\"scrollLock\":[4,\"scroll-lock\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]]]],[\"p-modal-body_4.cjs\",[[1,\"p-modal-header\",{\"showClose\":[4,\"show-close\"]}],[1,\"p-modal-footer\"],[1,\"p-modal-body\",{\"roundedBottom\":[4,\"rounded-bottom\"],\"roundedTop\":[4,\"rounded-top\"]}],[1,\"p-modal-container\",{\"size\":[1],\"closing\":[4]}]]],[\"p-pagination-pages-item.cjs\",[[1,\"p-pagination-pages-item\",{\"variant\":[1],\"active\":[4],\"hover\":[4],\"disabled\":[4]}]]],[\"p-smile.cjs\",[[0,\"p-smile\",{\"variant\":[1]}]]],[\"p-badge_3.cjs\",[[1,\"p-segment-item\",{\"variant\":[1],\"active\":[4],\"iconOnly\":[4,\"icon-only\"],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}],[1,\"p-segment-container\"],[1,\"p-badge\"]]],[\"p-divider.cjs\",[[4,\"p-divider\",{\"variant\":[513],\"alignContent\":[513,\"align-content\"]}]]],[\"p-checkbox_4.cjs\",[[1,\"p-dropdown-menu-item\",{\"active\":[4],\"checkbox\":[4],\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"disabled\":[4],\"icon\":[1],\"iconWave\":[4,\"icon-wave\"],\"useContainer\":[4,\"use-container\"]}],[68,\"p-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}],[1,\"p-dropdown\",{\"variant\":[1],\"placement\":[513],\"offset\":[2],\"strategy\":[1],\"show\":[4],\"applyMaxWidth\":[4,\"apply-max-width\"],\"applyFullWidth\":[4,\"apply-full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8],\"insideClick\":[4,\"inside-click\"],\"disableTriggerClick\":[4,\"disable-trigger-click\"],\"manual\":[4],\"applyChevron\":[4,\"apply-chevron\"],\"chevronPosition\":[1,\"chevron-position\"],\"chevronDirection\":[1,\"chevron-direction\"]},[[6,\"click\",\"documentClickHandler\"]],{\"show\":[\"onShowChange\"]}],[1,\"p-dropdown-menu-container\",{\"variant\":[1],\"maxWidth\":[4,\"max-width\"],\"class\":[1],\"fullWidth\":[4,\"full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8]}]]],[\"p-pagination_3.cjs\",[[1,\"p-pagination\",{\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16,\"page-size-options\"],\"_hasPaginationPages\":[32]}],[1,\"p-pagination-size\",{\"size\":[1538],\"sizeOptions\":[16,\"size-options\"],\"itemTemplate\":[16,\"item-template\"],\"hidden\":[4],\"dropdownIsOpen\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[1,\"p-pagination-pages\",{\"page\":[1538],\"pageSize\":[2,\"page-size\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"total\":[2]},null,{\"page\":[\"pageChangeHandler\"],\"pageSize\":[\"pageChangeHandler\"],\"total\":[\"pageChangeHandler\"]}]]],[\"p-helper_2.cjs\",[[1,\"p-helper\",{\"strategy\":[1],\"placement\":[1]}],[1,\"p-tooltip\",{\"variant\":[1],\"content\":[1],\"placement\":[1],\"offset\":[2],\"strategy\":[1],\"enableUserInput\":[4,\"enable-user-input\"],\"show\":[4],\"canManuallyClose\":[4,\"can-manually-close\"]},[[2,\"click\",\"clickHandler\"],[6,\"click\",\"documentClickHandler\"],[1,\"mouseenter\",\"mouseEnterHandler\"],[0,\"focus\",\"mouseEnterHandler\"],[1,\"mouseleave\",\"mouseLeaveHandler\"],[0,\"blur\",\"mouseLeaveHandler\"]],{\"show\":[\"onShowChange\"],\"content\":[\"onContentChange\"]}]]],[\"p-field_2.cjs\",[[65,\"p-field\",{\"align\":[1],\"variant\":[1],\"id\":[1],\"size\":[1],\"type\":[1],\"properties\":[8],\"prefix\":[1],\"suffix\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"iconPosition\":[1,\"icon-position\"],\"value\":[1],\"label\":[1],\"loading\":[4],\"placeholder\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"showAddOnEmpty\":[516,\"show-add-on-empty\"],\"addText\":[513,\"add-text\"],\"autofocus\":[516],\"error\":[513],\"errorPlacement\":[1,\"error-placement\"],\"disabled\":[516],\"focused\":[516],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"selectAllOnFocus\":[516,\"select-all-on-focus\"],\"focusMethod\":[1,\"focus-method\"],\"optionalTemplate\":[16,\"optional-template\"],\"_focused\":[32],\"_nonce\":[32]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[2,\"keyup\",\"handleKeyup\"]],{\"value\":[\"watchvalue\"]}],[1,\"p-field-container\",{\"id\":[1],\"align\":[1],\"label\":[1],\"loading\":[4],\"loadingSize\":[1,\"loading-size\"],\"variant\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"errorPlacement\":[1,\"error-placement\"],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"optionalTemplate\":[16,\"optional-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]]]],[\"p-empty-state_9.cjs\",[[1,\"p-table-header\",{\"quickFilters\":[16,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"loading\":[4],\"enableSearch\":[4,\"enable-search\"],\"itemsSelectedAmount\":[2,\"items-selected-amount\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableExport\":[4,\"enable-export\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16,\"filter-button-template\"],\"enableAction\":[4,\"enable-action\"],\"actionLoading\":[4,\"action-loading\"],\"actionIcon\":[1,\"action-icon\"],\"actionText\":[1,\"action-text\"],\"canUseAction\":[1028,\"can-use-action\"],\"actionButtonTemplate\":[16,\"action-button-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[1,\"p-table-footer\",{\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"loading\":[4],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16,\"page-size-options\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"_isPinned\":[32],\"_hasPaginationPages\":[32]},[[9,\"scroll\",\"onScroll\"]]],[1,\"p-empty-state\",{\"illustration\":[8],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionText\":[1,\"action-text\"],\"actionVariant\":[1,\"action-variant\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconPosition\":[1,\"action-icon-position\"],\"actionLoading\":[4,\"action-loading\"]}],[1,\"p-floating-menu-container\",{\"usedInTable\":[4,\"used-in-table\"],\"enableAmountSelected\":[4,\"enable-amount-selected\"],\"amount\":[2],\"enableClose\":[4,\"enable-close\"],\"amountSelectedTemplate\":[16,\"amount-selected-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[4,\"p-floating-menu-item\",{\"hover\":[4],\"disabled\":[4],\"loading\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}],[4,\"p-table-cell\",{\"variant\":[1],\"index\":[2],\"rowIndex\":[2,\"row-index\"],\"definition\":[16],\"item\":[8],\"value\":[8],\"checkbox\":[8],\"template\":[16]}],[1,\"p-table-row\",{\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"checked\":[4],\"isLast\":[4,\"is-last\"]}],[4,\"p-table-container\"],[1,\"p-table-row-actions-container\"]]]]"), options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box}:host{--tw-content:" "}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.text-
|
|
1
|
+
*{box-sizing:border-box}:host{--tw-content:" "}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-dark-teal-600{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.after\:h-\[2px\]:after{content:var(--tw-content)!important;height:2px!important}.after\:bg-dark-teal-600:after{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\:bg-transparent:after{background-color:transparent!important;content:var(--tw-content)!important}.hover\:after\:bg-dark-teal-100:hover:after{--tw-bg-opacity:1!important;background-color:rgb(204 220 218/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
3
|
const item = cva([
|
|
4
|
-
'
|
|
4
|
+
'h-8 flex flex-col justify-between text-sm',
|
|
5
5
|
'cursor-pointer',
|
|
6
6
|
"after:h-[2px] after:content-[' ']",
|
|
7
7
|
], {
|
|
@@ -18,7 +18,7 @@ export class TabItem {
|
|
|
18
18
|
*/
|
|
19
19
|
active = false;
|
|
20
20
|
render() {
|
|
21
|
-
return (h("div", { key: '
|
|
21
|
+
return (h("div", { key: 'b7865a9f561a851af3aebaf4df440a918bff0a9f', class: item({ active: this.active }) }, h("slot", { key: '35f075756049e61c3c23d7a8d4c2749dbbcd1db2' })));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "p-tab-item"; }
|
|
24
24
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/tab/item/tab-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,IAAI,GAAG,GAAG,CACf;IACC,
|
|
1
|
+
{"version":3,"file":"tab-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/tab/item/tab-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,IAAI,GAAG,GAAG,CACf;IACC,2CAA2C;IAC3C,gBAAgB;IAChB,mCAAmC;CACnC,EACD;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,IAAI,EAAE,2CAA2C;YACjD,KAAK,EACJ,sEAAsE;SACvE;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,OAAO;IACnB;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;YACxC,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst item = cva(\n\t[\n\t\t'h-8 flex flex-col justify-between text-sm',\n\t\t'cursor-pointer',\n\t\t\"after:h-[2px] after:content-[' ']\",\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\ttrue: 'after:bg-dark-teal-600 text-dark-teal-600',\n\t\t\t\tfalse:\n\t\t\t\t\t'text-dark-teal-400 after:bg-transparent hover:after:bg-dark-teal-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-tab-item',\n\tstyleUrl: 'tab-item.component.css',\n\tshadow: true,\n})\nexport class TabItem {\n\t/**\n\t * Wether the tab item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={item({ active: this.active })}>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box}.static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal\/20{border-color:rgba(3,42,36,.2)!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\/60{color:rgba(204,220,218,.6)!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px rgba(189,140,255,.2))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\:text-dark-teal-500:hover{--tw-text-opacity:1!important;color:rgb(0 81 72/var(--tw-text-opacity,1))!important}.hover\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\:drop-shadow-1:hover,.hover\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\:border-dark-teal-600:active{--tw-border-opacity:1!important;border-color:rgb(0 72 64/var(--tw-border-opacity,1))!important}.active\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\:text-black-teal\/60:active{color:rgba(3,42,36,.6)!important}.active\:text-dark-teal-100\/60:active{color:rgba(204,220,218,.6)!important}.active\:text-dark-teal-600:active{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.active\:text-negative-red-800:active{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.active\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\:ring-2:active,.active\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\:ring-black-teal\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.group:hover .group-hover\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\:text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.group:hover .group-hover\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}
|
|
1
|
+
*{box-sizing:border-box}.static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal\/20{border-color:rgba(3,42,36,.2)!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\/60{color:rgba(204,220,218,.6)!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px rgba(189,140,255,.2))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\:text-dark-teal-500:hover{--tw-text-opacity:1!important;color:rgb(0 81 72/var(--tw-text-opacity,1))!important}.hover\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\:drop-shadow-1:hover,.hover\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\:border-dark-teal-600:active{--tw-border-opacity:1!important;border-color:rgb(0 72 64/var(--tw-border-opacity,1))!important}.active\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\:text-black-teal\/60:active{color:rgba(3,42,36,.6)!important}.active\:text-dark-teal-100\/60:active{color:rgba(204,220,218,.6)!important}.active\:text-dark-teal-600:active{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.active\:text-negative-red-800:active{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.active\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\:ring-2:active,.active\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\:ring-black-teal\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.group:hover .group-hover\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\:text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.group:hover .group-hover\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}
|
|
@@ -5,7 +5,7 @@ import { cn } from "../../../utils/cn";
|
|
|
5
5
|
const button = cva([
|
|
6
6
|
'group',
|
|
7
7
|
'font-semibold leading-4',
|
|
8
|
-
'flex items-center justify-center
|
|
8
|
+
'flex items-center justify-center',
|
|
9
9
|
'cursor-pointer',
|
|
10
10
|
], {
|
|
11
11
|
variants: {
|
|
@@ -29,9 +29,9 @@ const button = cva([
|
|
|
29
29
|
false: null,
|
|
30
30
|
},
|
|
31
31
|
size: {
|
|
32
|
-
sm: ['text-xs h-6'],
|
|
33
|
-
base: ['text-sm h-8'],
|
|
34
|
-
lg: ['text-base h-10'],
|
|
32
|
+
sm: ['text-xs h-6 gap-1'],
|
|
33
|
+
base: ['text-sm h-8 gap-2'],
|
|
34
|
+
lg: ['text-base h-10 gap-2'],
|
|
35
35
|
},
|
|
36
36
|
disabled: {
|
|
37
37
|
true: 'cursor-not-allowed',
|
|
@@ -379,7 +379,7 @@ export class Button {
|
|
|
379
379
|
: 'button';
|
|
380
380
|
const hostClass = cn('p-button inline-block', this.class);
|
|
381
381
|
const active = asBoolean(this.active) || hostClass?.includes('active');
|
|
382
|
-
return (h(Host, { key: '
|
|
382
|
+
return (h(Host, { key: '62f3b2aa83a3ad3f68848758997a2b906add5eb2', class: hostClass }, h(VariableTag, { key: '414b1d8e6128bc4c3128c031bb817527c7a628f5', disabled: asBoolean(this.disabled), href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
|
|
383
383
|
variant: this.variant,
|
|
384
384
|
size: this.size,
|
|
385
385
|
loading: asBoolean(this.loading),
|
|
@@ -388,14 +388,14 @@ export class Button {
|
|
|
388
388
|
iconOnly: asBoolean(this.iconOnly),
|
|
389
389
|
active,
|
|
390
390
|
error: asBoolean(this.error),
|
|
391
|
-
}) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '
|
|
391
|
+
}) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '70a8462c376d64251bfb740e5a5aebfa314db59e', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
|
|
392
392
|
this.iconPosition === 'start' &&
|
|
393
393
|
!(this.iconOnly && this.loading) &&
|
|
394
394
|
this._getIcon(), this.label ? this.label : h("slot", null), this.icon &&
|
|
395
395
|
this.iconPosition === 'end' &&
|
|
396
396
|
!this.loading &&
|
|
397
397
|
!this.chevron &&
|
|
398
|
-
this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '
|
|
398
|
+
this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '9aadc714cdceb218a446f081371ba7731e2546ac', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '6c5b71ce175deb602ab9e847c6da28e2a61ba165', color: loaderColor }))));
|
|
399
399
|
}
|
|
400
400
|
handleClick(ev) {
|
|
401
401
|
if (this.loading || this.disabled) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/button/button.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { cn } from '../../../utils/cn';\n\nconst button = cva(\n\t[\n\t\t'group',\n\t\t'font-semibold leading-4',\n\t\t'flex items-center justify-center gap-2',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: ['bg-supportive-lilac border-black-teal/20'],\n\t\t\t\tsecondary: null,\n\t\t\t\ttext: null,\n\t\t\t\ttransparent: 'bg-transparent border-transparent',\n\t\t\t\tdropdown: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tloading: {\n\t\t\t\ttrue: 'cursor-wait',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: ['text-xs h-6'],\n\t\t\t\tbase: ['text-sm h-8'],\n\t\t\t\tlg: ['text-base h-10'],\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tbuttonGroupPosition: {\n\t\t\t\tnone: null,\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\ttrue: 'justify-center',\n\t\t\t\tfalse: 'w-inherit py-1',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t// variants\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tclass: 'bg-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'none',\n\t\t\t\tclass: 'rounded-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'start',\n\t\t\t\tclass: 'rounded-s-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'end',\n\t\t\t\tclass: 'rounded-e-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:border-supportive-lilac-800 active:ring active:ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'border-supportive-lilac-800 ring ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border bg-white-600 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'active:border-supportive-lilac-800 active:ring active:ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\terror: false,\n\t\t\t\tclass:\n\t\t\t\t\t'border-supportive-lilac-800 ring ring-2 ring-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\terror: false,\n\t\t\t\tclass: ['border-black-teal/20'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\terror: true,\n\t\t\t\tclass:\n\t\t\t\t\t'border border-negative-red text-negative-red-800 ring ring-2 ring-negative-red-50 active:text-negative-red-800',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-400 hover:text-dark-teal-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:text-dark-teal-600 active:border-dark-teal-600',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'hover:bg-dark-teal active:text-dark-teal-100/60',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100/60',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: ['base', 'sm'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-3',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dropdown',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'text'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'py-1',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-10',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([], {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: 'text-xs',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-base',\n\t\t},\n\t\tvariant: {\n\t\t\tprimary: null,\n\t\t\tsecondary: null,\n\t\t\ttext: null,\n\t\t\ttransparent: null,\n\t\t\tdropdown: null,\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\terror: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\terror: false,\n\t\t\tclass: 'text-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\t\t{\n\t\t\tvariant: 'transparent',\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-dark-teal-200 group-hover:text-dark-teal-100',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tactive: false,\n\t\t\terror: true,\n\t\t\tclass: 'text-negative-red group-hover:text-negative-red-800',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tactive: true,\n\t\t\terror: true,\n\t\t\tclass: 'text-negative-red-800',\n\t\t},\n\t],\n});\n\nexport type ButtonVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'transparent'\n\t| 'text'\n\t| 'dropdown';\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.css',\n})\nexport class Button {\n\t/**\n\t * The label of the button (Can use slot)\n\t */\n\t@Prop() label?: string;\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as?: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant?: ButtonVariant = 'primary';\n\n\t/**\n\t * Wether to force an active state\n\t */\n\t@Prop() active?: boolean = false;\n\n\t/**\n\t * Wether to show a error state\n\t */\n\t@Prop() error?: boolean = false;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href?: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target?: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size?: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type?: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading?: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron?: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition?: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled?: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly?: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition?: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText?: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition?: 'start' | 'center' | 'end' | 'none' = 'none';\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class?: string;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'off-white' | 'supportive-lilac' | 'black-teal' =\n\t\t\t'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\tcase 'dropdown':\n\t\t\tcase 'transparent':\n\t\t\t\tloaderColor = 'off-white';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'black-teal';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\tconst hostClass = cn('p-button inline-block', this.class);\n\t\tconst active = asBoolean(this.active) || hostClass?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class={hostClass}>\n\t\t\t\t<VariableTag\n\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tclass={button({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tloading: asBoolean(this.loading),\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\tbuttonGroupPosition: this.buttonGroupPosition,\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t\tactive,\n\t\t\t\t\t\terror: asBoolean(this.error),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.label ? this.label : <slot />}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!this.loading &&\n\t\t\t\t\t\t!this.chevron &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.chevron && !this.loading && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\terror: asBoolean(this.error),\n\t\t\t\t})}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/button/button.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { cn } from '../../../utils/cn';\n\nconst button = cva(\n\t[\n\t\t'group',\n\t\t'font-semibold leading-4',\n\t\t'flex items-center justify-center',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: ['bg-supportive-lilac border-black-teal/20'],\n\t\t\t\tsecondary: null,\n\t\t\t\ttext: null,\n\t\t\t\ttransparent: 'bg-transparent border-transparent',\n\t\t\t\tdropdown: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tloading: {\n\t\t\t\ttrue: 'cursor-wait',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: ['text-xs h-6 gap-1'],\n\t\t\t\tbase: ['text-sm h-8 gap-2'],\n\t\t\t\tlg: ['text-base h-10 gap-2'],\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tbuttonGroupPosition: {\n\t\t\t\tnone: null,\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\ttrue: 'justify-center',\n\t\t\t\tfalse: 'w-inherit py-1',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t// variants\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tclass: 'bg-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'none',\n\t\t\t\tclass: 'rounded-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'start',\n\t\t\t\tclass: 'rounded-s-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'end',\n\t\t\t\tclass: 'rounded-e-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:border-supportive-lilac-800 active:ring active:ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'border-supportive-lilac-800 ring ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border bg-white-600 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'active:border-supportive-lilac-800 active:ring active:ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\terror: false,\n\t\t\t\tclass:\n\t\t\t\t\t'border-supportive-lilac-800 ring ring-2 ring-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\terror: false,\n\t\t\t\tclass: ['border-black-teal/20'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\terror: true,\n\t\t\t\tclass:\n\t\t\t\t\t'border border-negative-red text-negative-red-800 ring ring-2 ring-negative-red-50 active:text-negative-red-800',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-400 hover:text-dark-teal-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:text-dark-teal-600 active:border-dark-teal-600',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'hover:bg-dark-teal active:text-dark-teal-100/60',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100/60',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: ['base', 'sm'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-3',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dropdown',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'text'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'py-1',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-10',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([], {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: 'text-xs',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-base',\n\t\t},\n\t\tvariant: {\n\t\t\tprimary: null,\n\t\t\tsecondary: null,\n\t\t\ttext: null,\n\t\t\ttransparent: null,\n\t\t\tdropdown: null,\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\terror: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\terror: false,\n\t\t\tclass: 'text-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\t\t{\n\t\t\tvariant: 'transparent',\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-dark-teal-200 group-hover:text-dark-teal-100',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tactive: false,\n\t\t\terror: true,\n\t\t\tclass: 'text-negative-red group-hover:text-negative-red-800',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tactive: true,\n\t\t\terror: true,\n\t\t\tclass: 'text-negative-red-800',\n\t\t},\n\t],\n});\n\nexport type ButtonVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'transparent'\n\t| 'text'\n\t| 'dropdown';\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.css',\n})\nexport class Button {\n\t/**\n\t * The label of the button (Can use slot)\n\t */\n\t@Prop() label?: string;\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as?: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant?: ButtonVariant = 'primary';\n\n\t/**\n\t * Wether to force an active state\n\t */\n\t@Prop() active?: boolean = false;\n\n\t/**\n\t * Wether to show a error state\n\t */\n\t@Prop() error?: boolean = false;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href?: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target?: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size?: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type?: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading?: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron?: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition?: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled?: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly?: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition?: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText?: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition?: 'start' | 'center' | 'end' | 'none' = 'none';\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class?: string;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'off-white' | 'supportive-lilac' | 'black-teal' =\n\t\t\t'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\tcase 'dropdown':\n\t\t\tcase 'transparent':\n\t\t\t\tloaderColor = 'off-white';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'black-teal';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\tconst hostClass = cn('p-button inline-block', this.class);\n\t\tconst active = asBoolean(this.active) || hostClass?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class={hostClass}>\n\t\t\t\t<VariableTag\n\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tclass={button({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tloading: asBoolean(this.loading),\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\tbuttonGroupPosition: this.buttonGroupPosition,\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t\tactive,\n\t\t\t\t\t\terror: asBoolean(this.error),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.label ? this.label : <slot />}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!this.loading &&\n\t\t\t\t\t\t!this.chevron &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.chevron && !this.loading && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\terror: asBoolean(this.error),\n\t\t\t\t})}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.
|
|
1
|
+
*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.min-h-4{min-height:1rem!important}.min-h-5{min-height:1.25rem!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.break-all{word-break:break-all!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.font-geist{font-family:Geist,serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.leading-6{line-height:1.5rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\:bg-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\:bg-supportive-lilac ::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.selection\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\:bg-supportive-lilac::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.placeholder\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.placeholder\:text-black-teal-200::placeholder{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}
|
|
@@ -6,7 +6,7 @@ import { nonce } from "../../../../utils/nonce";
|
|
|
6
6
|
const field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {
|
|
7
7
|
variants: {
|
|
8
8
|
variant: {
|
|
9
|
-
read: 'border-0 items-start flex-wrap break-all',
|
|
9
|
+
read: 'border-0 items-start flex-wrap break-all leading-6',
|
|
10
10
|
write: 'border px-2',
|
|
11
11
|
},
|
|
12
12
|
size: {
|
|
@@ -108,6 +108,10 @@ const input = cva([
|
|
|
108
108
|
});
|
|
109
109
|
const prefixAndSuffix = cva(['flex flex-shrink-0 justify-center items-center text-center'], {
|
|
110
110
|
variants: {
|
|
111
|
+
variant: {
|
|
112
|
+
read: 'leading-6',
|
|
113
|
+
write: null,
|
|
114
|
+
},
|
|
111
115
|
disabled: {
|
|
112
116
|
false: null,
|
|
113
117
|
true: 'text-black-teal-100',
|
|
@@ -232,6 +236,14 @@ export class Field {
|
|
|
232
236
|
* Wether to show optional when not required
|
|
233
237
|
*/
|
|
234
238
|
showOptional = true;
|
|
239
|
+
/**
|
|
240
|
+
* Wether to show an add button when empty
|
|
241
|
+
*/
|
|
242
|
+
showAddOnEmpty = false;
|
|
243
|
+
/**
|
|
244
|
+
* The text to show on the add button
|
|
245
|
+
*/
|
|
246
|
+
addText = 'Add';
|
|
235
247
|
/**
|
|
236
248
|
* Wether to autofocus the field
|
|
237
249
|
*/
|
|
@@ -276,6 +288,10 @@ export class Field {
|
|
|
276
288
|
* Event whenever the input ref changes
|
|
277
289
|
*/
|
|
278
290
|
inputRefChange;
|
|
291
|
+
/**
|
|
292
|
+
* Event whenever the value changes
|
|
293
|
+
*/
|
|
294
|
+
add;
|
|
279
295
|
/**
|
|
280
296
|
* The host element
|
|
281
297
|
*/
|
|
@@ -300,7 +316,7 @@ export class Field {
|
|
|
300
316
|
}
|
|
301
317
|
render() {
|
|
302
318
|
const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
|
|
303
|
-
return (h("p-field-container", { key: '
|
|
319
|
+
return (h("p-field-container", { key: 'c0cbc4d363ff65ea426b92e1032ebe5120a3fd48', forceShowTooltip: this.forceShowTooltip || this._focused || !!this.error?.length, id: id, label: this.label, align: this.align, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: 'd4608d6ca551cca3fd748a113fe44ef2d4b14cc6', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '220cf4418dd64b5b8c3ce3c5c6bfcfdb54cbec64', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '88c3a921e13100e72fd6e1f04be612a64dd63102', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '92cf231980f6d3c368b6155c26a633c9ce679a3c', name: 'error', slot: 'error' })), h("div", { key: '2ba4a90ec70628196b5dd6bf667526a913bcb536', class: field({
|
|
304
320
|
error: !!this.error?.length,
|
|
305
321
|
disabled: asBoolean(this.disabled),
|
|
306
322
|
focused: asBoolean(this.focused) || this._focused,
|
|
@@ -309,7 +325,8 @@ export class Field {
|
|
|
309
325
|
isTextarea: this.type === 'textarea',
|
|
310
326
|
}), title: this.variant === 'read' && !hasValueSlot ? this.value : undefined, slot: 'content' }, (this.error?.length ||
|
|
311
327
|
prefix ||
|
|
312
|
-
(this.icon && this.iconPosition === 'start')) && (h("div", { key: '
|
|
328
|
+
(this.icon && this.iconPosition === 'start')) && (h("div", { key: '24e04cd3242d579c7d4fa23a77b86acc40196840', class: prefixAndSuffix({
|
|
329
|
+
variant: this.variant,
|
|
313
330
|
error: !!this.error?.length,
|
|
314
331
|
disabled: asBoolean(this.disabled),
|
|
315
332
|
focused: asBoolean(this.focused) || this._focused,
|
|
@@ -317,14 +334,17 @@ export class Field {
|
|
|
317
334
|
isTextarea: this.type === 'textarea',
|
|
318
335
|
}), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
|
|
319
336
|
this.error?.length ? (h("p-icon", { class: cn('flex', {
|
|
320
|
-
'mt-
|
|
321
|
-
}), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '
|
|
337
|
+
'mt-1': this.variant === 'read' && this.size === 'base',
|
|
338
|
+
}), variant: this.error?.length ? 'warning' : this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'c22a0b0a99345becd1375f4746a084059ec2af08', class: prefixAndSuffix({
|
|
339
|
+
variant: this.variant,
|
|
322
340
|
error: !!this.error?.length,
|
|
323
341
|
disabled: asBoolean(this.disabled),
|
|
324
342
|
focused: asBoolean(this.focused) || this._focused,
|
|
325
343
|
isText: typeof suffix === 'string',
|
|
326
344
|
isTextarea: this.type === 'textarea',
|
|
327
|
-
}), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex',
|
|
345
|
+
}), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: cn('flex', {
|
|
346
|
+
'mt-1': this.variant === 'read' && this.size === 'base',
|
|
347
|
+
}), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))))));
|
|
328
348
|
}
|
|
329
349
|
watchvalue(value) {
|
|
330
350
|
if (!this._inputRef) {
|
|
@@ -390,7 +410,7 @@ export class Field {
|
|
|
390
410
|
}
|
|
391
411
|
_getContent(hasValueSlot = false, id) {
|
|
392
412
|
if (this.variant === 'read') {
|
|
393
|
-
return hasValueSlot ? (h("slot", { name: 'value' })) : !!this.value && this.value.length > 0 ? (this.value) : ('—');
|
|
413
|
+
return hasValueSlot ? (h("slot", { name: 'value' })) : !!this.value && this.value.length > 0 ? (this.value) : this.showAddOnEmpty ? (h("p-button", { variant: 'text', icon: 'plus', size: 'sm', onClick: () => this.add.emit() }, this.addText)) : ('—');
|
|
394
414
|
}
|
|
395
415
|
if (this.type === 'slot') {
|
|
396
416
|
return h("slot", { name: 'input' });
|
|
@@ -861,6 +881,46 @@ export class Field {
|
|
|
861
881
|
"reflect": true,
|
|
862
882
|
"defaultValue": "true"
|
|
863
883
|
},
|
|
884
|
+
"showAddOnEmpty": {
|
|
885
|
+
"type": "boolean",
|
|
886
|
+
"attribute": "show-add-on-empty",
|
|
887
|
+
"mutable": false,
|
|
888
|
+
"complexType": {
|
|
889
|
+
"original": "boolean",
|
|
890
|
+
"resolved": "boolean",
|
|
891
|
+
"references": {}
|
|
892
|
+
},
|
|
893
|
+
"required": false,
|
|
894
|
+
"optional": false,
|
|
895
|
+
"docs": {
|
|
896
|
+
"tags": [],
|
|
897
|
+
"text": "Wether to show an add button when empty"
|
|
898
|
+
},
|
|
899
|
+
"getter": false,
|
|
900
|
+
"setter": false,
|
|
901
|
+
"reflect": true,
|
|
902
|
+
"defaultValue": "false"
|
|
903
|
+
},
|
|
904
|
+
"addText": {
|
|
905
|
+
"type": "string",
|
|
906
|
+
"attribute": "add-text",
|
|
907
|
+
"mutable": false,
|
|
908
|
+
"complexType": {
|
|
909
|
+
"original": "string",
|
|
910
|
+
"resolved": "string",
|
|
911
|
+
"references": {}
|
|
912
|
+
},
|
|
913
|
+
"required": false,
|
|
914
|
+
"optional": false,
|
|
915
|
+
"docs": {
|
|
916
|
+
"tags": [],
|
|
917
|
+
"text": "The text to show on the add button"
|
|
918
|
+
},
|
|
919
|
+
"getter": false,
|
|
920
|
+
"setter": false,
|
|
921
|
+
"reflect": true,
|
|
922
|
+
"defaultValue": "'Add'"
|
|
923
|
+
},
|
|
864
924
|
"autofocus": {
|
|
865
925
|
"type": "boolean",
|
|
866
926
|
"attribute": "autofocus",
|
|
@@ -1097,6 +1157,21 @@ export class Field {
|
|
|
1097
1157
|
}
|
|
1098
1158
|
}
|
|
1099
1159
|
}
|
|
1160
|
+
}, {
|
|
1161
|
+
"method": "add",
|
|
1162
|
+
"name": "add",
|
|
1163
|
+
"bubbles": false,
|
|
1164
|
+
"cancelable": true,
|
|
1165
|
+
"composed": true,
|
|
1166
|
+
"docs": {
|
|
1167
|
+
"tags": [],
|
|
1168
|
+
"text": "Event whenever the value changes"
|
|
1169
|
+
},
|
|
1170
|
+
"complexType": {
|
|
1171
|
+
"original": "void",
|
|
1172
|
+
"resolved": "void",
|
|
1173
|
+
"references": {}
|
|
1174
|
+
}
|
|
1100
1175
|
}];
|
|
1101
1176
|
}
|
|
1102
1177
|
static get elementRef() { return "_el"; }
|