@zanichelli/albe-web-components 3.2.1 → 4.0.1
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 +28 -0
- package/dist/cjs/{index-b1289f95.js → index-6b6a3299.js} +27 -29
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-33df2456.js → utils-8cc414c9.js} +28 -2
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-app-switcher_12.cjs.entry.js +12 -14
- package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-avatar.cjs.entry.js +1 -1
- package/dist/cjs/z-button-filter.cjs.entry.js +49 -0
- package/dist/cjs/z-chip.cjs.entry.js +2 -2
- package/dist/cjs/z-combobox.cjs.entry.js +5 -5
- package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
- package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/z-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +0 -1
- package/dist/cjs/z-file-upload.cjs.entry.js +2 -2
- package/dist/cjs/z-file.cjs.entry.js +1 -2
- package/dist/cjs/z-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-input-deprecated.cjs.entry.js +271 -0
- package/dist/cjs/z-input-label_2.cjs.entry.js +272 -0
- package/dist/cjs/z-input_2.cjs.entry.js +228 -0
- package/dist/cjs/z-list-group.cjs.entry.js +54 -0
- package/dist/cjs/{z-list_3.cjs.entry.js → z-list_2.cjs.entry.js} +5 -52
- package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +4 -4
- package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
- package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tab-link.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tab.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
- package/dist/cjs/z-otp.cjs.entry.js +1 -1
- package/dist/cjs/z-pagination-bar.cjs.entry.js +2 -2
- package/dist/cjs/z-pagination.cjs.entry.js +2 -2
- package/dist/cjs/z-pocket_3.cjs.entry.js +2 -2
- package/dist/cjs/z-popover.cjs.entry.js +2 -2
- package/dist/cjs/z-section-title.cjs.entry.js +1 -1
- package/dist/cjs/z-skip-to-content.cjs.entry.js +4 -4
- package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
- package/dist/cjs/z-status-tag.cjs.entry.js +1 -1
- package/dist/cjs/z-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/z-table-header.cjs.entry.js +2 -2
- package/dist/cjs/z-table-row.cjs.entry.js +1 -1
- package/dist/cjs/z-table.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
- package/dist/cjs/z-toggle-switch.cjs.entry.js +3 -3
- package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
- package/dist/collection/beans/index.js +27 -29
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/buttons/z-button/index.js +12 -15
- package/dist/collection/components/buttons/z-button/styles.css +27 -31
- package/dist/collection/components/buttons/z-toggle-switch/index.js +6 -6
- package/dist/collection/components/file-upload/z-dragdrop-area/index.js +0 -1
- package/dist/collection/components/file-upload/z-file/index.js +0 -1
- package/dist/collection/components/inputs/z-combobox/index.js +4 -4
- package/dist/collection/components/inputs/z-input/index.js +58 -234
- package/dist/collection/components/inputs/z-input/styles.css +61 -34
- package/dist/collection/components/inputs/z-input-message/index.js +1 -1
- package/dist/collection/components/inputs/z-select/index.js +69 -134
- package/dist/collection/components/inputs/z-select/styles.css +16 -58
- package/dist/collection/components/modal/z-modal-login/index.js +1 -1
- package/dist/collection/components/navigation/z-menu-dropdown/index.js +4 -4
- package/dist/collection/components/z-date-picker/index.js +1 -1
- package/dist/collection/components/z-pagination/index.js +2 -2
- package/dist/collection/components/z-skip-to-content/index.js +1 -1
- package/dist/collection/components/z-skip-to-content/styles.css +1 -1
- package/dist/collection/deprecated/z-input-deprecated/index.js +824 -0
- package/dist/collection/deprecated/z-input-deprecated/styles.css +296 -0
- package/dist/collection/{components/inputs → deprecated}/z-input-label/index.js +0 -0
- package/dist/collection/{components/inputs → deprecated}/z-input-label/styles.css +0 -0
- package/dist/collection/snowflakes/myz/z-otp/index.js +1 -1
- package/dist/collection/utils/utils.js +27 -2
- package/dist/esm/{index-7424c64c.js → index-46ca649a.js} +28 -30
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-93d2b922.js → utils-5d5963ef.js} +28 -3
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-app-switcher_12.entry.js +12 -14
- package/dist/esm/z-aria-alert.entry.js +1 -1
- package/dist/esm/z-avatar.entry.js +1 -1
- package/dist/esm/z-button-filter.entry.js +45 -0
- package/dist/esm/z-chip.entry.js +2 -2
- package/dist/esm/z-combobox.entry.js +5 -5
- package/dist/esm/z-contextual-menu.entry.js +1 -1
- package/dist/esm/z-cookiebar.entry.js +1 -1
- package/dist/esm/z-date-picker.entry.js +2 -2
- package/dist/esm/z-dragdrop-area_2.entry.js +0 -1
- package/dist/esm/z-file-upload.entry.js +2 -2
- package/dist/esm/z-file.entry.js +1 -2
- package/dist/esm/z-footer.entry.js +1 -1
- package/dist/esm/z-input-deprecated.entry.js +267 -0
- package/dist/esm/z-input-label_2.entry.js +267 -0
- package/dist/esm/z-input_2.entry.js +223 -0
- package/dist/esm/z-list-group.entry.js +50 -0
- package/dist/esm/z-list_2.entry.js +174 -0
- package/dist/esm/z-menu-dropdown_2.entry.js +4 -4
- package/dist/esm/z-messages-pocket.entry.js +1 -1
- package/dist/esm/z-modal-login.entry.js +1 -1
- package/dist/esm/z-myz-card-alert.entry.js +1 -1
- package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
- package/dist/esm/z-myz-card-footer.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +2 -2
- package/dist/esm/z-myz-card_4.entry.js +1 -1
- package/dist/esm/z-myz-list-item.entry.js +2 -2
- package/dist/esm/z-myz-topbar.entry.js +1 -1
- package/dist/esm/z-navigation-tab-link.entry.js +1 -1
- package/dist/esm/z-navigation-tab.entry.js +1 -1
- package/dist/esm/z-navigation-tabs.entry.js +1 -1
- package/dist/esm/z-otp.entry.js +1 -1
- package/dist/esm/z-pagination-bar.entry.js +2 -2
- package/dist/esm/z-pagination.entry.js +2 -2
- package/dist/esm/z-pocket_3.entry.js +2 -2
- package/dist/esm/z-popover.entry.js +2 -2
- package/dist/esm/z-section-title.entry.js +1 -1
- package/dist/esm/z-skip-to-content.entry.js +4 -4
- package/dist/esm/z-slideshow.entry.js +2 -2
- package/dist/esm/z-status-tag.entry.js +1 -1
- package/dist/esm/z-table-cell.entry.js +1 -1
- package/dist/esm/z-table-header.entry.js +2 -2
- package/dist/esm/z-table-row.entry.js +1 -1
- package/dist/esm/z-table.entry.js +1 -1
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.entry.js +1 -1
- package/dist/esm/z-toggle-switch.entry.js +3 -3
- package/dist/esm/z-tooltip.entry.js +1 -1
- package/dist/types/beans/index.d.ts +6 -7
- package/dist/types/components/buttons/z-button/index.d.ts +6 -4
- package/dist/types/components/buttons/z-toggle-switch/index.d.ts +2 -2
- package/dist/types/components/inputs/z-input/index.d.ts +16 -29
- package/dist/types/components/inputs/z-select/index.d.ts +11 -17
- package/dist/types/components.d.ts +193 -32
- package/dist/types/deprecated/z-input-deprecated/index.d.ts +102 -0
- package/dist/types/{components/inputs → deprecated}/z-input-label/index.d.ts +0 -0
- package/dist/types/utils/utils.d.ts +5 -0
- package/dist/web-components-library/index.esm.js +1 -1
- package/{www/build/p-e9b90127.entry.js → dist/web-components-library/p-02ea7e49.entry.js} +1 -1
- package/{www/build/p-e4b4b2e4.entry.js → dist/web-components-library/p-0a0aee35.entry.js} +1 -1
- package/dist/web-components-library/{p-2e510e79.entry.js → p-0d29d851.entry.js} +1 -1
- package/dist/web-components-library/{p-b0ea8c0e.entry.js → p-0ef6c549.entry.js} +1 -1
- package/dist/web-components-library/{p-4c282f06.entry.js → p-0f17db30.entry.js} +1 -1
- package/dist/web-components-library/{p-a391566a.entry.js → p-12af8652.entry.js} +1 -1
- package/dist/web-components-library/{p-3184d969.entry.js → p-1727c1c8.entry.js} +1 -1
- package/dist/web-components-library/{p-e7aadd3d.entry.js → p-20d62443.entry.js} +1 -1
- package/dist/web-components-library/{p-cd2ca92b.entry.js → p-3252be36.entry.js} +1 -1
- package/dist/web-components-library/{p-1b973c72.entry.js → p-3c111c2a.entry.js} +1 -1
- package/dist/web-components-library/{p-9721e132.entry.js → p-43329b81.entry.js} +1 -1
- package/dist/web-components-library/{p-9935973a.entry.js → p-4af112a7.entry.js} +1 -1
- package/dist/web-components-library/{p-03de95f1.entry.js → p-51cdabeb.entry.js} +1 -1
- package/dist/web-components-library/p-562e2d52.entry.js +1 -0
- package/dist/web-components-library/{p-709ab23c.entry.js → p-57d1acdc.entry.js} +1 -1
- package/dist/web-components-library/{p-0398165f.entry.js → p-5be162d5.entry.js} +1 -1
- package/{www/build/p-7e71d9b0.entry.js → dist/web-components-library/p-5eacbfc7.entry.js} +1 -1
- package/dist/web-components-library/{p-223bec2f.entry.js → p-63ccb013.entry.js} +1 -1
- package/dist/web-components-library/p-69ef6ddc.entry.js +1 -0
- package/dist/web-components-library/p-71accd8e.entry.js +1 -0
- package/dist/web-components-library/{p-56437e20.entry.js → p-7c6d4440.entry.js} +1 -1
- package/dist/web-components-library/p-99d7ab2f.entry.js +1 -0
- package/dist/web-components-library/{p-2ff952a3.entry.js → p-9aa5d36c.entry.js} +1 -1
- package/dist/web-components-library/p-9f5d707a.js +1 -0
- package/dist/web-components-library/{p-2711bc32.entry.js → p-9f9e4266.entry.js} +1 -1
- package/dist/web-components-library/{p-cce20009.entry.js → p-a851af81.entry.js} +1 -1
- package/dist/web-components-library/{p-d9d9d834.entry.js → p-a8875b97.entry.js} +2 -2
- package/dist/web-components-library/{p-adad78fc.entry.js → p-ae60bbdf.entry.js} +1 -1
- package/dist/web-components-library/p-b15efba3.entry.js +1 -0
- package/dist/web-components-library/p-b574d5f6.entry.js +1 -0
- package/dist/web-components-library/p-b9da171f.js +1 -0
- package/dist/web-components-library/{p-aae632ef.entry.js → p-ba29bc12.entry.js} +1 -1
- package/dist/web-components-library/p-bd886dd5.entry.js +1 -0
- package/dist/web-components-library/{p-542b3702.entry.js → p-bfe5693d.entry.js} +1 -1
- package/dist/web-components-library/{p-2b8975b1.entry.js → p-c9cdf4ee.entry.js} +1 -1
- package/dist/web-components-library/{p-dfc18671.entry.js → p-ccdebe3f.entry.js} +1 -1
- package/dist/web-components-library/p-cd8950d2.entry.js +1 -0
- package/dist/web-components-library/{p-c787ea21.entry.js → p-d33fea26.entry.js} +1 -1
- package/dist/web-components-library/p-d8069dab.entry.js +1 -0
- package/dist/web-components-library/{p-f3080685.entry.js → p-d97a2db9.entry.js} +1 -1
- package/dist/web-components-library/{p-1eef76bb.entry.js → p-d995d9dc.entry.js} +1 -1
- package/dist/web-components-library/{p-895f636e.entry.js → p-de25c7f0.entry.js} +1 -1
- package/dist/web-components-library/{p-66fbe5b8.entry.js → p-df4e963b.entry.js} +1 -1
- package/dist/web-components-library/p-e2102da3.entry.js +1 -0
- package/dist/web-components-library/{p-459dab30.entry.js → p-e84d6807.entry.js} +1 -1
- package/dist/web-components-library/p-edb8d2ab.entry.js +1 -0
- package/dist/web-components-library/{p-0b590426.entry.js → p-f322c5f0.entry.js} +1 -1
- package/dist/web-components-library/{p-da7760a3.entry.js → p-f7c3e9c3.entry.js} +1 -1
- package/{www/build/p-dcf4d1b6.entry.js → dist/web-components-library/p-fa925198.entry.js} +1 -1
- package/dist/web-components-library/{p-2c823f4c.entry.js → p-fe927bf4.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/react/components.d.ts +1 -0
- package/react/components.js +4 -3
- package/react/components.js.map +1 -1
- package/www/build/index.esm.js +1 -1
- package/{dist/web-components-library/p-e9b90127.entry.js → www/build/p-02ea7e49.entry.js} +1 -1
- package/{dist/web-components-library/p-e4b4b2e4.entry.js → www/build/p-0a0aee35.entry.js} +1 -1
- package/www/build/{p-2e510e79.entry.js → p-0d29d851.entry.js} +1 -1
- package/www/build/{p-b0ea8c0e.entry.js → p-0ef6c549.entry.js} +1 -1
- package/www/build/{p-4c282f06.entry.js → p-0f17db30.entry.js} +1 -1
- package/www/build/{p-a391566a.entry.js → p-12af8652.entry.js} +1 -1
- package/www/build/{p-3184d969.entry.js → p-1727c1c8.entry.js} +1 -1
- package/www/build/{p-e7aadd3d.entry.js → p-20d62443.entry.js} +1 -1
- package/www/build/{p-cd2ca92b.entry.js → p-3252be36.entry.js} +1 -1
- package/www/build/{p-1b973c72.entry.js → p-3c111c2a.entry.js} +1 -1
- package/www/build/{p-9721e132.entry.js → p-43329b81.entry.js} +1 -1
- package/www/build/{p-9935973a.entry.js → p-4af112a7.entry.js} +1 -1
- package/www/build/{p-03de95f1.entry.js → p-51cdabeb.entry.js} +1 -1
- package/www/build/p-562e2d52.entry.js +1 -0
- package/www/build/{p-709ab23c.entry.js → p-57d1acdc.entry.js} +1 -1
- package/www/build/{p-0398165f.entry.js → p-5be162d5.entry.js} +1 -1
- package/{dist/web-components-library/p-7e71d9b0.entry.js → www/build/p-5eacbfc7.entry.js} +1 -1
- package/www/build/{p-223bec2f.entry.js → p-63ccb013.entry.js} +1 -1
- package/www/build/p-69ef6ddc.entry.js +1 -0
- package/www/build/p-71accd8e.entry.js +1 -0
- package/www/build/{p-56437e20.entry.js → p-7c6d4440.entry.js} +1 -1
- package/www/build/p-99d7ab2f.entry.js +1 -0
- package/www/build/{p-2ff952a3.entry.js → p-9aa5d36c.entry.js} +1 -1
- package/www/build/p-9f5d707a.js +1 -0
- package/www/build/{p-2711bc32.entry.js → p-9f9e4266.entry.js} +1 -1
- package/www/build/{p-cce20009.entry.js → p-a851af81.entry.js} +1 -1
- package/www/build/{p-d9d9d834.entry.js → p-a8875b97.entry.js} +2 -2
- package/www/build/{p-adad78fc.entry.js → p-ae60bbdf.entry.js} +1 -1
- package/www/build/p-b15efba3.entry.js +1 -0
- package/www/build/p-b574d5f6.entry.js +1 -0
- package/www/build/p-b6035e27.js +129 -0
- package/www/build/p-b9da171f.js +1 -0
- package/www/build/{p-aae632ef.entry.js → p-ba29bc12.entry.js} +1 -1
- package/www/build/p-bd886dd5.entry.js +1 -0
- package/www/build/{p-542b3702.entry.js → p-bfe5693d.entry.js} +1 -1
- package/www/build/{p-2b8975b1.entry.js → p-c9cdf4ee.entry.js} +1 -1
- package/www/build/{p-dfc18671.entry.js → p-ccdebe3f.entry.js} +1 -1
- package/www/build/p-cd8950d2.entry.js +1 -0
- package/www/build/{p-c787ea21.entry.js → p-d33fea26.entry.js} +1 -1
- package/www/build/p-d8069dab.entry.js +1 -0
- package/www/build/{p-f3080685.entry.js → p-d97a2db9.entry.js} +1 -1
- package/www/build/{p-1eef76bb.entry.js → p-d995d9dc.entry.js} +1 -1
- package/www/build/{p-895f636e.entry.js → p-de25c7f0.entry.js} +1 -1
- package/www/build/{p-66fbe5b8.entry.js → p-df4e963b.entry.js} +1 -1
- package/www/build/p-e2102da3.entry.js +1 -0
- package/www/build/{p-459dab30.entry.js → p-e84d6807.entry.js} +1 -1
- package/www/build/p-edb8d2ab.entry.js +1 -0
- package/www/build/{p-0b590426.entry.js → p-f322c5f0.entry.js} +1 -1
- package/www/build/{p-da7760a3.entry.js → p-f7c3e9c3.entry.js} +1 -1
- package/{dist/web-components-library/p-dcf4d1b6.entry.js → www/build/p-fa925198.entry.js} +1 -1
- package/www/build/{p-2c823f4c.entry.js → p-fe927bf4.entry.js} +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/cjs/z-button-filter_5.cjs.entry.js +0 -620
- package/dist/esm/z-button-filter_5.entry.js +0 -612
- package/dist/esm/z-list_3.entry.js +0 -220
- package/dist/web-components-library/p-14c9344f.entry.js +0 -1
- package/dist/web-components-library/p-21b9a94f.entry.js +0 -1
- package/dist/web-components-library/p-57270965.entry.js +0 -1
- package/dist/web-components-library/p-70be81b6.entry.js +0 -1
- package/dist/web-components-library/p-80369bb8.entry.js +0 -1
- package/dist/web-components-library/p-80a3e18a.js +0 -1
- package/dist/web-components-library/p-a785ff38.entry.js +0 -1
- package/dist/web-components-library/p-d3723aa7.entry.js +0 -1
- package/dist/web-components-library/p-fea5b98f.js +0 -1
- package/www/build/p-14c9344f.entry.js +0 -1
- package/www/build/p-21b9a94f.entry.js +0 -1
- package/www/build/p-57270965.entry.js +0 -1
- package/www/build/p-70be81b6.entry.js +0 -1
- package/www/build/p-80369bb8.entry.js +0 -1
- package/www/build/p-80a3e18a.js +0 -1
- package/www/build/p-a785ff38.entry.js +0 -1
- package/www/build/p-d3723aa7.entry.js +0 -1
- package/www/build/p-fa024b02.js +0 -129
- package/www/build/p-fea5b98f.js +0 -1
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
import { AlertTypes, LicenseTypeEnum, MenuItem as MenuItem1, TooltipPosition } from "./beans/index";
|
|
9
|
-
import { AvatarSize, ButtonSizeEnum, ButtonVariantBean, ButtonVariantEnum, CardVariants, ComboItemBean, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InputStatusBean, InputTypeBean, ListDividerType, ListSize, MenuItem, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariantsEnum, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverShadow, SelectItemBean, Size, SkipToContentLink, SortDirection, StatusTagStatus, ThemeVariant, ThemeVariantBean, ToastNotificationPositionsTypes, ToastNotificationTransitionTypes, ToastNotificationTypes, TransitionDirectionEnum, ZChipType, ZDatePickerMode, ZFileUploadTypeEnum, ZSectionTitleDividerPosition, ZTableRowExpandedType
|
|
9
|
+
import { AvatarSize, ButtonSizeEnum, ButtonVariantBean, ButtonVariantEnum, CardVariants, ComboItemBean, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InputStatusBean, InputTypeBean, LabelPosition, ListDividerType, ListSize, MenuItem, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariantsEnum, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverShadow, SelectItemBean, Size, SkipToContentLink, SortDirection, StatusTagStatus, ThemeVariant, ThemeVariantBean, ToastNotificationPositionsTypes, ToastNotificationTransitionTypes, ToastNotificationTypes, TransitionDirectionEnum, ZChipType, ZDatePickerMode, ZFileUploadTypeEnum, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
|
|
10
10
|
import { ListItemBean } from "./beans/index.js";
|
|
11
11
|
import { ZTypographyLevels } from "./components/typography/z-typography/index";
|
|
12
12
|
export namespace Components {
|
|
@@ -106,7 +106,7 @@ export namespace Components {
|
|
|
106
106
|
*/
|
|
107
107
|
"disabled"?: boolean;
|
|
108
108
|
/**
|
|
109
|
-
* HTML a href attribute. If it is set, it renders an HTML a tag.
|
|
109
|
+
* HTML <a> href attribute. If it is set, it renders an HTML <a> tag.
|
|
110
110
|
*/
|
|
111
111
|
"href"?: string;
|
|
112
112
|
/**
|
|
@@ -532,6 +532,84 @@ export namespace Components {
|
|
|
532
532
|
"isclosable": boolean;
|
|
533
533
|
}
|
|
534
534
|
interface ZInput {
|
|
535
|
+
/**
|
|
536
|
+
* the input aria-label
|
|
537
|
+
*/
|
|
538
|
+
"ariaLabel"?: string;
|
|
539
|
+
/**
|
|
540
|
+
* the input has autocomplete option (optional): available for text, password, number, email
|
|
541
|
+
*/
|
|
542
|
+
"autocomplete"?: string;
|
|
543
|
+
/**
|
|
544
|
+
* checked: available for checkbox, radio
|
|
545
|
+
*/
|
|
546
|
+
"checked"?: boolean;
|
|
547
|
+
/**
|
|
548
|
+
* the input is disabled
|
|
549
|
+
*/
|
|
550
|
+
"disabled"?: boolean;
|
|
551
|
+
/**
|
|
552
|
+
* render clear icon when typing (optional): available for text
|
|
553
|
+
*/
|
|
554
|
+
"hasclearicon"?: boolean;
|
|
555
|
+
/**
|
|
556
|
+
* the id of the input element
|
|
557
|
+
*/
|
|
558
|
+
"htmlid": string;
|
|
559
|
+
/**
|
|
560
|
+
* the input html title (optional)
|
|
561
|
+
*/
|
|
562
|
+
"htmltitle"?: string;
|
|
563
|
+
/**
|
|
564
|
+
* render icon (optional): available for text
|
|
565
|
+
*/
|
|
566
|
+
"icon"?: string;
|
|
567
|
+
/**
|
|
568
|
+
* get checked status
|
|
569
|
+
*/
|
|
570
|
+
"isChecked": () => Promise<boolean>;
|
|
571
|
+
/**
|
|
572
|
+
* the input label
|
|
573
|
+
*/
|
|
574
|
+
"label"?: string;
|
|
575
|
+
/**
|
|
576
|
+
* the input label position: available for checkbox, radio
|
|
577
|
+
*/
|
|
578
|
+
"labelPosition"?: LabelPosition;
|
|
579
|
+
/**
|
|
580
|
+
* input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed
|
|
581
|
+
*/
|
|
582
|
+
"message"?: string | boolean;
|
|
583
|
+
/**
|
|
584
|
+
* the input name
|
|
585
|
+
*/
|
|
586
|
+
"name"?: string;
|
|
587
|
+
/**
|
|
588
|
+
* the input placeholder (optional)
|
|
589
|
+
*/
|
|
590
|
+
"placeholder"?: string;
|
|
591
|
+
/**
|
|
592
|
+
* the input is readonly
|
|
593
|
+
*/
|
|
594
|
+
"readonly"?: boolean;
|
|
595
|
+
/**
|
|
596
|
+
* the input is required (optional): available for text, password, number, email, textarea, checkbox
|
|
597
|
+
*/
|
|
598
|
+
"required"?: boolean;
|
|
599
|
+
/**
|
|
600
|
+
* the input status (optional): available for text, password, number, email, textarea
|
|
601
|
+
*/
|
|
602
|
+
"status"?: InputStatusBean;
|
|
603
|
+
/**
|
|
604
|
+
* input types
|
|
605
|
+
*/
|
|
606
|
+
"type": InputTypeBean;
|
|
607
|
+
/**
|
|
608
|
+
* the input value
|
|
609
|
+
*/
|
|
610
|
+
"value"?: string;
|
|
611
|
+
}
|
|
612
|
+
interface ZInputDeprecated {
|
|
535
613
|
/**
|
|
536
614
|
* the input aria-label
|
|
537
615
|
*/
|
|
@@ -1459,7 +1537,7 @@ export namespace Components {
|
|
|
1459
1537
|
/**
|
|
1460
1538
|
* the input has autocomplete option
|
|
1461
1539
|
*/
|
|
1462
|
-
"autocomplete"?: boolean
|
|
1540
|
+
"autocomplete"?: boolean;
|
|
1463
1541
|
/**
|
|
1464
1542
|
* the input is disabled
|
|
1465
1543
|
*/
|
|
@@ -1467,15 +1545,11 @@ export namespace Components {
|
|
|
1467
1545
|
/**
|
|
1468
1546
|
* get the input selected options
|
|
1469
1547
|
*/
|
|
1470
|
-
"
|
|
1548
|
+
"getSelectedItem": () => Promise<SelectItemBean>;
|
|
1471
1549
|
/**
|
|
1472
1550
|
* get the input value
|
|
1473
1551
|
*/
|
|
1474
|
-
"getValue": () => Promise<string
|
|
1475
|
-
/**
|
|
1476
|
-
* show input helper message (optional): available for text, password, number, email, textarea, select
|
|
1477
|
-
*/
|
|
1478
|
-
"hasmessage"?: boolean;
|
|
1552
|
+
"getValue": () => Promise<string>;
|
|
1479
1553
|
/**
|
|
1480
1554
|
* the id of the input element
|
|
1481
1555
|
*/
|
|
@@ -1493,13 +1567,9 @@ export namespace Components {
|
|
|
1493
1567
|
*/
|
|
1494
1568
|
"label"?: string;
|
|
1495
1569
|
/**
|
|
1496
|
-
* input helper message (optional)
|
|
1497
|
-
*/
|
|
1498
|
-
"message"?: string;
|
|
1499
|
-
/**
|
|
1500
|
-
* multiple options can be selected
|
|
1570
|
+
* input helper message (optional) - if set to `false` message won't be displayed
|
|
1501
1571
|
*/
|
|
1502
|
-
"
|
|
1572
|
+
"message"?: string | boolean;
|
|
1503
1573
|
/**
|
|
1504
1574
|
* the input name
|
|
1505
1575
|
*/
|
|
@@ -1521,7 +1591,7 @@ export namespace Components {
|
|
|
1521
1591
|
*/
|
|
1522
1592
|
"setValue": (value: string | string[]) => Promise<void>;
|
|
1523
1593
|
/**
|
|
1524
|
-
* the input status (optional)
|
|
1594
|
+
* the input status (optional)
|
|
1525
1595
|
*/
|
|
1526
1596
|
"status"?: InputStatusBean;
|
|
1527
1597
|
}
|
|
@@ -1780,7 +1850,7 @@ export namespace Components {
|
|
|
1780
1850
|
"checked"?: boolean;
|
|
1781
1851
|
"disabled"?: boolean;
|
|
1782
1852
|
"htmlid": string;
|
|
1783
|
-
"labelPosition"?:
|
|
1853
|
+
"labelPosition"?: LabelPosition;
|
|
1784
1854
|
}
|
|
1785
1855
|
interface ZTooltip {
|
|
1786
1856
|
/**
|
|
@@ -2036,6 +2106,12 @@ declare global {
|
|
|
2036
2106
|
prototype: HTMLZInputElement;
|
|
2037
2107
|
new (): HTMLZInputElement;
|
|
2038
2108
|
};
|
|
2109
|
+
interface HTMLZInputDeprecatedElement extends Components.ZInputDeprecated, HTMLStencilElement {
|
|
2110
|
+
}
|
|
2111
|
+
var HTMLZInputDeprecatedElement: {
|
|
2112
|
+
prototype: HTMLZInputDeprecatedElement;
|
|
2113
|
+
new (): HTMLZInputDeprecatedElement;
|
|
2114
|
+
};
|
|
2039
2115
|
interface HTMLZInputLabelElement extends Components.ZInputLabel, HTMLStencilElement {
|
|
2040
2116
|
}
|
|
2041
2117
|
var HTMLZInputLabelElement: {
|
|
@@ -2485,6 +2561,7 @@ declare global {
|
|
|
2485
2561
|
"z-icon-package": HTMLZIconPackageElement;
|
|
2486
2562
|
"z-info-box": HTMLZInfoBoxElement;
|
|
2487
2563
|
"z-input": HTMLZInputElement;
|
|
2564
|
+
"z-input-deprecated": HTMLZInputDeprecatedElement;
|
|
2488
2565
|
"z-input-label": HTMLZInputLabelElement;
|
|
2489
2566
|
"z-input-message": HTMLZInputMessageElement;
|
|
2490
2567
|
"z-link": HTMLZLinkElement;
|
|
@@ -2661,7 +2738,7 @@ declare namespace LocalJSX {
|
|
|
2661
2738
|
*/
|
|
2662
2739
|
"disabled"?: boolean;
|
|
2663
2740
|
/**
|
|
2664
|
-
* HTML a href attribute. If it is set, it renders an HTML a tag.
|
|
2741
|
+
* HTML <a> href attribute. If it is set, it renders an HTML <a> tag.
|
|
2665
2742
|
*/
|
|
2666
2743
|
"href"?: string;
|
|
2667
2744
|
/**
|
|
@@ -3143,6 +3220,96 @@ declare namespace LocalJSX {
|
|
|
3143
3220
|
"onInfoBoxClose"?: (event: CustomEvent<any>) => void;
|
|
3144
3221
|
}
|
|
3145
3222
|
interface ZInput {
|
|
3223
|
+
/**
|
|
3224
|
+
* the input aria-label
|
|
3225
|
+
*/
|
|
3226
|
+
"ariaLabel"?: string;
|
|
3227
|
+
/**
|
|
3228
|
+
* the input has autocomplete option (optional): available for text, password, number, email
|
|
3229
|
+
*/
|
|
3230
|
+
"autocomplete"?: string;
|
|
3231
|
+
/**
|
|
3232
|
+
* checked: available for checkbox, radio
|
|
3233
|
+
*/
|
|
3234
|
+
"checked"?: boolean;
|
|
3235
|
+
/**
|
|
3236
|
+
* the input is disabled
|
|
3237
|
+
*/
|
|
3238
|
+
"disabled"?: boolean;
|
|
3239
|
+
/**
|
|
3240
|
+
* render clear icon when typing (optional): available for text
|
|
3241
|
+
*/
|
|
3242
|
+
"hasclearicon"?: boolean;
|
|
3243
|
+
/**
|
|
3244
|
+
* the id of the input element
|
|
3245
|
+
*/
|
|
3246
|
+
"htmlid"?: string;
|
|
3247
|
+
/**
|
|
3248
|
+
* the input html title (optional)
|
|
3249
|
+
*/
|
|
3250
|
+
"htmltitle"?: string;
|
|
3251
|
+
/**
|
|
3252
|
+
* render icon (optional): available for text
|
|
3253
|
+
*/
|
|
3254
|
+
"icon"?: string;
|
|
3255
|
+
/**
|
|
3256
|
+
* the input label
|
|
3257
|
+
*/
|
|
3258
|
+
"label"?: string;
|
|
3259
|
+
/**
|
|
3260
|
+
* the input label position: available for checkbox, radio
|
|
3261
|
+
*/
|
|
3262
|
+
"labelPosition"?: LabelPosition;
|
|
3263
|
+
/**
|
|
3264
|
+
* input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed
|
|
3265
|
+
*/
|
|
3266
|
+
"message"?: string | boolean;
|
|
3267
|
+
/**
|
|
3268
|
+
* the input name
|
|
3269
|
+
*/
|
|
3270
|
+
"name"?: string;
|
|
3271
|
+
/**
|
|
3272
|
+
* Emitted on input value change, returns value, validity
|
|
3273
|
+
*/
|
|
3274
|
+
"onInputChange"?: (event: CustomEvent<any>) => void;
|
|
3275
|
+
/**
|
|
3276
|
+
* Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity
|
|
3277
|
+
*/
|
|
3278
|
+
"onInputCheck"?: (event: CustomEvent<any>) => void;
|
|
3279
|
+
/**
|
|
3280
|
+
* Emitted when user starts typing
|
|
3281
|
+
*/
|
|
3282
|
+
"onStartTyping"?: (event: CustomEvent<any>) => void;
|
|
3283
|
+
/**
|
|
3284
|
+
* Emitted when user stops typing, returns value, validity
|
|
3285
|
+
*/
|
|
3286
|
+
"onStopTyping"?: (event: CustomEvent<any>) => void;
|
|
3287
|
+
/**
|
|
3288
|
+
* the input placeholder (optional)
|
|
3289
|
+
*/
|
|
3290
|
+
"placeholder"?: string;
|
|
3291
|
+
/**
|
|
3292
|
+
* the input is readonly
|
|
3293
|
+
*/
|
|
3294
|
+
"readonly"?: boolean;
|
|
3295
|
+
/**
|
|
3296
|
+
* the input is required (optional): available for text, password, number, email, textarea, checkbox
|
|
3297
|
+
*/
|
|
3298
|
+
"required"?: boolean;
|
|
3299
|
+
/**
|
|
3300
|
+
* the input status (optional): available for text, password, number, email, textarea
|
|
3301
|
+
*/
|
|
3302
|
+
"status"?: InputStatusBean;
|
|
3303
|
+
/**
|
|
3304
|
+
* input types
|
|
3305
|
+
*/
|
|
3306
|
+
"type"?: InputTypeBean;
|
|
3307
|
+
/**
|
|
3308
|
+
* the input value
|
|
3309
|
+
*/
|
|
3310
|
+
"value"?: string;
|
|
3311
|
+
}
|
|
3312
|
+
interface ZInputDeprecated {
|
|
3146
3313
|
/**
|
|
3147
3314
|
* the input aria-label
|
|
3148
3315
|
*/
|
|
@@ -4193,15 +4360,11 @@ declare namespace LocalJSX {
|
|
|
4193
4360
|
/**
|
|
4194
4361
|
* the input has autocomplete option
|
|
4195
4362
|
*/
|
|
4196
|
-
"autocomplete"?: boolean
|
|
4363
|
+
"autocomplete"?: boolean;
|
|
4197
4364
|
/**
|
|
4198
4365
|
* the input is disabled
|
|
4199
4366
|
*/
|
|
4200
4367
|
"disabled"?: boolean;
|
|
4201
|
-
/**
|
|
4202
|
-
* show input helper message (optional): available for text, password, number, email, textarea, select
|
|
4203
|
-
*/
|
|
4204
|
-
"hasmessage"?: boolean;
|
|
4205
4368
|
/**
|
|
4206
4369
|
* the id of the input element
|
|
4207
4370
|
*/
|
|
@@ -4219,13 +4382,9 @@ declare namespace LocalJSX {
|
|
|
4219
4382
|
*/
|
|
4220
4383
|
"label"?: string;
|
|
4221
4384
|
/**
|
|
4222
|
-
* input helper message (optional)
|
|
4385
|
+
* input helper message (optional) - if set to `false` message won't be displayed
|
|
4223
4386
|
*/
|
|
4224
|
-
"message"?: string;
|
|
4225
|
-
/**
|
|
4226
|
-
* multiple options can be selected
|
|
4227
|
-
*/
|
|
4228
|
-
"multiple"?: boolean;
|
|
4387
|
+
"message"?: string | boolean;
|
|
4229
4388
|
/**
|
|
4230
4389
|
* the input name
|
|
4231
4390
|
*/
|
|
@@ -4235,7 +4394,7 @@ declare namespace LocalJSX {
|
|
|
4235
4394
|
*/
|
|
4236
4395
|
"noresultslabel"?: string;
|
|
4237
4396
|
/**
|
|
4238
|
-
* Emitted on select option selection, returns select id, selected item id
|
|
4397
|
+
* Emitted on select option selection, returns select id, selected item id
|
|
4239
4398
|
*/
|
|
4240
4399
|
"onOptionSelect"?: (event: CustomEvent<any>) => void;
|
|
4241
4400
|
/**
|
|
@@ -4247,7 +4406,7 @@ declare namespace LocalJSX {
|
|
|
4247
4406
|
*/
|
|
4248
4407
|
"readonly"?: boolean;
|
|
4249
4408
|
/**
|
|
4250
|
-
* the input status (optional)
|
|
4409
|
+
* the input status (optional)
|
|
4251
4410
|
*/
|
|
4252
4411
|
"status"?: InputStatusBean;
|
|
4253
4412
|
}
|
|
@@ -4527,7 +4686,7 @@ declare namespace LocalJSX {
|
|
|
4527
4686
|
"checked"?: boolean;
|
|
4528
4687
|
"disabled"?: boolean;
|
|
4529
4688
|
"htmlid"?: string;
|
|
4530
|
-
"labelPosition"?:
|
|
4689
|
+
"labelPosition"?: LabelPosition;
|
|
4531
4690
|
"onToggleClick"?: (event: CustomEvent<any>) => void;
|
|
4532
4691
|
}
|
|
4533
4692
|
interface ZTooltip {
|
|
@@ -4625,6 +4784,7 @@ declare namespace LocalJSX {
|
|
|
4625
4784
|
"z-icon-package": ZIconPackage;
|
|
4626
4785
|
"z-info-box": ZInfoBox;
|
|
4627
4786
|
"z-input": ZInput;
|
|
4787
|
+
"z-input-deprecated": ZInputDeprecated;
|
|
4628
4788
|
"z-input-label": ZInputLabel;
|
|
4629
4789
|
"z-input-message": ZInputMessage;
|
|
4630
4790
|
"z-link": ZLink;
|
|
@@ -4734,6 +4894,7 @@ declare module "@stencil/core" {
|
|
|
4734
4894
|
"z-icon-package": LocalJSX.ZIconPackage & JSXBase.HTMLAttributes<HTMLZIconPackageElement>;
|
|
4735
4895
|
"z-info-box": LocalJSX.ZInfoBox & JSXBase.HTMLAttributes<HTMLZInfoBoxElement>;
|
|
4736
4896
|
"z-input": LocalJSX.ZInput & JSXBase.HTMLAttributes<HTMLZInputElement>;
|
|
4897
|
+
"z-input-deprecated": LocalJSX.ZInputDeprecated & JSXBase.HTMLAttributes<HTMLZInputDeprecatedElement>;
|
|
4737
4898
|
"z-input-label": LocalJSX.ZInputLabel & JSXBase.HTMLAttributes<HTMLZInputLabelElement>;
|
|
4738
4899
|
"z-input-message": LocalJSX.ZInputMessage & JSXBase.HTMLAttributes<HTMLZInputMessageElement>;
|
|
4739
4900
|
"z-link": LocalJSX.ZLink & JSXBase.HTMLAttributes<HTMLZLinkElement>;
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
|
+
import { InputTypeBean, InputStatusBean, SelectItemBean } from "../../beans";
|
|
3
|
+
export declare class ZInputDeprecated {
|
|
4
|
+
hostElement: HTMLElement;
|
|
5
|
+
/** the id of the input element */
|
|
6
|
+
htmlid: string;
|
|
7
|
+
/** input types */
|
|
8
|
+
type: InputTypeBean;
|
|
9
|
+
/** the input name */
|
|
10
|
+
name?: string;
|
|
11
|
+
/** the input label */
|
|
12
|
+
label?: string;
|
|
13
|
+
/** the input aria-label */
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
/** the input value */
|
|
16
|
+
value?: string;
|
|
17
|
+
/** the input is disabled */
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
/** the input is readonly */
|
|
20
|
+
readonly?: boolean;
|
|
21
|
+
/** the input is required (optional): available for text, password, number, email, textarea, checkbox */
|
|
22
|
+
required?: boolean;
|
|
23
|
+
/** checked: available for checkbox, radio */
|
|
24
|
+
checked?: boolean;
|
|
25
|
+
/** the input placeholder (optional) */
|
|
26
|
+
placeholder?: string;
|
|
27
|
+
/** the input html title (optional) */
|
|
28
|
+
htmltitle?: string;
|
|
29
|
+
/** the input status (optional): available for text, password, number, email, textarea, select */
|
|
30
|
+
status?: InputStatusBean;
|
|
31
|
+
/** show input helper message (optional): available for text, password, number, email, textarea, select */
|
|
32
|
+
hasmessage?: boolean;
|
|
33
|
+
/** input helper message (optional): available for text, password, number, email, textarea, select */
|
|
34
|
+
message?: string;
|
|
35
|
+
/** the input label position: available for checkbox, radio */
|
|
36
|
+
labelafter?: boolean;
|
|
37
|
+
/** timeout setting before trigger `inputChange` event (optional): available for text, textarea */
|
|
38
|
+
typingtimeout?: number;
|
|
39
|
+
/** items (optional): available for select */
|
|
40
|
+
items?: SelectItemBean[] | string;
|
|
41
|
+
/** the input has autocomplete option (optional): available for select, input */
|
|
42
|
+
autocomplete?: boolean | string;
|
|
43
|
+
/** multiple options can be selected (optional): available for select */
|
|
44
|
+
multiple?: boolean;
|
|
45
|
+
/** render clear icon when typing (optional): available for text */
|
|
46
|
+
hasclearicon?: boolean;
|
|
47
|
+
/** render icon (optional): available for text, select */
|
|
48
|
+
icon?: string;
|
|
49
|
+
isTyping: boolean;
|
|
50
|
+
textareaWrapperHover: string;
|
|
51
|
+
textareaWrapperFocus: string;
|
|
52
|
+
passwordHidden: boolean;
|
|
53
|
+
private timer;
|
|
54
|
+
private selectElem;
|
|
55
|
+
inputCheckListener(e: CustomEvent): void;
|
|
56
|
+
/** get the input value */
|
|
57
|
+
getValue(): Promise<string | string[]>;
|
|
58
|
+
/** set the input value */
|
|
59
|
+
setValue(value: string | string[]): Promise<void>;
|
|
60
|
+
/** get checked status */
|
|
61
|
+
isChecked(): Promise<boolean>;
|
|
62
|
+
/** Emitted on input value change, returns value, keycode, validity */
|
|
63
|
+
inputChange: EventEmitter;
|
|
64
|
+
emitInputChange(value: string, keycode: number): void;
|
|
65
|
+
/** Emitted when user starts typing */
|
|
66
|
+
startTyping: EventEmitter;
|
|
67
|
+
emitStartTyping(): void;
|
|
68
|
+
/** Emitted when user stops typing, returns value, validity */
|
|
69
|
+
stopTyping: EventEmitter;
|
|
70
|
+
emitStopTyping(value: string, validity: any): void;
|
|
71
|
+
/** Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity */
|
|
72
|
+
inputCheck: EventEmitter;
|
|
73
|
+
emitInputCheck(checked: boolean): void;
|
|
74
|
+
/** Emitted on select option selection, returns select id, selected item id (or array of selected items ids if multiple) */
|
|
75
|
+
optionSelect: EventEmitter;
|
|
76
|
+
getValidity(type: string): ValidityState;
|
|
77
|
+
getTextAttributes(): {
|
|
78
|
+
id: string;
|
|
79
|
+
name: string;
|
|
80
|
+
placeholder: string;
|
|
81
|
+
value: string;
|
|
82
|
+
disabled: boolean;
|
|
83
|
+
readonly: boolean;
|
|
84
|
+
required: boolean;
|
|
85
|
+
title: string;
|
|
86
|
+
class: string;
|
|
87
|
+
onInput: (e: any) => void;
|
|
88
|
+
};
|
|
89
|
+
renderInputText(type?: InputTypeBean): any;
|
|
90
|
+
renderLabel(): any;
|
|
91
|
+
renderIcons(): any;
|
|
92
|
+
renderIcon(): any;
|
|
93
|
+
renderResetIcon(): any;
|
|
94
|
+
renderShowHidePassword(): any;
|
|
95
|
+
renderMessage(): any;
|
|
96
|
+
renderTextarea(): any;
|
|
97
|
+
handleCheck(ev: any): void;
|
|
98
|
+
renderCheckbox(): any;
|
|
99
|
+
renderRadio(): any;
|
|
100
|
+
renderSelect(): any;
|
|
101
|
+
render(): any;
|
|
102
|
+
}
|
|
File without changes
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import { DeviceEnum } from "../beans/index";
|
|
2
2
|
export declare function format(first: string, middle: string, last: string): string;
|
|
3
|
+
/**
|
|
4
|
+
* Return boolean value for passed value if a boolean corresponding value is found
|
|
5
|
+
* Return passed value otherwise
|
|
6
|
+
*/
|
|
7
|
+
export declare function boolean(value: any): boolean | string;
|
|
3
8
|
export declare function retrieveAsset(assetName: string): string;
|
|
4
9
|
export declare function randomId(): string;
|
|
5
10
|
export declare function handleKeyboardSubmit(ev: KeyboardEvent, callback: Function, ...args: any[]): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as o}from"./p-
|
|
1
|
+
import{c as o}from"./p-b9da171f.js";import"./p-9f5d707a.js";import"./p-d69e14fb.js";const p={colorFromId:o};export{p as Utils}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as i,H as e,g as r}from"./p-98268a57.js";import{
|
|
1
|
+
import{r as t,c as o,h as i,H as e,g as r}from"./p-98268a57.js";import{k as s}from"./p-9f5d707a.js";const a=document.documentElement;function n(t,o){const i=t.getBoundingClientRect(),e=i.width,r=i.height;let s,a,n=0,h=0,p=t;for(;p&&p!=o;){if(h+=p.offsetLeft,p===document.body?n+=p.getBoundingClientRect().top+window.scrollY:n+=p.offsetTop,window.DOMMatrix){const t=window.getComputedStyle(p),o=new DOMMatrix(t.transform||t.webkitTransform);o&&(h+=o.m41,p!==document.body&&(n+=o.m42))}if(!p.offsetParent)break;p=p.offsetParent}return p===document.body?(s=window.innerWidth,a=window.innerHeight):(s=p.offsetWidth,a=p.offsetHeight),{top:n,right:s-h-i.width,bottom:a-n-i.height,left:h,width:e,height:r}}const h=class{constructor(i){t(this,i),this.positionChange=o(this,"positionChange",7),this.type=s.AUTO,this.open=!1}validateType(t){t&&Object.values(s).every((o=>t!==o))&&(this.type=s.AUTO)}onPositionChange(){this.positionChange.emit({position:this.position})}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),!this.content)if(this.open){const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};t()}else{const t=this.host.style;t.removeProperty("top"),t.removeProperty("right"),t.removeProperty("bottom"),t.removeProperty("left")}}setPosition(){let t;if(t="string"==typeof this.bindTo?this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.bindTo:this.host.parentElement,!t)return;const o=function(t){let o=t.parentNode;for(;o&&o!==a;){const{overflow:t,overflowX:i,overflowY:e}=window.getComputedStyle(o);if("hidden"===t||"hidden"===e||"hidden"===i)return o;if(o.scrollHeight>o.clientHeight&&"visible"!==t&&"visible"!==e||o.scrollWidth>o.clientWidth&&"visible"!==t&&"visible"!==i)return o;o=o.parentNode}return a}(t),i=o.getBoundingClientRect(),e=this.host.offsetParent,r=e?n(e,o):{top:0,right:0,bottom:0,left:0},h=n(t,o),p=h.top-o.scrollTop,l=i.height-(h.top+h.height)+o.scrollTop,f=h.left-o.scrollLeft,c=i.width-(h.left+h.width)+o.scrollLeft,d=Math.max(0,i.top+i.height-window.innerHeight),g=Math.max(0,i.left+i.width-window.innerWidth),u=Math.min(p,p+i.top),w=Math.min(l,l-d),m=Math.min(f,f+i.left),v=Math.min(c,c-g),b=u+w+h.height,x=m+v+h.width;let y=this.type;if(y===s.AUTO){const t=[];u/b>.9?t.unshift(s.TOP):u/b>.6?t.push(s.TOP):u/b<.1?t.unshift(s.BOTTOM):t.push(s.BOTTOM),m/x>.6?t.push(s.LEFT):m/x<.4&&t.push(s.RIGHT),y=t.join("_")}const z=this.host.style;this.content||(z.position="absolute");const _=h.top-r.top,M=h.right-r.right,$=h.bottom-r.bottom,k=h.left-r.left;y!==s.TOP&&y!==s.TOP_RIGHT&&y!==s.TOP_LEFT||(z.top="auto",z.bottom=`${$+h.height}px`),y!==s.BOTTOM&&y!==s.BOTTOM_RIGHT&&y!==s.BOTTOM_LEFT||(z.top=`${_+h.height}px`,z.bottom="auto"),y!==s.TOP&&y!==s.BOTTOM||(z.left=k+h.width/2-this.host.clientWidth/2+"px"),y!==s.TOP_RIGHT&&y!==s.BOTTOM_RIGHT||(z.right="auto",z.left=`${k+h.width}px`),y!==s.TOP_LEFT&&y!==s.BOTTOM_LEFT||(z.left="auto",z.right=`${M+h.width}px`),y!==s.RIGHT&&y!==s.LEFT||(z.top=_+h.height/2-this.host.clientHeight/2+"px",z.bottom="auto"),y===s.RIGHT&&(z.right="auto",z.left=`${k+h.width}px`),y===s.LEFT&&(z.left="auto",z.right=`${M+h.width}px`),this.position=y}componentWillLoad(){this.content&&(this.open=!0),this.validateType(this.type),this.onOpen()}render(){return this.content?i(e,{class:"legacy",position:this.type},this.content):i(e,{position:this.position},i("slot",null))}get host(){return r(this)}static get watchers(){return{type:["validateType"],position:["onPositionChange"],open:["onOpen"]}}};h.style=":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--arrow-size:6px;--edge-offset:calc(-1 * (var(--arrow-size) + calc(var(--space-unit) * 2)));position:relative;display:none;align-items:center;justify-content:center;padding:var(--space-unit);min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);color:var(--z-tooltip-theme--text);fill:currentColor;font-family:var(--font-family-sans);text-align:center;border-radius:var(--border-radius-small);background:var(--z-tooltip-theme--surface);filter:drop-shadow(0 4px 8px var(--shadow-color-base));will-change:filter}:host(.legacy){display:inline-flex;padding:calc(var(--space-unit) * 2);min-width:auto;min-height:auto;max-width:200px;font-style:italic;line-height:16px;letter-spacing:0.32px;font-size:12px;border:var(--border-size-small) solid var(--gray200);border-radius:var(--border-radius);filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.08))}:host(.legacy)::before{--arrow-size:14px}:host([position])::before{--arrow-edge-offset:calc(100% - var(--arrow-size) - var(--space-unit));--arrow-center-x-offset:calc(50% - calc(var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - calc(var(--arrow-size) / 2));content:'';position:absolute;width:var(--arrow-size);height:var(--arrow-size);background:inherit;transform:rotate(45deg)}:host([open][style*='top:']),:host([open][style*='inset:']){display:inline-flex}:host([position^='top']){margin-bottom:var(--space-unit)}:host([position='right']){margin-left:var(--space-unit)}:host([position='top_right']),:host([position='bottom_right']){margin-left:var(--edge-offset)}:host([position^='bottom']){margin-top:var(--space-unit)}:host([position='left']){margin-right:var(--space-unit)}:host([position='top_left']),:host([position='bottom_left']){margin-right:var(--edge-offset)}:host([position^='top'])::before{top:var(--arrow-center-y-offset)}:host([position^='bottom'])::before{bottom:var(--arrow-center-y-offset)}:host([position='top'])::before,:host([position='bottom'])::before{left:var(--arrow-center-x-offset)}:host([position='right'])::before,:host([position='left'])::before{top:var(--arrow-center-x-offset)}:host([position='right'])::before{right:var(--arrow-center-y-offset)}:host([position='top_right'])::before,:host([position='bottom_right'])::before{right:var(--arrow-edge-offset)}:host([position='left'])::before{left:var(--arrow-center-y-offset)}:host([position='top_left'])::before,:host([position='bottom_left'])::before{left:var(--arrow-edge-offset)}::slotted(*){flex:1 auto;overflow:auto}";export{h as z_tooltip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o}from"./p-98268a57.js";import{L as e}from"./p-
|
|
1
|
+
import{r as t,h as o}from"./p-98268a57.js";import{L as e}from"./p-9f5d707a.js";const i=class{constructor(o){t(this,o),this.opened=!1,this.customContent=!1,this.isOpen=!1,this.allowTooltipAuthors=!1}handleToggle(){this.isOpen=!this.isOpen}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){this.opened&&(this.isOpen=!0)}elementsEllipsis(){this.allowTooltipAuthors=!!this.elementAuthorsHasEllipsis()}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===e.real,trial:this.cardtype===e.trial,temp:this.cardtype===e.temp,customContent:this.customContent}}footerTransitionHandler(t){["visibility","height"].includes(t.propertyName)&&this.elementsEllipsis()}render(){return o("div",{class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:!0})},o("footer",{class:this.retrieveClass(),onTransitionEnd:t=>this.footerTransitionHandler(t)},o("span",{class:"toggle"},o("slot",{name:"toggle"})),this.titolo&&o("p",{class:{customContent:this.customContent}},this.titolo),o("div",{class:{content:!0,customContent:this.customContent}},o("div",null,o("p",{class:"authors",ref:t=>this.ellipsisAuthors=t},o("span",{title:this.getTitleAuthors()},o("span",{class:"bold"},this.autori))),o("p",{class:"year_isbn"},o("span",{class:"isbn"},o("span",null,o("span",{class:"bold"},this.isbn)," (ed. cartacea)")))),o("div",{class:"slot-handler "+(this.isOpen?"visible":"hidden")},o("slot",{name:"list"})))),this.customContent&&o("slot",{name:"content"}))}};i.style='footer{font-family:var(--font-family-sans);font-weight:var(--font-rg);color:var(--color-surface05);background-color:var(--color-surface01);margin:0px;padding:0px;position:relative;z-index:5;height:calc(var(--space-unit) * 6);width:auto;top:0px;transition:height 500ms ease-in-out, top 500ms ease-in-out;border-radius:0px 0px var(--border-radius) var(--border-radius);border-top:var(--border-size-medium) solid var(--color-surface03)}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--accent)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:16px;line-height:22px;height:40px;margin:0px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2)\n var(--space-unit) calc(var(--space-unit) * 2);overflow:hidden;background-color:var(--color-surface01);transition:all 200ms linear}footer.isopen>p{font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear;background-color:var(--bg-neutral-200)}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--accent)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{height:60px;overflow:hidden}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{font-size:14px;height:20px;line-height:20px;margin:0px;padding:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer>div.content>div>p.year_isbn{padding-top:var(--space-unit);display:flex;flex-direction:row;justify-content:space-between}footer>div.content>div>p.year_isbn>span.isbn{text-overflow:ellipsis;overflow:hidden}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;white-space:initial;text-overflow:initial}footer.isopen>div.content>div>p.year_isbn{flex-direction:column;height:50px;padding-left:0px}footer.isopen>div.content>div>p.year_isbn>span.isbn{display:inline-grid;padding-left:0px}footer.isopen{height:295px;top:-212px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.customContent{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.customContent>div.content{height:230px}.toggle{position:absolute;top:-24px;left:16px;z-index:10}.faded{opacity:0.3;pointer-events:none}footer>p.customContent,footer .content.customContent{display:none}footer.isopen>p.customContent,footer.isopen .content.customContent{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){display:block;height:112px;width:100%;padding:0 calc(var(--space-unit) * 2);box-sizing:border-box;border-top:var(--border-size-medium) solid transparent;position:absolute;top:calc(var(--space-unit) * 2);z-index:10;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--accent);top:0;bottom:0}';export{i as z_myz_card_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as r,H as t}from"./p-98268a57.js";import{Z as s}from"./p-
|
|
1
|
+
import{r as a,h as r,H as t}from"./p-98268a57.js";import{Z as s}from"./p-9f5d707a.js";const i=class{constructor(r){a(this,r),this.mode=s.polite}render(){return r(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},r("slot",null))}};export{i as z_aria_alert}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as n}from"./p-98268a57.js";import{
|
|
1
|
+
import{r as i,c as t,h as n}from"./p-98268a57.js";import{k as e}from"./p-9f5d707a.js";import{h as s}from"./p-b9da171f.js";import"./p-d69e14fb.js";const o=class{constructor(n){i(this,n),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}emitFlipCard(i=!1){this.flipCard.emit(i)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){return(this.contentWrapper||this.infoWrapper)&&(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)?(this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",this.hiddenContent=!0):this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,t;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,s=null===(t=null==this?void 0:this.cardData)||void 0===t?void 0:t.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),e,n("br",null),s)}renderAuthor(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return t?n("span",null,"Autore: ",n("b",null,t),n("br",null)):null}renderYear(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return t?n("span",null,"Anno: ",n("b",null,t),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:t,author:s,description:o}=this.cardData;return n("z-tooltip",{content:`${i} ${t} ${s} ${o}`,type:e.RIGHT,onClick:()=>this.tooltip=!1})}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili:"," ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",null,this.renderCloseIcon(),n("div",{class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{class:"cta-wrapper"},n("slot",null)))}};o.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%}:host>div{background:var(--color-surface01);width:calc(100% + calc(var(--space-unit) * 2));margin-left:calc(-1 * var(--space-unit));height:402px;border:var(--border-size-small) solid var(--color-primary01);box-shadow:0px 2px 4px 0px rgba(66, 69, 72, 0.35);border-radius:0px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);position:relative}:host>div>z-icon{fill:var(--color-primary01);cursor:pointer;position:absolute;top:var(--space-unit);right:var(--space-unit)}:host>div{display:grid}:host>div>div.cta-wrapper{align-self:end;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}:host>div>div.content-wrapper{overflow:hidden;position:relative;align-self:stretch}:host>div>div.content-wrapper>section{border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);padding:var(--space-unit) 0;font-size:14px;line-height:20px;box-sizing:border-box}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden:after{background:linear-gradient(\n 180deg,\n rgba(255, 0, 0, 0),\n rgba(255, 0, 0, 0) 60%,\n white\n );content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-tooltip{position:absolute;top:0px;left:calc(var(--space-unit) * 4)}';export{o as z_myz_card_info}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as
|
|
1
|
+
import{r as t,c as s,h as i}from"./p-98268a57.js";import{r as c}from"./p-b9da171f.js";import{u as e}from"./p-9f5d707a.js";import"./p-d69e14fb.js";const l=class{constructor(i){t(this,i),this.toggleClick=s(this,"toggleClick",7),this.disabled=!1,this.labelPosition=e.left,this.checked=!1,this.htmlid=`toggle-switch-id-${c()}`}emitToggleClick(){this.toggleClick.emit({id:this.htmlid,checked:this.checked})}handleClick(t){this.disabled||(this.checked=t.target.checked,this.emitToggleClick())}render(){return[i("input",{id:this.htmlid,type:"checkbox",checked:this.checked,disabled:this.disabled,onChange:this.handleClick.bind(this)}),i("label",{htmlFor:this.htmlid,class:{[this.labelPosition]:!0,disabled:this.disabled}},i("span",null,i("slot",null)),i("span",{class:{container:!0,disabled:this.disabled,checked:this.checked}},i("span",{class:"circle"},this.checked&&i("z-icon",{width:12,height:12,name:"checkmark"}))))]}};l.style='.sc-z-toggle-switch-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:inline-flex;position:relative}label.sc-z-toggle-switch{display:flex;align-items:center;flex-direction:row;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{letter-spacing:0;color:var(--color-text01)}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{display:flex;align-items:center}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{top:1px;left:1px;height:18px;width:calc(var(--space-unit) * 4);border-radius:var(--space-unit);color:var(--gray500);background-color:var(--gray500);position:relative;cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){outline:none;box-shadow:var(--shadow-focus-primary)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{top:1px;left:1px;position:absolute;display:flex;align-items:center;justify-content:center;margin:0;height:calc(var(--space-unit) * 2);width:calc(var(--space-unit) * 2);border-radius:7px;background-color:var(--color-white);box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type="checkbox"].sc-z-toggle-switch{position:absolute;opacity:0;z-index:-1;pointer-events:none}';export{l as z_toggle_switch}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as a,H as i,g as o}from"./p-98268a57.js";import{c as r}from"./p-286363e2.js";import{
|
|
1
|
+
import{r as t,c as s,h as a,H as i,g as o}from"./p-98268a57.js";import{c as r}from"./p-286363e2.js";import{x as e,y as n,P as l,b as c,c as d}from"./p-9f5d707a.js";import{a as p}from"./p-b9da171f.js";import"./p-112455b1.js";import"./p-d69e14fb.js";const h=class{constructor(a){t(this,a),this.sort=s(this,"sort",7),this.padding=e.medium,this.defaultSortDirection=n.asc,this.sortDirection=n.none,this.isMenuOpened=!1,this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case n.asc:return n.desc;case n.desc:return n.asc;case n.none:return this.defaultSortDirection;default:return n.none}})(),this.emitOnSort())}handleMenuClick(){this.isMenuOpened=!this.isMenuOpened}handleOutsideClick(t){p(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isMenuOpened=!1)}handleClickHeaders(t){const{target:s}=t,a=p(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&a&&a.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection=n.none)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return a(i,{class:r({sortable:this.sortable}),onClick:()=>this.handleSort()},a("div",{class:r("container")},a("slot",null),this.sortable&&this.sortDirection!==n.none&&a("z-icon",{name:this.sortDirection===n.asc?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&a("div",{class:r("popover-container",{visible:this.isMenuOpened})},a("z-popover",{position:l["below-center"],"background-color":"gray200"},a("z-button-deprecated",{icon:"contextual-menu",variant:c.tertiary,size:d["x-small"],square:!0,slot:"trigger",onClick:()=>this.handleMenuClick()}),a("div",{slot:"popover"},a("slot",{name:"contextual-menu"})))))}get host(){return o(this)}};h.style=':host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';export{h as z_table_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as a,H as l}from"./p-98268a57.js";import{
|
|
1
|
+
import{r as e,c as t,h as a,H as l}from"./p-98268a57.js";import{r as d}from"./p-9f5d707a.js";const r=class{constructor(a){e(this,a),this.expand=t(this,"expand",7),this.expandedType=d.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return a("z-table-cell",{style:{borderRight:"none"}},this.expandedType==d.expandable?a("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):a("div",{class:"z-icon-placeholder"}))}render(){return a(l,{role:"row",expanded:this.expanded,onClick:e=>{this.expandedType===d.expandable&&"Z-CONTEXTUAL-MENU"!==e.target.nodeName&&this.handleExpand()}},this.expandedType!==d.none&&this.renderExpandButton(),a("slot",null))}};r.style='z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-table-row[expanded-type="expandable"]>z-table-cell:first-child,z-table-row[expanded-type="padding"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type="expandable"]>z-table-cell:nth-child(2),z-table-row[expanded-type="padding"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}';export{r as z_table_row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as o}from"./p-98268a57.js";import{P as n}from"./p-
|
|
1
|
+
import{r as e,c as t,h as i,H as o}from"./p-98268a57.js";import{P as n}from"./p-9f5d707a.js";const l=class{constructor(i){e(this,i),this.clickContextualMenu=t(this,"clickContextualMenu",7),this.color="color-primary01",this.popoverPosition=n["after-down"]}componentWillRender(){this.elements&&(this.jsonElements=JSON.parse(this.elements.replace(/"/g,'"')))}showIcon(){return!this.jsonElements.some((e=>!e.icon))}render(){var e;return i(o,null,i("z-popover",{"background-color":"color-background","box-shadow":"shadow-2",position:this.popoverPosition,padding:"0"},i("z-icon",{"aria-label":"apri-menu-contestuale",slot:"trigger",name:"contextual-menu",fill:this.color,style:{cursor:"pointer"}}),i("div",{class:"popover-content-container",slot:"popover"},i("z-list",null,i("z-list-group",{"divider-type":"element"},null===(e=this.jsonElements)||void 0===e?void 0:e.map(((e,t)=>i("z-list-element",{clickable:!e.disabled,class:"my-z-list-element","align-button":"left","expandable-style":"accordion",color:e.disabled?"color-disabled03":this.color,isContextualMenu:!0,listElementId:t,onClickItem:e=>this.clickContextualMenu.emit(e.detail)},i("div",{class:e.disabled?"disabled-element-container":"element-container"},this.showIcon()&&i("div",{class:"element-icon"},i("z-icon",{name:e.icon,width:16,height:16})),i("div",{class:"element-text"},i("span",null,e.text)))))))))))}};l.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:focus-within)>z-popover{box-shadow:var(--shadow-focus-primary)}.popover-content-container{min-width:112px;max-width:280px;white-space:nowrap;padding:calc(var(--space-unit) / 2) 0}.element-container:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}.element-text{overflow:hidden;text-overflow:ellipsis;font-size:14px}.element-container,.disabled-element-container{display:flex;align-items:center;gap:var(--space-unit);fill:var(--color-disabled03);padding:calc(var(--space-unit) / 2) var(--space-unit);min-height:calc(var(--space-unit) * 4);box-sizing:border-box}.element-container{fill:var(--color-primary01)}.element-icon{display:flex}";export{l as z_contextual_menu}
|