@zanichelli/albe-web-components 2.31.0 → 2.31.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 +1161 -1159
- package/LICENSE +21 -21
- package/dist/cjs/{breakpoints-776c8868.js → breakpoints-88c4fd6c.js} +1 -1
- package/dist/cjs/{index-8f7af00e.js → index-8f4b351d.js} +248 -248
- package/dist/cjs/index.cjs.js +5 -5
- package/dist/cjs/{utils-98538463.js → utils-6d6841cc.js} +63 -63
- package/dist/cjs/z-alert_66.cjs.entry.js +3359 -3321
- package/dist/cjs/z-app-header.cjs.entry.js +133 -133
- package/dist/cjs/z-candybar.cjs.entry.js +8 -8
- package/dist/cjs/z-cookiebar.cjs.entry.js +31 -31
- package/dist/cjs/z-heading.cjs.entry.js +8 -8
- package/dist/cjs/z-messages-pocket.cjs.entry.js +36 -36
- package/dist/cjs/z-modal-login.cjs.entry.js +71 -71
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +25 -25
- package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +8 -8
- package/dist/cjs/z-myz-card-info.cjs.entry.js +109 -109
- package/dist/cjs/z-myz-topbar.cjs.entry.js +183 -183
- package/dist/cjs/z-navigation-tab.cjs.entry.js +34 -34
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +90 -90
- package/dist/cjs/z-otp.cjs.entry.js +30 -30
- package/dist/cjs/z-pocket-message.cjs.entry.js +8 -8
- package/dist/cjs/z-pocket_3.cjs.entry.js +102 -102
- package/dist/cjs/z-registro-table-footer.cjs.entry.js +12 -12
- package/dist/cjs/z-slideshow.cjs.entry.js +101 -101
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +45 -45
- package/dist/cjs/z-toast-notification.cjs.entry.js +190 -190
- package/dist/collection/beans/index.js +249 -249
- package/dist/collection/components/buttons/z-button/index.js +219 -219
- package/dist/collection/components/buttons/z-button/styles.css +231 -231
- package/dist/collection/components/buttons/z-button-filter/index.js +155 -155
- package/dist/collection/components/buttons/z-button-filter/styles.css +74 -74
- package/dist/collection/components/buttons/z-button-sort/index.js +216 -216
- package/dist/collection/components/buttons/z-button-sort/styles.css +101 -101
- package/dist/collection/components/buttons/z-chip/index.js +59 -59
- package/dist/collection/components/buttons/z-chip/styles.css +17 -17
- package/dist/collection/components/buttons/z-toggle-button/index.js +122 -122
- package/dist/collection/components/buttons/z-toggle-button/styles.css +62 -62
- package/dist/collection/components/footer/z-footer/index.js +286 -286
- package/dist/collection/components/footer/z-footer/styles.css +241 -241
- package/dist/collection/components/footer/z-footer-link/index.js +37 -37
- package/dist/collection/components/footer/z-footer-link/styles.css +33 -33
- package/dist/collection/components/footer/z-footer-section/index.js +51 -51
- package/dist/collection/components/footer/z-footer-section/styles.css +163 -163
- package/dist/collection/components/footer/z-footer-social/index.js +68 -68
- package/dist/collection/components/footer/z-footer-social/styles.css +23 -23
- package/dist/collection/components/icons/icons.js +473 -435
- package/dist/collection/components/icons/z-icon/index.js +110 -110
- package/dist/collection/components/icons/z-icon/styles.css +14 -14
- package/dist/collection/components/icons/z-icon-package/index.js +20 -20
- package/dist/collection/components/icons/z-icon-package/styles.css +16 -16
- package/dist/collection/components/indicators/z-stepper/index.js +17 -17
- package/dist/collection/components/indicators/z-stepper/styles.css +19 -19
- package/dist/collection/components/indicators/z-stepper-item/index.js +93 -93
- package/dist/collection/components/indicators/z-stepper-item/styles.css +115 -115
- package/dist/collection/components/inputs/z-combobox/index.js +480 -480
- package/dist/collection/components/inputs/z-combobox/styles.css +148 -148
- package/dist/collection/components/inputs/z-input/index.js +821 -821
- package/dist/collection/components/inputs/z-input/styles.css +304 -304
- package/dist/collection/components/inputs/z-input-label/index.js +72 -72
- package/dist/collection/components/inputs/z-input-label/styles.css +16 -16
- package/dist/collection/components/inputs/z-input-message/index.js +64 -64
- package/dist/collection/components/inputs/z-input-message/styles.css +33 -33
- package/dist/collection/components/inputs/z-select/index.js +647 -647
- package/dist/collection/components/inputs/z-select/styles.css +131 -131
- package/dist/collection/components/list/z-list/index.js +57 -57
- package/dist/collection/components/list/z-list/styles.css +7 -7
- package/dist/collection/components/list/z-list-element/index.js +439 -439
- package/dist/collection/components/list/z-list-element/styles.css +133 -133
- package/dist/collection/components/list/z-list-group/index.js +144 -144
- package/dist/collection/components/list/z-list-group/styles.css +22 -22
- package/dist/collection/components/list/z-toast-notification-list/index.js +97 -97
- package/dist/collection/components/list/z-toast-notification-list/styles.css +107 -107
- package/dist/collection/components/logo/z-logo/index.js +128 -128
- package/dist/collection/components/logo/z-logo/styles.css +28 -28
- package/dist/collection/components/modal/z-modal/index.js +160 -160
- package/dist/collection/components/modal/z-modal/styles.css +185 -185
- package/dist/collection/components/modal/z-modal-login/index.js +272 -272
- package/dist/collection/components/modal/z-modal-login/styles.css +159 -159
- package/dist/collection/components/navigation/z-app-header/index.js +267 -267
- package/dist/collection/components/navigation/z-app-header/styles.css +445 -445
- package/dist/collection/components/navigation/z-app-switcher/index.js +70 -70
- package/dist/collection/components/navigation/z-app-switcher/styles.css +35 -35
- package/dist/collection/components/navigation/z-app-topbar/index.js +156 -156
- package/dist/collection/components/navigation/z-app-topbar/styles.css +71 -71
- package/dist/collection/components/navigation/z-link/index.js +309 -309
- package/dist/collection/components/navigation/z-link/styles.css +160 -160
- package/dist/collection/components/navigation/z-menu/index.js +223 -223
- package/dist/collection/components/navigation/z-menu/styles.css +149 -149
- package/dist/collection/components/navigation/z-menu-dropdown/index.js +125 -125
- package/dist/collection/components/navigation/z-menu-dropdown/styles.css +146 -146
- package/dist/collection/components/navigation/z-menu-section/index.js +109 -109
- package/dist/collection/components/navigation/z-menu-section/styles.css +91 -91
- package/dist/collection/components/navigation/z-navigation-tab/index.js +151 -151
- package/dist/collection/components/navigation/z-navigation-tab/styles.css +113 -113
- package/dist/collection/components/navigation/z-navigation-tabs/index.js +179 -179
- package/dist/collection/components/navigation/z-navigation-tabs/styles.css +117 -117
- package/dist/collection/components/navigation/z-user-dropdown/index.js +252 -252
- package/dist/collection/components/navigation/z-user-dropdown/styles.css +315 -315
- package/dist/collection/components/notification/z-candybar/index.js +18 -18
- package/dist/collection/components/notification/z-candybar/styles.css +61 -61
- package/dist/collection/components/notification/z-cookiebar/index.js +111 -111
- package/dist/collection/components/notification/z-cookiebar/styles.css +109 -109
- package/dist/collection/components/notification/z-info-box/index.js +79 -79
- package/dist/collection/components/notification/z-info-box/styles.css +23 -23
- package/dist/collection/components/notification/z-notification/index.js +171 -171
- package/dist/collection/components/notification/z-notification/styles.css +93 -93
- package/dist/collection/components/notification/z-toast-notification/index.js +402 -402
- package/dist/collection/components/notification/z-toast-notification/styles.css +247 -247
- package/dist/collection/components/notification/z-tooltip/index.js +379 -379
- package/dist/collection/components/notification/z-tooltip/styles.css +128 -128
- package/dist/collection/components/pagination/z-pagination-bar/index.js +278 -278
- package/dist/collection/components/pagination/z-pagination-bar/styles.css +23 -23
- package/dist/collection/components/pagination/z-pagination-page/index.js +129 -129
- package/dist/collection/components/pagination/z-pagination-page/styles.css +57 -57
- package/dist/collection/components/panel/z-panel-elem/index.js +193 -193
- package/dist/collection/components/panel/z-panel-elem/styles.css +39 -39
- package/dist/collection/components/typography/z-body/index.js +66 -66
- package/dist/collection/components/typography/z-heading/index.js +66 -66
- package/dist/collection/components/typography/z-typography/index.js +84 -84
- package/dist/collection/components/typography/z-typography/styles.css +61 -61
- package/dist/collection/components/z-avatar/index.js +137 -137
- package/dist/collection/components/z-avatar/styles.css +35 -35
- package/dist/collection/components/z-card/index.js +153 -153
- package/dist/collection/components/z-card/styles.css +188 -188
- package/dist/collection/components/z-contextual-menu/index.js +122 -122
- package/dist/collection/components/z-contextual-menu/styles.css +45 -45
- package/dist/collection/components/z-divider/index.js +89 -89
- package/dist/collection/components/z-divider/styles.css +37 -37
- package/dist/collection/components/z-ghost-loading/index.js +14 -14
- package/dist/collection/components/z-ghost-loading/styles.css +34 -34
- package/dist/collection/components/z-popover/index.js +274 -274
- package/dist/collection/components/z-popover/styles.css +236 -236
- package/dist/collection/components/z-status-tag/index.js +125 -125
- package/dist/collection/components/z-status-tag/styles.css +133 -133
- package/dist/collection/constants/breakpoints.js +3 -3
- package/dist/collection/constants/icons.js +6 -6
- package/dist/collection/index.js +5 -5
- package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +119 -119
- package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +38 -38
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +148 -148
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css +62 -62
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +20 -20
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css +13 -13
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +87 -87
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css +11 -11
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +177 -177
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css +85 -85
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +190 -190
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css +137 -137
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +23 -23
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css +32 -32
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +101 -101
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css +46 -46
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +74 -74
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css +70 -70
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +213 -213
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css +124 -124
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +53 -53
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css +41 -41
- package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +70 -70
- package/dist/collection/snowflakes/myz/list/z-myz-list/styles.css +4 -4
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +188 -188
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css +48 -48
- package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js +121 -121
- package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/styles.css +106 -106
- package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js +181 -181
- package/dist/collection/snowflakes/myz/pocket/z-pocket/styles.css +56 -56
- package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js +77 -77
- package/dist/collection/snowflakes/myz/pocket/z-pocket-body/styles.css +49 -49
- package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js +86 -86
- package/dist/collection/snowflakes/myz/pocket/z-pocket-header/styles.css +40 -40
- package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js +23 -23
- package/dist/collection/snowflakes/myz/pocket/z-pocket-message/styles.css +53 -53
- package/dist/collection/snowflakes/myz/topbar/index.js +428 -428
- package/dist/collection/snowflakes/myz/topbar/styles.css +594 -594
- package/dist/collection/snowflakes/myz/z-alert/index.js +42 -42
- package/dist/collection/snowflakes/myz/z-alert/styles.css +28 -28
- package/dist/collection/snowflakes/myz/z-otp/index.js +114 -114
- package/dist/collection/snowflakes/myz/z-otp/styles.css +47 -47
- package/dist/collection/snowflakes/myz/z-slideshow/index.js +165 -165
- package/dist/collection/snowflakes/myz/z-slideshow/styles.css +128 -128
- package/dist/collection/snowflakes/registro-table/z-registro-table/index.js +365 -365
- package/dist/collection/snowflakes/registro-table/z-registro-table/styles.css +166 -166
- package/dist/collection/snowflakes/registro-table/z-registro-table-body/index.js +19 -19
- package/dist/collection/snowflakes/registro-table/z-registro-table-body/styles.css +9 -9
- package/dist/collection/snowflakes/registro-table/z-registro-table-cell/index.js +58 -58
- package/dist/collection/snowflakes/registro-table/z-registro-table-cell/styles.css +39 -39
- package/dist/collection/snowflakes/registro-table/z-registro-table-empty-box/index.js +69 -69
- package/dist/collection/snowflakes/registro-table/z-registro-table-empty-box/styles.css +24 -24
- package/dist/collection/snowflakes/registro-table/z-registro-table-expanded-row/index.js +36 -36
- package/dist/collection/snowflakes/registro-table/z-registro-table-expanded-row/styles.css +16 -16
- package/dist/collection/snowflakes/registro-table/z-registro-table-footer/index.js +18 -18
- package/dist/collection/snowflakes/registro-table/z-registro-table-footer/styles.css +5 -5
- package/dist/collection/snowflakes/registro-table/z-registro-table-head/index.js +18 -18
- package/dist/collection/snowflakes/registro-table/z-registro-table-head/styles.css +5 -5
- package/dist/collection/snowflakes/registro-table/z-registro-table-header/index.js +240 -240
- package/dist/collection/snowflakes/registro-table/z-registro-table-header/styles.css +67 -67
- package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/index.js +37 -37
- package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/styles.css +13 -13
- package/dist/collection/snowflakes/registro-table/z-registro-table-row/index.js +86 -86
- package/dist/collection/snowflakes/registro-table/z-registro-table-row/styles.css +54 -54
- package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/index.js +17 -17
- package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/styles.css +10 -10
- package/dist/collection/themes/index.story.js +18 -18
- package/dist/collection/utils/utils.js +82 -82
- package/dist/esm/{breakpoints-14432d05.js → breakpoints-c386984e.js} +1 -1
- package/dist/esm/{index-e9a16abc.js → index-0258069c.js} +248 -248
- package/dist/esm/index.js +5 -5
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/{utils-84f318dc.js → utils-0345e333.js} +63 -63
- package/dist/esm/z-alert_66.entry.js +3359 -3321
- package/dist/esm/z-app-header.entry.js +133 -133
- package/dist/esm/z-candybar.entry.js +8 -8
- package/dist/esm/z-cookiebar.entry.js +31 -31
- package/dist/esm/z-heading.entry.js +8 -8
- package/dist/esm/z-messages-pocket.entry.js +36 -36
- package/dist/esm/z-modal-login.entry.js +71 -71
- package/dist/esm/z-myz-card-dictionary.entry.js +25 -25
- package/dist/esm/z-myz-card-footer-sections.entry.js +8 -8
- package/dist/esm/z-myz-card-info.entry.js +109 -109
- package/dist/esm/z-myz-topbar.entry.js +183 -183
- package/dist/esm/z-navigation-tab.entry.js +34 -34
- package/dist/esm/z-navigation-tabs.entry.js +90 -90
- package/dist/esm/z-otp.entry.js +30 -30
- package/dist/esm/z-pocket-message.entry.js +8 -8
- package/dist/esm/z-pocket_3.entry.js +102 -102
- package/dist/esm/z-registro-table-footer.entry.js +12 -12
- package/dist/esm/z-slideshow.entry.js +101 -101
- package/dist/esm/z-toast-notification-list.entry.js +45 -45
- package/dist/esm/z-toast-notification.entry.js +190 -190
- package/dist/types/beans/index.d.ts +334 -334
- package/dist/types/components/buttons/z-button/index.d.ts +29 -29
- package/dist/types/components/buttons/z-button-filter/index.d.ts +22 -22
- package/dist/types/components/buttons/z-button-sort/index.d.ts +28 -28
- package/dist/types/components/buttons/z-chip/index.d.ts +6 -6
- package/dist/types/components/buttons/z-toggle-button/index.d.ts +16 -16
- package/dist/types/components/footer/z-footer/index.d.ts +46 -46
- package/dist/types/components/footer/z-footer-link/index.d.ts +8 -8
- package/dist/types/components/footer/z-footer-section/index.d.ts +10 -10
- package/dist/types/components/footer/z-footer-social/index.d.ts +9 -9
- package/dist/types/components/icons/icons.d.ts +443 -405
- package/dist/types/components/icons/z-icon/index.d.ts +14 -14
- package/dist/types/components/icons/z-icon-package/index.d.ts +3 -3
- package/dist/types/components/indicators/z-stepper/index.d.ts +6 -6
- package/dist/types/components/indicators/z-stepper-item/index.d.ts +19 -19
- package/dist/types/components/inputs/z-combobox/index.d.ts +62 -62
- package/dist/types/components/inputs/z-input/index.d.ts +102 -102
- package/dist/types/components/inputs/z-input-label/index.d.ts +9 -9
- package/dist/types/components/inputs/z-input-message/index.d.ts +9 -9
- package/dist/types/components/inputs/z-select/index.d.ts +73 -73
- package/dist/types/components/list/z-list/index.d.ts +11 -11
- package/dist/types/components/list/z-list-element/index.d.ts +79 -79
- package/dist/types/components/list/z-list-group/index.d.ts +24 -24
- package/dist/types/components/list/z-toast-notification-list/index.d.ts +14 -14
- package/dist/types/components/logo/z-logo/index.d.ts +15 -15
- package/dist/types/components/modal/z-modal/index.d.ts +25 -25
- package/dist/types/components/modal/z-modal-login/index.d.ts +42 -42
- package/dist/types/components/navigation/z-app-header/index.d.ts +67 -67
- package/dist/types/components/navigation/z-app-switcher/index.d.ts +12 -12
- package/dist/types/components/navigation/z-app-topbar/index.d.ts +20 -20
- package/dist/types/components/navigation/z-link/index.d.ts +41 -41
- package/dist/types/components/navigation/z-menu/index.d.ts +52 -52
- package/dist/types/components/navigation/z-menu-dropdown/index.d.ts +19 -19
- package/dist/types/components/navigation/z-menu-section/index.d.ts +24 -24
- package/dist/types/components/navigation/z-navigation-tab/index.d.ts +16 -16
- package/dist/types/components/navigation/z-navigation-tabs/index.d.ts +32 -32
- package/dist/types/components/navigation/z-user-dropdown/index.d.ts +39 -39
- package/dist/types/components/notification/z-candybar/index.d.ts +6 -6
- package/dist/types/components/notification/z-cookiebar/index.d.ts +16 -16
- package/dist/types/components/notification/z-info-box/index.d.ts +14 -14
- package/dist/types/components/notification/z-notification/index.d.ts +24 -24
- package/dist/types/components/notification/z-toast-notification/index.d.ts +56 -56
- package/dist/types/components/notification/z-tooltip/index.d.ts +41 -41
- package/dist/types/components/pagination/z-pagination-bar/index.d.ts +42 -42
- package/dist/types/components/pagination/z-pagination-page/index.d.ts +15 -15
- package/dist/types/components/panel/z-panel-elem/index.d.ts +25 -25
- package/dist/types/components/typography/z-body/index.d.ts +6 -6
- package/dist/types/components/typography/z-heading/index.d.ts +6 -6
- package/dist/types/components/typography/z-typography/index.d.ts +8 -8
- package/dist/types/components/z-avatar/index.d.ts +16 -16
- package/dist/types/components/z-card/index.d.ts +29 -29
- package/dist/types/components/z-contextual-menu/index.d.ts +22 -22
- package/dist/types/components/z-divider/index.d.ts +10 -10
- package/dist/types/components/z-ghost-loading/index.d.ts +3 -3
- package/dist/types/components/z-popover/index.d.ts +29 -29
- package/dist/types/components/z-status-tag/index.d.ts +15 -15
- package/dist/types/constants/breakpoints.d.ts +3 -3
- package/dist/types/constants/icons.d.ts +6 -6
- package/dist/types/index.d.ts +5 -5
- package/dist/types/snowflakes/myz/card/z-myz-card/index.d.ts +16 -16
- package/dist/types/snowflakes/myz/card/z-myz-card-alert/index.d.ts +20 -20
- package/dist/types/snowflakes/myz/card/z-myz-card-body/index.d.ts +7 -7
- package/dist/types/snowflakes/myz/card/z-myz-card-cover/index.d.ts +12 -12
- package/dist/types/snowflakes/myz/card/z-myz-card-dictionary/index.d.ts +24 -24
- package/dist/types/snowflakes/myz/card/z-myz-card-footer/index.d.ts +34 -34
- package/dist/types/snowflakes/myz/card/z-myz-card-footer-sections/index.d.ts +7 -7
- package/dist/types/snowflakes/myz/card/z-myz-card-header/index.d.ts +23 -23
- package/dist/types/snowflakes/myz/card/z-myz-card-icon/index.d.ts +9 -9
- package/dist/types/snowflakes/myz/card/z-myz-card-info/index.d.ts +36 -36
- package/dist/types/snowflakes/myz/card/z-myz-card-list/index.d.ts +10 -10
- package/dist/types/snowflakes/myz/list/z-myz-list/index.d.ts +11 -11
- package/dist/types/snowflakes/myz/list/z-myz-list-item/index.d.ts +25 -25
- package/dist/types/snowflakes/myz/pocket/z-messages-pocket/index.d.ts +16 -16
- package/dist/types/snowflakes/myz/pocket/z-pocket/index.d.ts +25 -25
- package/dist/types/snowflakes/myz/pocket/z-pocket-body/index.d.ts +12 -12
- package/dist/types/snowflakes/myz/pocket/z-pocket-header/index.d.ts +18 -18
- package/dist/types/snowflakes/myz/pocket/z-pocket-message/index.d.ts +7 -7
- package/dist/types/snowflakes/myz/topbar/index.d.ts +61 -61
- package/dist/types/snowflakes/myz/z-alert/index.d.ts +9 -9
- package/dist/types/snowflakes/myz/z-otp/index.d.ts +13 -13
- package/dist/types/snowflakes/myz/z-slideshow/index.d.ts +30 -30
- package/dist/types/snowflakes/registro-table/z-registro-table/index.d.ts +48 -48
- package/dist/types/snowflakes/registro-table/z-registro-table-body/index.d.ts +5 -5
- package/dist/types/snowflakes/registro-table/z-registro-table-cell/index.d.ts +9 -9
- package/dist/types/snowflakes/registro-table/z-registro-table-empty-box/index.d.ts +12 -12
- package/dist/types/snowflakes/registro-table/z-registro-table-expanded-row/index.d.ts +5 -5
- package/dist/types/snowflakes/registro-table/z-registro-table-footer/index.d.ts +5 -5
- package/dist/types/snowflakes/registro-table/z-registro-table-head/index.d.ts +5 -5
- package/dist/types/snowflakes/registro-table/z-registro-table-header/index.d.ts +27 -27
- package/dist/types/snowflakes/registro-table/z-registro-table-header-row/index.d.ts +5 -5
- package/dist/types/snowflakes/registro-table/z-registro-table-row/index.d.ts +11 -11
- package/dist/types/snowflakes/registro-table/z-registro-table-sticky-footer/index.d.ts +6 -6
- package/dist/types/utils/utils.d.ts +11 -11
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/{p-fc133dd1.entry.js → p-02e55441.entry.js} +1 -1
- package/{www/build/p-35b2df47.entry.js → dist/web-components-library/p-1442c0b2.entry.js} +1 -1
- package/dist/web-components-library/{p-609908af.entry.js → p-18f6f866.entry.js} +1 -1
- package/dist/web-components-library/{p-aa7c40c3.entry.js → p-231e7797.entry.js} +1 -1
- package/dist/web-components-library/{p-8c6cba93.entry.js → p-2f354863.entry.js} +1 -1
- package/dist/web-components-library/{p-21ffb0b5.entry.js → p-35b1f338.entry.js} +1 -1
- package/dist/web-components-library/{p-91f5e2f8.entry.js → p-3cdefa38.entry.js} +1 -1
- package/dist/web-components-library/{p-a75b3177.entry.js → p-4a6ec3df.entry.js} +1 -1
- package/dist/web-components-library/{p-a54ab38c.entry.js → p-5cdcaa8c.entry.js} +1 -1
- package/dist/web-components-library/{p-e8b36609.entry.js → p-b80081c9.entry.js} +1 -1
- package/dist/web-components-library/{p-d3279fd6.entry.js → p-d4830f32.entry.js} +1 -1
- package/dist/web-components-library/{p-acdb443b.js → p-d63b9ed3.js} +0 -0
- package/dist/web-components-library/{p-e35d3552.js → p-d69e14fb.js} +0 -0
- package/dist/web-components-library/{p-f53af59a.js → p-e7304c42.js} +1 -1
- package/dist/web-components-library/p-f43d8b59.entry.js +7 -0
- package/{www/build/p-cdb9067a.entry.js → dist/web-components-library/p-f83347fd.entry.js} +1 -1
- package/dist/web-components-library/{p-45940723.entry.js → p-ff6b02d1.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.css +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +90 -90
- package/react/components.d.ts +89 -89
- package/react/components.js +95 -95
- package/react/index.d.ts +1 -1
- package/react/index.js +13 -13
- package/react/react-component-lib/createComponent.d.ts +10 -10
- package/react/react-component-lib/createComponent.js +65 -65
- package/react/react-component-lib/createOverlayComponent.d.ts +20 -20
- package/react/react-component-lib/createOverlayComponent.js +95 -95
- package/react/react-component-lib/index.d.ts +2 -2
- package/react/react-component-lib/index.js +7 -7
- package/react/react-component-lib/interfaces.d.ts +29 -29
- package/react/react-component-lib/interfaces.js +2 -2
- package/react/react-component-lib/utils/attachProps.d.ts +12 -12
- package/react/react-component-lib/utils/attachProps.js +102 -102
- package/react/react-component-lib/utils/case.d.ts +2 -2
- package/react/react-component-lib/utils/case.js +11 -11
- package/react/react-component-lib/utils/dev.d.ts +2 -2
- package/react/react-component-lib/utils/dev.js +17 -17
- package/react/react-component-lib/utils/index.d.ts +7 -7
- package/react/react-component-lib/utils/index.js +38 -38
- package/readme.md +236 -236
- package/src-react/index.ts +1 -0
- package/www/build/index.esm.js +1 -1
- package/www/build/{p-fc133dd1.entry.js → p-02e55441.entry.js} +1 -1
- package/{dist/web-components-library/p-35b2df47.entry.js → www/build/p-1442c0b2.entry.js} +1 -1
- package/www/build/{p-609908af.entry.js → p-18f6f866.entry.js} +1 -1
- package/www/build/{p-aa7c40c3.entry.js → p-231e7797.entry.js} +1 -1
- package/www/build/{p-8c6cba93.entry.js → p-2f354863.entry.js} +1 -1
- package/www/build/{p-21ffb0b5.entry.js → p-35b1f338.entry.js} +1 -1
- package/www/build/{p-91f5e2f8.entry.js → p-3cdefa38.entry.js} +1 -1
- package/www/build/{p-a75b3177.entry.js → p-4a6ec3df.entry.js} +1 -1
- package/www/build/{p-a54ab38c.entry.js → p-5cdcaa8c.entry.js} +1 -1
- package/www/build/p-6ba3b440.css +792 -0
- package/www/build/{p-e8b36609.entry.js → p-b80081c9.entry.js} +1 -1
- package/www/build/{p-d3279fd6.entry.js → p-d4830f32.entry.js} +1 -1
- package/www/build/{p-acdb443b.js → p-d63b9ed3.js} +0 -0
- package/www/build/{p-e35d3552.js → p-d69e14fb.js} +0 -0
- package/www/build/{p-f53af59a.js → p-e7304c42.js} +1 -1
- package/www/build/p-f43d8b59.entry.js +7 -0
- package/{dist/web-components-library/p-cdb9067a.entry.js → www/build/p-f83347fd.entry.js} +1 -1
- package/www/build/p-f9b40a11.js +122 -0
- package/www/build/{p-45940723.entry.js → p-ff6b02d1.entry.js} +1 -1
- package/www/build/web-components-library.css +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/www/pages/notification.html +244 -244
- package/dist/web-components-library/p-8afd98e0.entry.js +0 -7
- package/www/build/p-2e3d31b3.js +0 -1
- package/www/build/p-8afd98e0.entry.js +0 -7
- package/www/build/p-ea943cbd.css +0 -1
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
display: inline-block;
|
|
3
|
-
vertical-align: top;
|
|
4
|
-
width: 255px;
|
|
5
|
-
height: 64px;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
img {
|
|
9
|
-
display: block;
|
|
10
|
-
margin: auto;
|
|
11
|
-
width: 100%;
|
|
12
|
-
height: 100%;
|
|
13
|
-
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
a {
|
|
17
|
-
display: block;
|
|
18
|
-
width: 100%;
|
|
19
|
-
height: 100%;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
:host(.mobile) {
|
|
23
|
-
width: 31px;
|
|
24
|
-
height: 40px;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
:host(.mobile) img {
|
|
28
|
-
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
1
|
+
:host {
|
|
2
|
+
display: inline-block;
|
|
3
|
+
vertical-align: top;
|
|
4
|
+
width: 255px;
|
|
5
|
+
height: 64px;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
img {
|
|
9
|
+
display: block;
|
|
10
|
+
margin: auto;
|
|
11
|
+
width: 100%;
|
|
12
|
+
height: 100%;
|
|
13
|
+
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
a {
|
|
17
|
+
display: block;
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 100%;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
:host(.mobile) {
|
|
23
|
+
width: 31px;
|
|
24
|
+
height: 40px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:host(.mobile) img {
|
|
28
|
+
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
29
29
|
}
|
|
@@ -1,160 +1,160 @@
|
|
|
1
|
-
import { Component, Prop, h, Event } from "@stencil/core";
|
|
2
|
-
/**
|
|
3
|
-
* @slot modalContent - set the content of the modal
|
|
4
|
-
* @slot modalCloseButton - accept custom close button
|
|
5
|
-
*/
|
|
6
|
-
export class ZModal {
|
|
7
|
-
constructor() {
|
|
8
|
-
/** aria-label for close button (optional) */
|
|
9
|
-
this.closeButtonLabel = "close modal";
|
|
10
|
-
}
|
|
11
|
-
emitModalClose() {
|
|
12
|
-
this.modalClose.emit({ modalid: this.modalid });
|
|
13
|
-
}
|
|
14
|
-
emitModalHeaderActive() {
|
|
15
|
-
this.modalHeaderActive.emit({ modalid: this.modalid });
|
|
16
|
-
}
|
|
17
|
-
emitBackgroundClick() {
|
|
18
|
-
this.modalBackgroundClick.emit({ modalid: this.modalid });
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
return [
|
|
22
|
-
h("div", { class: "modal-container", id: this.modalid, role: "dialog" },
|
|
23
|
-
h("header", { onClick: this.emitModalHeaderActive.bind(this) },
|
|
24
|
-
h("div", null,
|
|
25
|
-
this.modaltitle && h("h1", null, this.modaltitle),
|
|
26
|
-
this.modalsubtitle && h("h2", null, this.modalsubtitle)),
|
|
27
|
-
h("slot", { name: "modalCloseButton" },
|
|
28
|
-
h("button", { "aria-label": this.closeButtonLabel, onClick: this.emitModalClose.bind(this) },
|
|
29
|
-
h("z-icon", { name: "multiply-circle-filled" })))),
|
|
30
|
-
h("div", { class: "modal-content" },
|
|
31
|
-
h("slot", { name: "modalContent" }))),
|
|
32
|
-
h("div", { class: "modal-background", "data-action": "modalBackground", "data-modal": this.modalid, onClick: this.emitBackgroundClick.bind(this) })
|
|
33
|
-
];
|
|
34
|
-
}
|
|
35
|
-
static get is() { return "z-modal"; }
|
|
36
|
-
static get encapsulation() { return "shadow"; }
|
|
37
|
-
static get originalStyleUrls() { return {
|
|
38
|
-
"$": ["styles.css"]
|
|
39
|
-
}; }
|
|
40
|
-
static get styleUrls() { return {
|
|
41
|
-
"$": ["styles.css"]
|
|
42
|
-
}; }
|
|
43
|
-
static get properties() { return {
|
|
44
|
-
"modalid": {
|
|
45
|
-
"type": "string",
|
|
46
|
-
"mutable": false,
|
|
47
|
-
"complexType": {
|
|
48
|
-
"original": "string",
|
|
49
|
-
"resolved": "string",
|
|
50
|
-
"references": {}
|
|
51
|
-
},
|
|
52
|
-
"required": false,
|
|
53
|
-
"optional": false,
|
|
54
|
-
"docs": {
|
|
55
|
-
"tags": [],
|
|
56
|
-
"text": "unique id"
|
|
57
|
-
},
|
|
58
|
-
"attribute": "modalid",
|
|
59
|
-
"reflect": false
|
|
60
|
-
},
|
|
61
|
-
"modaltitle": {
|
|
62
|
-
"type": "string",
|
|
63
|
-
"mutable": false,
|
|
64
|
-
"complexType": {
|
|
65
|
-
"original": "string",
|
|
66
|
-
"resolved": "string",
|
|
67
|
-
"references": {}
|
|
68
|
-
},
|
|
69
|
-
"required": false,
|
|
70
|
-
"optional": true,
|
|
71
|
-
"docs": {
|
|
72
|
-
"tags": [],
|
|
73
|
-
"text": "title text (optional)"
|
|
74
|
-
},
|
|
75
|
-
"attribute": "modaltitle",
|
|
76
|
-
"reflect": false
|
|
77
|
-
},
|
|
78
|
-
"modalsubtitle": {
|
|
79
|
-
"type": "string",
|
|
80
|
-
"mutable": false,
|
|
81
|
-
"complexType": {
|
|
82
|
-
"original": "string",
|
|
83
|
-
"resolved": "string",
|
|
84
|
-
"references": {}
|
|
85
|
-
},
|
|
86
|
-
"required": false,
|
|
87
|
-
"optional": true,
|
|
88
|
-
"docs": {
|
|
89
|
-
"tags": [],
|
|
90
|
-
"text": "subtitle (optional)"
|
|
91
|
-
},
|
|
92
|
-
"attribute": "modalsubtitle",
|
|
93
|
-
"reflect": false
|
|
94
|
-
},
|
|
95
|
-
"closeButtonLabel": {
|
|
96
|
-
"type": "string",
|
|
97
|
-
"mutable": false,
|
|
98
|
-
"complexType": {
|
|
99
|
-
"original": "string",
|
|
100
|
-
"resolved": "string",
|
|
101
|
-
"references": {}
|
|
102
|
-
},
|
|
103
|
-
"required": false,
|
|
104
|
-
"optional": true,
|
|
105
|
-
"docs": {
|
|
106
|
-
"tags": [],
|
|
107
|
-
"text": "aria-label for close button (optional)"
|
|
108
|
-
},
|
|
109
|
-
"attribute": "close-button-label",
|
|
110
|
-
"reflect": false,
|
|
111
|
-
"defaultValue": "\"close modal\""
|
|
112
|
-
}
|
|
113
|
-
}; }
|
|
114
|
-
static get events() { return [{
|
|
115
|
-
"method": "modalClose",
|
|
116
|
-
"name": "modalClose",
|
|
117
|
-
"bubbles": true,
|
|
118
|
-
"cancelable": true,
|
|
119
|
-
"composed": true,
|
|
120
|
-
"docs": {
|
|
121
|
-
"tags": [],
|
|
122
|
-
"text": "emitted on close button click, returns modalid"
|
|
123
|
-
},
|
|
124
|
-
"complexType": {
|
|
125
|
-
"original": "any",
|
|
126
|
-
"resolved": "any",
|
|
127
|
-
"references": {}
|
|
128
|
-
}
|
|
129
|
-
}, {
|
|
130
|
-
"method": "modalHeaderActive",
|
|
131
|
-
"name": "modalHeaderActive",
|
|
132
|
-
"bubbles": true,
|
|
133
|
-
"cancelable": true,
|
|
134
|
-
"composed": true,
|
|
135
|
-
"docs": {
|
|
136
|
-
"tags": [],
|
|
137
|
-
"text": "emitted on modal header click, returns modalid"
|
|
138
|
-
},
|
|
139
|
-
"complexType": {
|
|
140
|
-
"original": "any",
|
|
141
|
-
"resolved": "any",
|
|
142
|
-
"references": {}
|
|
143
|
-
}
|
|
144
|
-
}, {
|
|
145
|
-
"method": "modalBackgroundClick",
|
|
146
|
-
"name": "modalBackgroundClick",
|
|
147
|
-
"bubbles": true,
|
|
148
|
-
"cancelable": true,
|
|
149
|
-
"composed": true,
|
|
150
|
-
"docs": {
|
|
151
|
-
"tags": [],
|
|
152
|
-
"text": "emitted on background click, returns modalid"
|
|
153
|
-
},
|
|
154
|
-
"complexType": {
|
|
155
|
-
"original": "any",
|
|
156
|
-
"resolved": "any",
|
|
157
|
-
"references": {}
|
|
158
|
-
}
|
|
159
|
-
}]; }
|
|
160
|
-
}
|
|
1
|
+
import { Component, Prop, h, Event } from "@stencil/core";
|
|
2
|
+
/**
|
|
3
|
+
* @slot modalContent - set the content of the modal
|
|
4
|
+
* @slot modalCloseButton - accept custom close button
|
|
5
|
+
*/
|
|
6
|
+
export class ZModal {
|
|
7
|
+
constructor() {
|
|
8
|
+
/** aria-label for close button (optional) */
|
|
9
|
+
this.closeButtonLabel = "close modal";
|
|
10
|
+
}
|
|
11
|
+
emitModalClose() {
|
|
12
|
+
this.modalClose.emit({ modalid: this.modalid });
|
|
13
|
+
}
|
|
14
|
+
emitModalHeaderActive() {
|
|
15
|
+
this.modalHeaderActive.emit({ modalid: this.modalid });
|
|
16
|
+
}
|
|
17
|
+
emitBackgroundClick() {
|
|
18
|
+
this.modalBackgroundClick.emit({ modalid: this.modalid });
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
return [
|
|
22
|
+
h("div", { class: "modal-container", id: this.modalid, role: "dialog" },
|
|
23
|
+
h("header", { onClick: this.emitModalHeaderActive.bind(this) },
|
|
24
|
+
h("div", null,
|
|
25
|
+
this.modaltitle && h("h1", null, this.modaltitle),
|
|
26
|
+
this.modalsubtitle && h("h2", null, this.modalsubtitle)),
|
|
27
|
+
h("slot", { name: "modalCloseButton" },
|
|
28
|
+
h("button", { "aria-label": this.closeButtonLabel, onClick: this.emitModalClose.bind(this) },
|
|
29
|
+
h("z-icon", { name: "multiply-circle-filled" })))),
|
|
30
|
+
h("div", { class: "modal-content" },
|
|
31
|
+
h("slot", { name: "modalContent" }))),
|
|
32
|
+
h("div", { class: "modal-background", "data-action": "modalBackground", "data-modal": this.modalid, onClick: this.emitBackgroundClick.bind(this) })
|
|
33
|
+
];
|
|
34
|
+
}
|
|
35
|
+
static get is() { return "z-modal"; }
|
|
36
|
+
static get encapsulation() { return "shadow"; }
|
|
37
|
+
static get originalStyleUrls() { return {
|
|
38
|
+
"$": ["styles.css"]
|
|
39
|
+
}; }
|
|
40
|
+
static get styleUrls() { return {
|
|
41
|
+
"$": ["styles.css"]
|
|
42
|
+
}; }
|
|
43
|
+
static get properties() { return {
|
|
44
|
+
"modalid": {
|
|
45
|
+
"type": "string",
|
|
46
|
+
"mutable": false,
|
|
47
|
+
"complexType": {
|
|
48
|
+
"original": "string",
|
|
49
|
+
"resolved": "string",
|
|
50
|
+
"references": {}
|
|
51
|
+
},
|
|
52
|
+
"required": false,
|
|
53
|
+
"optional": false,
|
|
54
|
+
"docs": {
|
|
55
|
+
"tags": [],
|
|
56
|
+
"text": "unique id"
|
|
57
|
+
},
|
|
58
|
+
"attribute": "modalid",
|
|
59
|
+
"reflect": false
|
|
60
|
+
},
|
|
61
|
+
"modaltitle": {
|
|
62
|
+
"type": "string",
|
|
63
|
+
"mutable": false,
|
|
64
|
+
"complexType": {
|
|
65
|
+
"original": "string",
|
|
66
|
+
"resolved": "string",
|
|
67
|
+
"references": {}
|
|
68
|
+
},
|
|
69
|
+
"required": false,
|
|
70
|
+
"optional": true,
|
|
71
|
+
"docs": {
|
|
72
|
+
"tags": [],
|
|
73
|
+
"text": "title text (optional)"
|
|
74
|
+
},
|
|
75
|
+
"attribute": "modaltitle",
|
|
76
|
+
"reflect": false
|
|
77
|
+
},
|
|
78
|
+
"modalsubtitle": {
|
|
79
|
+
"type": "string",
|
|
80
|
+
"mutable": false,
|
|
81
|
+
"complexType": {
|
|
82
|
+
"original": "string",
|
|
83
|
+
"resolved": "string",
|
|
84
|
+
"references": {}
|
|
85
|
+
},
|
|
86
|
+
"required": false,
|
|
87
|
+
"optional": true,
|
|
88
|
+
"docs": {
|
|
89
|
+
"tags": [],
|
|
90
|
+
"text": "subtitle (optional)"
|
|
91
|
+
},
|
|
92
|
+
"attribute": "modalsubtitle",
|
|
93
|
+
"reflect": false
|
|
94
|
+
},
|
|
95
|
+
"closeButtonLabel": {
|
|
96
|
+
"type": "string",
|
|
97
|
+
"mutable": false,
|
|
98
|
+
"complexType": {
|
|
99
|
+
"original": "string",
|
|
100
|
+
"resolved": "string",
|
|
101
|
+
"references": {}
|
|
102
|
+
},
|
|
103
|
+
"required": false,
|
|
104
|
+
"optional": true,
|
|
105
|
+
"docs": {
|
|
106
|
+
"tags": [],
|
|
107
|
+
"text": "aria-label for close button (optional)"
|
|
108
|
+
},
|
|
109
|
+
"attribute": "close-button-label",
|
|
110
|
+
"reflect": false,
|
|
111
|
+
"defaultValue": "\"close modal\""
|
|
112
|
+
}
|
|
113
|
+
}; }
|
|
114
|
+
static get events() { return [{
|
|
115
|
+
"method": "modalClose",
|
|
116
|
+
"name": "modalClose",
|
|
117
|
+
"bubbles": true,
|
|
118
|
+
"cancelable": true,
|
|
119
|
+
"composed": true,
|
|
120
|
+
"docs": {
|
|
121
|
+
"tags": [],
|
|
122
|
+
"text": "emitted on close button click, returns modalid"
|
|
123
|
+
},
|
|
124
|
+
"complexType": {
|
|
125
|
+
"original": "any",
|
|
126
|
+
"resolved": "any",
|
|
127
|
+
"references": {}
|
|
128
|
+
}
|
|
129
|
+
}, {
|
|
130
|
+
"method": "modalHeaderActive",
|
|
131
|
+
"name": "modalHeaderActive",
|
|
132
|
+
"bubbles": true,
|
|
133
|
+
"cancelable": true,
|
|
134
|
+
"composed": true,
|
|
135
|
+
"docs": {
|
|
136
|
+
"tags": [],
|
|
137
|
+
"text": "emitted on modal header click, returns modalid"
|
|
138
|
+
},
|
|
139
|
+
"complexType": {
|
|
140
|
+
"original": "any",
|
|
141
|
+
"resolved": "any",
|
|
142
|
+
"references": {}
|
|
143
|
+
}
|
|
144
|
+
}, {
|
|
145
|
+
"method": "modalBackgroundClick",
|
|
146
|
+
"name": "modalBackgroundClick",
|
|
147
|
+
"bubbles": true,
|
|
148
|
+
"cancelable": true,
|
|
149
|
+
"composed": true,
|
|
150
|
+
"docs": {
|
|
151
|
+
"tags": [],
|
|
152
|
+
"text": "emitted on background click, returns modalid"
|
|
153
|
+
},
|
|
154
|
+
"complexType": {
|
|
155
|
+
"original": "any",
|
|
156
|
+
"resolved": "any",
|
|
157
|
+
"references": {}
|
|
158
|
+
}
|
|
159
|
+
}]; }
|
|
160
|
+
}
|