@zanichelli/albe-web-components 17.0.0-RC4 → 17.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/cjs/{index-0b5e5c05.js → index-141d598e.js} +2 -2
- package/dist/cjs/index-141d598e.js.map +1 -0
- package/dist/cjs/{index-47d0257d.js → index-4b1d6599.js} +2 -2
- package/dist/cjs/index-4b1d6599.js.map +1 -0
- package/dist/cjs/{index-15cb0816.js → index-e2718c94.js} +3 -3
- package/dist/cjs/index-e2718c94.js.map +1 -0
- package/dist/cjs/z-anchor-navigation.cjs.entry.js +1 -1
- package/dist/cjs/z-anchor-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/z-app-header_12.cjs.entry.js +15 -3
- package/dist/cjs/z-app-header_12.cjs.entry.js.map +1 -1
- package/dist/cjs/z-book-card-app.cjs.entry.js +1 -1
- package/dist/cjs/z-book-card-app.cjs.entry.js.map +1 -1
- package/dist/cjs/z-book-card-deprecated.cjs.entry.js +1 -1
- package/dist/cjs/z-book-card-deprecated.cjs.entry.js.map +1 -1
- package/dist/cjs/z-book-card.cjs.entry.js +2 -2
- package/dist/cjs/z-book-card.cjs.entry.js.map +1 -1
- package/dist/cjs/z-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/z-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/z-combobox.cjs.entry.js +1 -1
- package/dist/cjs/z-combobox.cjs.entry.js.map +1 -1
- package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +6 -12
- package/dist/cjs/z-dragdrop-area_2.cjs.entry.js.map +1 -1
- package/dist/cjs/z-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/z-file-upload.cjs.entry.js.map +1 -1
- package/dist/cjs/z-ghost-loading.cjs.entry.js +1 -1
- package/dist/cjs/z-ghost-loading.cjs.entry.js.map +1 -1
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js.map +1 -1
- package/dist/cjs/z-myz-card_4.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-card_4.cjs.entry.js.map +1 -1
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/z-panel-elem.cjs.entry.js +3 -2
- package/dist/cjs/z-panel-elem.cjs.entry.js.map +1 -1
- package/dist/cjs/z-skip-to-content.cjs.entry.js +1 -2
- package/dist/cjs/z-skip-to-content.cjs.entry.js.map +1 -1
- package/dist/cjs/z-slideshow.cjs.entry.js +1 -1
- package/dist/cjs/z-slideshow.cjs.entry.js.map +1 -1
- package/dist/cjs/z-table.cjs.entry.js +3 -3
- package/dist/cjs/z-th.cjs.entry.js +1 -1
- package/dist/cjs/z-thead.cjs.entry.js +1 -1
- package/dist/cjs/z-tr.cjs.entry.js +2 -2
- package/dist/collection/components/book-card/z-book-card/index.js +1 -1
- package/dist/collection/components/book-card/z-book-card/index.js.map +1 -1
- package/dist/collection/components/css-components/z-link/index.stories.js +5 -6
- package/dist/collection/components/css-components/z-link/index.stories.js.map +1 -1
- package/dist/collection/components/css-components/z-link/styles.css +101 -107
- package/dist/collection/components/deprecated/z-book-card-deprecated/index.stories.js +3 -3
- package/dist/collection/components/deprecated/z-book-card-deprecated/index.stories.js.map +1 -1
- package/dist/collection/components/deprecated/z-book-card-deprecated/styles.css +2 -2
- package/dist/collection/components/file-upload/z-dragdrop-area/styles.css +2 -2
- package/dist/collection/components/file-upload/z-file-upload/styles.css +1 -1
- package/dist/collection/components/list/z-list-element/styles.css +2 -2
- package/dist/collection/components/table/cells/z-th/styles.css +1 -1
- package/dist/collection/components/table/z-thead/styles.css +1 -1
- package/dist/collection/components/table/z-tr/styles.css +1 -1
- package/dist/collection/components/z-anchor-navigation/styles.css +2 -2
- package/dist/collection/components/z-breadcrumb/styles.css +4 -4
- package/dist/collection/components/z-combobox/styles.css +2 -2
- package/dist/collection/components/z-ghost-loading/styles.css +3 -3
- package/dist/collection/components/z-input/styles.css +2 -2
- package/dist/collection/components/z-modal/index.js +4 -10
- package/dist/collection/components/z-modal/index.js.map +1 -1
- package/dist/collection/components/z-modal/styles.css +1 -1
- package/dist/collection/components/z-navigation-tabs/styles.css +1 -1
- package/dist/collection/components/z-panel-elem/index.js +3 -2
- package/dist/collection/components/z-panel-elem/index.js.map +1 -1
- package/dist/collection/components/z-searchbar/styles.css +1 -1
- package/dist/collection/components/z-skip-to-content/index.js +1 -2
- package/dist/collection/components/z-skip-to-content/index.js.map +1 -1
- package/dist/collection/constants/iconset.js +12 -0
- package/dist/collection/constants/iconset.js.map +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css +1 -1
- package/dist/collection/snowflakes/myz/z-slideshow/styles.css +2 -2
- package/dist/components/iconset.js +12 -0
- package/dist/components/iconset.js.map +1 -1
- package/dist/components/index11.js +1 -1
- package/dist/components/index11.js.map +1 -1
- package/dist/components/index14.js +1 -1
- package/dist/components/index14.js.map +1 -1
- package/dist/components/index16.js +5 -11
- package/dist/components/index16.js.map +1 -1
- package/dist/components/index17.js +1 -1
- package/dist/components/index17.js.map +1 -1
- package/dist/components/index20.js +1 -1
- package/dist/components/index20.js.map +1 -1
- package/dist/components/index24.js +1 -1
- package/dist/components/index24.js.map +1 -1
- package/dist/components/index7.js +1 -1
- package/dist/components/index7.js.map +1 -1
- package/dist/components/index8.js +1 -1
- package/dist/components/index8.js.map +1 -1
- package/dist/components/z-anchor-navigation.js +1 -1
- package/dist/components/z-anchor-navigation.js.map +1 -1
- package/dist/components/z-book-card-app.js +1 -1
- package/dist/components/z-book-card-app.js.map +1 -1
- package/dist/components/z-book-card-deprecated.js +1 -1
- package/dist/components/z-book-card-deprecated.js.map +1 -1
- package/dist/components/z-book-card.js +2 -2
- package/dist/components/z-book-card.js.map +1 -1
- package/dist/components/z-breadcrumb.js +1 -1
- package/dist/components/z-breadcrumb.js.map +1 -1
- package/dist/components/z-combobox.js +1 -1
- package/dist/components/z-combobox.js.map +1 -1
- package/dist/components/z-file-upload.js +1 -1
- package/dist/components/z-file-upload.js.map +1 -1
- package/dist/components/z-myz-card-alert.js +1 -1
- package/dist/components/z-myz-card-alert.js.map +1 -1
- package/dist/components/z-myz-card-info.js +1 -1
- package/dist/components/z-myz-card-info.js.map +1 -1
- package/dist/components/z-navigation-tabs.js +1 -1
- package/dist/components/z-navigation-tabs.js.map +1 -1
- package/dist/components/z-panel-elem.js +3 -2
- package/dist/components/z-panel-elem.js.map +1 -1
- package/dist/components/z-skip-to-content.js +1 -2
- package/dist/components/z-skip-to-content.js.map +1 -1
- package/dist/components/z-slideshow.js +1 -1
- package/dist/components/z-slideshow.js.map +1 -1
- package/dist/components/z-th.js +1 -1
- package/dist/components/z-th.js.map +1 -1
- package/dist/components/z-thead.js +1 -1
- package/dist/components/z-thead.js.map +1 -1
- package/dist/components/z-tr.js +1 -1
- package/dist/components/z-tr.js.map +1 -1
- package/dist/docs/themes/index.stories.js +1 -1
- package/dist/docs/themes/index.stories.js.map +1 -1
- package/dist/esm/{index-13d1f531.js → index-03fd6621.js} +3 -3
- package/dist/esm/index-03fd6621.js.map +1 -0
- package/dist/esm/{index-f372e39c.js → index-2e00cecb.js} +2 -2
- package/{www/build/p-72bfc9d0.js.map → dist/esm/index-2e00cecb.js.map} +1 -1
- package/dist/esm/{index-a71eb5f5.js → index-bcd128c9.js} +2 -2
- package/dist/esm/index-bcd128c9.js.map +1 -0
- package/dist/esm/z-anchor-navigation.entry.js +1 -1
- package/dist/esm/z-anchor-navigation.entry.js.map +1 -1
- package/dist/esm/z-app-header_12.entry.js +15 -3
- package/dist/esm/z-app-header_12.entry.js.map +1 -1
- package/dist/esm/z-book-card-app.entry.js +1 -1
- package/dist/esm/z-book-card-app.entry.js.map +1 -1
- package/dist/esm/z-book-card-deprecated.entry.js +1 -1
- package/dist/esm/z-book-card-deprecated.entry.js.map +1 -1
- package/dist/esm/z-book-card.entry.js +2 -2
- package/dist/esm/z-book-card.entry.js.map +1 -1
- package/dist/esm/z-breadcrumb.entry.js +1 -1
- package/dist/esm/z-breadcrumb.entry.js.map +1 -1
- package/dist/esm/z-combobox.entry.js +1 -1
- package/dist/esm/z-combobox.entry.js.map +1 -1
- package/dist/esm/z-dragdrop-area_2.entry.js +6 -12
- package/dist/esm/z-dragdrop-area_2.entry.js.map +1 -1
- package/dist/esm/z-file-upload.entry.js +1 -1
- package/dist/esm/z-file-upload.entry.js.map +1 -1
- package/dist/esm/z-ghost-loading.entry.js +1 -1
- package/dist/esm/z-ghost-loading.entry.js.map +1 -1
- package/dist/esm/z-myz-card-alert.entry.js +1 -1
- package/dist/esm/z-myz-card-alert.entry.js.map +1 -1
- package/dist/esm/z-myz-card-info.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js.map +1 -1
- package/dist/esm/z-myz-card_4.entry.js +2 -2
- package/dist/esm/z-myz-card_4.entry.js.map +1 -1
- package/dist/esm/z-navigation-tabs.entry.js +1 -1
- package/dist/esm/z-navigation-tabs.entry.js.map +1 -1
- package/dist/esm/z-panel-elem.entry.js +3 -2
- package/dist/esm/z-panel-elem.entry.js.map +1 -1
- package/dist/esm/z-skip-to-content.entry.js +1 -2
- package/dist/esm/z-skip-to-content.entry.js.map +1 -1
- package/dist/esm/z-slideshow.entry.js +1 -1
- package/dist/esm/z-slideshow.entry.js.map +1 -1
- package/dist/esm/z-table.entry.js +3 -3
- package/dist/esm/z-th.entry.js +1 -1
- package/dist/esm/z-thead.entry.js +1 -1
- package/dist/esm/z-tr.entry.js +2 -2
- package/dist/types/components/css-components/z-link/index.stories.d.ts +0 -1
- package/dist/types/components/z-modal/index.d.ts +0 -1
- package/dist/types/constants/iconset.d.ts +24 -0
- package/dist/web-components-library/p-2c6519dc.entry.js +2 -0
- package/dist/web-components-library/{p-5365f354.entry.js → p-2dbbc58f.entry.js} +2 -2
- package/dist/web-components-library/{p-5365f354.entry.js.map → p-2dbbc58f.entry.js.map} +1 -1
- package/dist/web-components-library/p-2f486acc.entry.js +2 -0
- package/dist/web-components-library/p-2f486acc.entry.js.map +1 -0
- package/dist/web-components-library/p-382e2939.entry.js +2 -0
- package/dist/web-components-library/p-4629a66a.entry.js +2 -0
- package/dist/web-components-library/p-4629a66a.entry.js.map +1 -0
- package/dist/web-components-library/p-479b13ae.entry.js +2 -0
- package/dist/web-components-library/p-479b13ae.entry.js.map +1 -0
- package/dist/web-components-library/p-612da2d0.entry.js +2 -0
- package/dist/web-components-library/p-612da2d0.entry.js.map +1 -0
- package/dist/web-components-library/p-65f1b68b.entry.js +2 -0
- package/dist/web-components-library/p-65f1b68b.entry.js.map +1 -0
- package/dist/web-components-library/p-72618fde.entry.js +2 -0
- package/dist/web-components-library/p-72618fde.entry.js.map +1 -0
- package/dist/web-components-library/p-76d8d404.entry.js +2 -0
- package/dist/web-components-library/p-76d8d404.entry.js.map +1 -0
- package/dist/web-components-library/p-7d844bac.entry.js +2 -0
- package/dist/web-components-library/p-7d844bac.entry.js.map +1 -0
- package/dist/web-components-library/p-7db32c12.entry.js +2 -0
- package/dist/web-components-library/p-7db32c12.entry.js.map +1 -0
- package/dist/web-components-library/p-8b627bff.entry.js +2 -0
- package/dist/web-components-library/p-8b627bff.entry.js.map +1 -0
- package/dist/web-components-library/p-8d79971b.entry.js +2 -0
- package/dist/web-components-library/p-8d79971b.entry.js.map +1 -0
- package/dist/web-components-library/p-90d54c40.js +2 -0
- package/dist/web-components-library/p-90d54c40.js.map +1 -0
- package/dist/web-components-library/p-9e183204.entry.js +2 -0
- package/dist/web-components-library/p-9e183204.entry.js.map +1 -0
- package/dist/web-components-library/p-a707640a.entry.js +2 -0
- package/dist/web-components-library/p-a707640a.entry.js.map +1 -0
- package/dist/web-components-library/p-b896dcf7.entry.js +2 -0
- package/dist/web-components-library/{p-589f4f48.entry.js → p-c0588dbe.entry.js} +2 -2
- package/dist/web-components-library/{p-166ea39f.entry.js → p-cc87d814.entry.js} +2 -2
- package/dist/web-components-library/{p-166ea39f.entry.js.map → p-cc87d814.entry.js.map} +1 -1
- package/dist/web-components-library/p-cd55204b.js +2 -0
- package/dist/web-components-library/p-cd55204b.js.map +1 -0
- package/dist/web-components-library/{p-8be628c6.entry.js → p-e9149664.entry.js} +2 -2
- package/dist/web-components-library/{p-8be628c6.entry.js.map → p-e9149664.entry.js.map} +1 -1
- package/dist/web-components-library/p-ec4d7f60.js +2 -0
- package/dist/web-components-library/p-ec4d7f60.js.map +1 -0
- package/dist/web-components-library/p-efe1de34.entry.js +2 -0
- package/dist/web-components-library/p-efe1de34.entry.js.map +1 -0
- package/dist/web-components-library/web-components-library.css +171 -144
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/p-2c6519dc.entry.js +2 -0
- package/www/build/{p-5365f354.entry.js → p-2dbbc58f.entry.js} +2 -2
- package/www/build/{p-5365f354.entry.js.map → p-2dbbc58f.entry.js.map} +1 -1
- package/www/build/p-2f486acc.entry.js +2 -0
- package/www/build/p-2f486acc.entry.js.map +1 -0
- package/www/build/p-382e2939.entry.js +2 -0
- package/www/build/p-4629a66a.entry.js +2 -0
- package/www/build/p-4629a66a.entry.js.map +1 -0
- package/www/build/p-479b13ae.entry.js +2 -0
- package/www/build/p-479b13ae.entry.js.map +1 -0
- package/www/build/{p-d9dbe303.css → p-4c358c38.css} +171 -144
- package/www/build/p-612da2d0.entry.js +2 -0
- package/www/build/p-612da2d0.entry.js.map +1 -0
- package/www/build/p-65f1b68b.entry.js +2 -0
- package/www/build/p-65f1b68b.entry.js.map +1 -0
- package/www/build/p-72618fde.entry.js +2 -0
- package/www/build/p-72618fde.entry.js.map +1 -0
- package/www/build/p-76d8d404.entry.js +2 -0
- package/www/build/p-76d8d404.entry.js.map +1 -0
- package/www/build/p-7d844bac.entry.js +2 -0
- package/www/build/p-7d844bac.entry.js.map +1 -0
- package/www/build/p-7db32c12.entry.js +2 -0
- package/www/build/p-7db32c12.entry.js.map +1 -0
- package/www/build/p-8b627bff.entry.js +2 -0
- package/www/build/p-8b627bff.entry.js.map +1 -0
- package/www/build/p-8d79971b.entry.js +2 -0
- package/www/build/p-8d79971b.entry.js.map +1 -0
- package/www/build/p-90d54c40.js +2 -0
- package/www/build/p-90d54c40.js.map +1 -0
- package/www/build/p-9e183204.entry.js +2 -0
- package/www/build/p-9e183204.entry.js.map +1 -0
- package/www/build/p-a707640a.entry.js +2 -0
- package/www/build/p-a707640a.entry.js.map +1 -0
- package/www/build/p-b896dcf7.entry.js +2 -0
- package/www/build/{p-589f4f48.entry.js → p-c0588dbe.entry.js} +2 -2
- package/www/build/{p-1834b57c.js → p-c9e50d51.js} +1 -1
- package/www/build/{p-166ea39f.entry.js → p-cc87d814.entry.js} +2 -2
- package/www/build/{p-166ea39f.entry.js.map → p-cc87d814.entry.js.map} +1 -1
- package/www/build/p-cd55204b.js +2 -0
- package/www/build/p-cd55204b.js.map +1 -0
- package/www/build/{p-8be628c6.entry.js → p-e9149664.entry.js} +2 -2
- package/www/build/{p-8be628c6.entry.js.map → p-e9149664.entry.js.map} +1 -1
- package/www/build/p-ec4d7f60.js +2 -0
- package/www/build/p-ec4d7f60.js.map +1 -0
- package/www/build/p-efe1de34.entry.js +2 -0
- package/www/build/p-efe1de34.entry.js.map +1 -0
- package/www/build/web-components-library.css +171 -144
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/cjs/index-0b5e5c05.js.map +0 -1
- package/dist/cjs/index-15cb0816.js.map +0 -1
- package/dist/cjs/index-47d0257d.js.map +0 -1
- package/dist/esm/index-13d1f531.js.map +0 -1
- package/dist/esm/index-a71eb5f5.js.map +0 -1
- package/dist/esm/index-f372e39c.js.map +0 -1
- package/dist/web-components-library/p-0d966ad0.js +0 -2
- package/dist/web-components-library/p-0d966ad0.js.map +0 -1
- package/dist/web-components-library/p-1a297fb0.entry.js +0 -2
- package/dist/web-components-library/p-1db926ff.entry.js +0 -2
- package/dist/web-components-library/p-1db926ff.entry.js.map +0 -1
- package/dist/web-components-library/p-372d3d61.entry.js +0 -2
- package/dist/web-components-library/p-372d3d61.entry.js.map +0 -1
- package/dist/web-components-library/p-3be73d77.entry.js +0 -2
- package/dist/web-components-library/p-3be73d77.entry.js.map +0 -1
- package/dist/web-components-library/p-5b677d6c.entry.js +0 -2
- package/dist/web-components-library/p-5b677d6c.entry.js.map +0 -1
- package/dist/web-components-library/p-63806f4f.entry.js +0 -2
- package/dist/web-components-library/p-63806f4f.entry.js.map +0 -1
- package/dist/web-components-library/p-7049aef2.entry.js +0 -2
- package/dist/web-components-library/p-7049aef2.entry.js.map +0 -1
- package/dist/web-components-library/p-72af7932.entry.js +0 -2
- package/dist/web-components-library/p-72bfc9d0.js +0 -2
- package/dist/web-components-library/p-72bfc9d0.js.map +0 -1
- package/dist/web-components-library/p-72f77ee8.entry.js +0 -2
- package/dist/web-components-library/p-767b66ca.entry.js +0 -2
- package/dist/web-components-library/p-767b66ca.entry.js.map +0 -1
- package/dist/web-components-library/p-814f09df.entry.js +0 -2
- package/dist/web-components-library/p-814f09df.entry.js.map +0 -1
- package/dist/web-components-library/p-8b94f31a.entry.js +0 -2
- package/dist/web-components-library/p-8b94f31a.entry.js.map +0 -1
- package/dist/web-components-library/p-8e203650.entry.js +0 -2
- package/dist/web-components-library/p-8e203650.entry.js.map +0 -1
- package/dist/web-components-library/p-92a5e308.entry.js +0 -2
- package/dist/web-components-library/p-92a5e308.entry.js.map +0 -1
- package/dist/web-components-library/p-ac52308e.entry.js +0 -2
- package/dist/web-components-library/p-ac52308e.entry.js.map +0 -1
- package/dist/web-components-library/p-af9df838.entry.js +0 -2
- package/dist/web-components-library/p-af9df838.entry.js.map +0 -1
- package/dist/web-components-library/p-b5b0ffb6.entry.js +0 -2
- package/dist/web-components-library/p-b5b0ffb6.entry.js.map +0 -1
- package/dist/web-components-library/p-e1ed2ecb.js +0 -2
- package/dist/web-components-library/p-e1ed2ecb.js.map +0 -1
- package/www/build/p-0d966ad0.js +0 -2
- package/www/build/p-0d966ad0.js.map +0 -1
- package/www/build/p-1a297fb0.entry.js +0 -2
- package/www/build/p-1db926ff.entry.js +0 -2
- package/www/build/p-1db926ff.entry.js.map +0 -1
- package/www/build/p-372d3d61.entry.js +0 -2
- package/www/build/p-372d3d61.entry.js.map +0 -1
- package/www/build/p-3be73d77.entry.js +0 -2
- package/www/build/p-3be73d77.entry.js.map +0 -1
- package/www/build/p-5b677d6c.entry.js +0 -2
- package/www/build/p-5b677d6c.entry.js.map +0 -1
- package/www/build/p-63806f4f.entry.js +0 -2
- package/www/build/p-63806f4f.entry.js.map +0 -1
- package/www/build/p-7049aef2.entry.js +0 -2
- package/www/build/p-7049aef2.entry.js.map +0 -1
- package/www/build/p-72af7932.entry.js +0 -2
- package/www/build/p-72bfc9d0.js +0 -2
- package/www/build/p-72f77ee8.entry.js +0 -2
- package/www/build/p-767b66ca.entry.js +0 -2
- package/www/build/p-767b66ca.entry.js.map +0 -1
- package/www/build/p-814f09df.entry.js +0 -2
- package/www/build/p-814f09df.entry.js.map +0 -1
- package/www/build/p-8b94f31a.entry.js +0 -2
- package/www/build/p-8b94f31a.entry.js.map +0 -1
- package/www/build/p-8e203650.entry.js +0 -2
- package/www/build/p-8e203650.entry.js.map +0 -1
- package/www/build/p-92a5e308.entry.js +0 -2
- package/www/build/p-92a5e308.entry.js.map +0 -1
- package/www/build/p-ac52308e.entry.js +0 -2
- package/www/build/p-ac52308e.entry.js.map +0 -1
- package/www/build/p-af9df838.entry.js +0 -2
- package/www/build/p-af9df838.entry.js.map +0 -1
- package/www/build/p-b5b0ffb6.entry.js +0 -2
- package/www/build/p-b5b0ffb6.entry.js.map +0 -1
- package/www/build/p-e1ed2ecb.js +0 -2
- package/www/build/p-e1ed2ecb.js.map +0 -1
- /package/dist/web-components-library/{p-1a297fb0.entry.js.map → p-2c6519dc.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-72af7932.entry.js.map → p-382e2939.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-72f77ee8.entry.js.map → p-b896dcf7.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-589f4f48.entry.js.map → p-c0588dbe.entry.js.map} +0 -0
- /package/www/build/{p-1a297fb0.entry.js.map → p-2c6519dc.entry.js.map} +0 -0
- /package/www/build/{p-72af7932.entry.js.map → p-382e2939.entry.js.map} +0 -0
- /package/www/build/{p-72f77ee8.entry.js.map → p-b896dcf7.entry.js.map} +0 -0
- /package/www/build/{p-589f4f48.entry.js.map → p-c0588dbe.entry.js.map} +0 -0
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-e2718c94.js');
|
|
6
6
|
require('./index-96af6326.js');
|
|
7
7
|
require('./utils-d08d4b80.js');
|
|
8
8
|
require('./index-f5ebcaa2.js');
|
|
9
9
|
require('./breakpoints-8a1e87e0.js');
|
|
10
10
|
require('./index-a42ab7c9.js');
|
|
11
|
-
require('./index-
|
|
11
|
+
require('./index-141d598e.js');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -100,7 +100,7 @@ export class ZBookCard {
|
|
|
100
100
|
render() {
|
|
101
101
|
return (h("article", { key: '995a31329fdf85453bb26cbb42be924fba6c28bb', class: {
|
|
102
102
|
[this.variant]: true,
|
|
103
|
-
} }, h("div", { key: 'd3bd68272b601c8e40e82da7f676900ff695b0ce', class: "main-content" }, this.renderCover(), h("div", { key: '7912fe6ec4b4b5b5bdf7594c6458841d5162c21d', class: "card-info" }, h("div", { key: '06bd27cc9a9a570232fa2e57b6a0616f82e072ac', class: "book-data" }, h("div", { key: '86042f5bc869d7da2bbc85ddf6b5ae8ec5392f94', class: "authors-title-cta-section" }, h("div", { key: 'e24123d9ef8631156c08b61c39729cc2fddfa44e', class: "authors body-4", "aria-description": "autori" }, this.authors), this.renderOperaTitle(), h("slot", { key: 'a441440afe2f15ffd43dcd7ac9dc307c54565f3f', name: "cta" })), h("div", { key: 'fb61ed950c98f1a8c76fe93f1ead60a2e6ecc6ad', class: "isbn-tags-link-section" }, h("div", { key: '5039b8f43161542692ed6004516159ebf36b31ef', class: "isbn-tags-section" }, h("div", { key: 'd8a79f00867e0eff27677accee806d0c14063fc4', class: "volume-title body-4" }, this.volumeTitle), h("div", { key: 'e28692cc30512b64fa6f7a4aebc38d26f84fb4de', class: "isbn body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.renderIsbnLabel()), h("div", { key: '0bba463af67af4e6f45188a89673cf57a4ca84db', class: "tags" }, this.renderTags())), h("div", { key: 'a62fdf6c196fa5d658c1c71046297251b43a9cce', class: "link-section" }, h("div", { key: '62c16d7975cc5f99aaaf8f188bcbce7cd15fd34f', class: "catalog-link" }, this.catalogUrl && (h("a", { key: '
|
|
103
|
+
} }, h("div", { key: 'd3bd68272b601c8e40e82da7f676900ff695b0ce', class: "main-content" }, this.renderCover(), h("div", { key: '7912fe6ec4b4b5b5bdf7594c6458841d5162c21d', class: "card-info" }, h("div", { key: '06bd27cc9a9a570232fa2e57b6a0616f82e072ac', class: "book-data" }, h("div", { key: '86042f5bc869d7da2bbc85ddf6b5ae8ec5392f94', class: "authors-title-cta-section" }, h("div", { key: 'e24123d9ef8631156c08b61c39729cc2fddfa44e', class: "authors body-4", "aria-description": "autori" }, this.authors), this.renderOperaTitle(), h("slot", { key: 'a441440afe2f15ffd43dcd7ac9dc307c54565f3f', name: "cta" })), h("div", { key: 'fb61ed950c98f1a8c76fe93f1ead60a2e6ecc6ad', class: "isbn-tags-link-section" }, h("div", { key: '5039b8f43161542692ed6004516159ebf36b31ef', class: "isbn-tags-section" }, h("div", { key: 'd8a79f00867e0eff27677accee806d0c14063fc4', class: "volume-title body-4" }, this.volumeTitle), h("div", { key: 'e28692cc30512b64fa6f7a4aebc38d26f84fb4de', class: "isbn body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.renderIsbnLabel()), h("div", { key: '0bba463af67af4e6f45188a89673cf57a4ca84db', class: "tags" }, this.renderTags())), h("div", { key: 'a62fdf6c196fa5d658c1c71046297251b43a9cce', class: "link-section" }, h("div", { key: '62c16d7975cc5f99aaaf8f188bcbce7cd15fd34f', class: "catalog-link" }, this.catalogUrl && (h("a", { key: '51f9b145b1fcab1f68626bbd00202a1d897631d6', href: this.catalogUrl, target: "_blank", class: "z-link z-link-icon body-4-sb", onClick: () => this.emitCatalogClick() }, "Scheda catalogo", h("z-icon", { key: 'a1335bf42f6cc13014605679229f6c8702152562', name: "arrow-quad-north-east", height: 16, width: 16, fill: "color-primary01-icon" })))), this.adoption && h("div", { key: '51fbbef3b775af8920708c39d2389c05524fe550', class: "adoption-tag body-5-sb" }, "adottato")))), h("div", { key: 'fd73faa9f38d4a6642884bf04ae9f8e1c076e8b2', class: "ebook-container" }, h("slot", { key: 'dd6f6234eb44670fd33d8f4d4791beca5c58ba9d', name: "ebook" }, this.ebookUrl && (h("div", { key: '355d4c5ad17493694f7b7f28391919aa5534f2a6', class: "ebook" }, h("div", { key: 'd8309fa1e2ca8d75ae09956c911e09b6afec0b9a' }, h("div", { key: '31bfc193df2a7f54618db398a505b031aca2ba69', class: "app-name" }, h("img", { key: 'a76eafe70da54bb4b98c9933595174d1cac5ead8', class: "ebook-logo", "aria-hidden": "true" }), h("div", { key: '9eb1125a6dfd19ed330bb42a22ea0339c339dff8', class: "body-4-sb" }, h("span", { key: '2a5ee331b79a69bbbaa2e900954535dace718c8a', class: "laz" }, "laZ"), " Ebook")), this.variant === BookCardVariant.LANDSCAPE && (h("div", { key: '188812b860af28a7f3cc3dbb98e38c5d8c1c93e2', class: "body-5" }, "Anche nella versione libro liquido con", " ", h("button", { key: 'ccd26e5735e8ca5d201b2c790aa4e91372552644', class: "body-5-sb immersive-reader z-link", onClick: () => this.emitImmersiveReaderClick(), tabIndex: 0 }, "strumento di lettura immersiva")))), h("z-button", { key: 'fc84714fb404ec40f98a340ec2689d054f325bdb', size: ControlSize.X_SMALL, href: this.ebookUrl, target: "_blank", onClick: () => this.emitEbookClick(), role: "link", "aria-description": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, "leggi ebook"))))))), h("slot", { key: '213b1e5f32fe308b29f307815e8b9eb597182c45', name: "apps" })));
|
|
104
104
|
}
|
|
105
105
|
static get is() { return "z-book-card"; }
|
|
106
106
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {BookCardTag, BookCardTagEvent, BookCardTagStatus, BookCardVariant, ControlSize} from \"../../../beans\";\n\n/**\n * @slot cta - to the right of authors and title (e.g. bookmark icon)\n * @slot ebook - main action slot on the card (as default, it shows laZ ebook link)\n * @slot apps - list of card-related apps\n */\n@Component({\n tag: \"z-book-card\",\n styleUrls: [\"styles.css\", \"../../css-components/z-link/styles.css\", \"../../../tokens/typography.css\"],\n shadow: true,\n})\nexport class ZBookCard {\n @Element() hostElement: HTMLZBookCardElement;\n\n /** Card variant: landscape, portrait */\n @Prop()\n variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n /** Cover URL */\n @Prop()\n cover: string;\n\n /** [optional] Authors */\n @Prop()\n authors?: string;\n\n /** [optional] Opera title */\n @Prop()\n operaTitle?: string;\n\n /** [optional] Volume title */\n @Prop()\n volumeTitle?: string;\n\n /** [optional] Main ISBN */\n @Prop()\n isbn?: string;\n\n /** [optional] ISBN label */\n @Prop()\n isbnLabel = \"\";\n\n /** [optional] EDI tag */\n @Prop()\n edi?: BookCardTag | string;\n\n /** [optional] Annotated tag */\n @Prop()\n annotated?: BookCardTag | string;\n\n /** [optional] Teacher version tag */\n @Prop()\n teacherVersion?: BookCardTag | string;\n\n /** [optional] Show adoption badge */\n @Prop()\n adoption?: boolean = false;\n\n /** [optional] Show catalog link to correspondent resource */\n @Prop()\n catalogUrl?: string;\n\n /** [optional] Show link to the ebook resource */\n @Prop()\n ebookUrl?: string;\n\n /** [optional] Fallback cover URL */\n @Prop()\n fallbackCover?: string;\n\n /** [optional] Set a specific h level as html tag for opera title */\n @Prop()\n operaTitleHtmlTag?: string;\n\n @State()\n ediTag;\n\n @State()\n annotatedTag;\n\n @State()\n teacherVersionTag;\n\n /** click on tag */\n @Event()\n tagClick: EventEmitter;\n\n /** click on catalog link */\n @Event()\n catalogClick: EventEmitter;\n\n /** click on ebook link */\n @Event()\n ebookClick: EventEmitter;\n\n /** click on immersive reader */\n @Event()\n immersiveReaderClick: EventEmitter;\n\n @Watch(\"edi\")\n watchEdi(): void {\n this.ediTag = typeof this.edi === \"string\" ? JSON.parse(this.edi) : this.edi;\n }\n\n @Watch(\"annotated\")\n watchAnnotated(): void {\n this.annotatedTag = typeof this.annotated === \"string\" ? JSON.parse(this.annotated) : this.annotated;\n }\n\n @Watch(\"teacherVersion\")\n watchTeacherVersion(): void {\n this.teacherVersionTag =\n typeof this.teacherVersion === \"string\" ? JSON.parse(this.teacherVersion) : this.teacherVersion;\n }\n\n componentWillLoad(): void {\n this.watchEdi();\n this.watchAnnotated();\n this.watchTeacherVersion();\n }\n\n private emitTagClick(e: BookCardTagEvent): void {\n this.tagClick.emit(e);\n }\n\n private emitCatalogClick(): void {\n this.catalogClick.emit();\n }\n\n private emitEbookClick(): void {\n this.ebookClick.emit();\n }\n\n private emitImmersiveReaderClick(): void {\n this.immersiveReaderClick.emit();\n }\n\n private renderOperaTitle(): HTMLDivElement {\n const title = this.operaTitleHtmlTag\n ? `<${this.operaTitleHtmlTag}>${this.operaTitle}</${this.operaTitleHtmlTag}>`\n : this.operaTitle;\n\n return (\n <div\n class=\"opera-title body-2-sb\"\n innerHTML={title}\n />\n );\n }\n\n private renderIsbnLabel(): HTMLDivElement | null {\n return this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null;\n }\n\n private renderTag(label: string, tag: BookCardTag, id: string): HTMLDivElement {\n return (\n <z-tag\n class={{[tag.status]: true, interactive: tag.interactive}}\n role={tag.interactive ? \"button\" : undefined}\n tabIndex={tag.interactive ? 0 : undefined}\n onClick={() =>\n tag.interactive &&\n this.emitTagClick({\n tag: id,\n state: tag.status,\n })\n }\n onKeyUp={(e: KeyboardEvent) =>\n tag.interactive &&\n e.key === \"Enter\" &&\n this.emitTagClick({\n tag: id,\n state: tag.status,\n })\n }\n >\n {label}\n </z-tag>\n );\n }\n\n private renderTags(): HTMLDivElement[] | null {\n const tags = [];\n\n if (this.edi && Object.values(BookCardTagStatus).includes(this.ediTag.status)) {\n tags.push(this.renderTag(\"edi\", this.ediTag, \"edi\"));\n }\n\n if (this.annotated && Object.values(BookCardTagStatus).includes(this.annotatedTag.status)) {\n tags.push(this.renderTag(\"annotata\", this.annotatedTag, \"annotated\"));\n }\n\n if (this.teacherVersion && Object.values(BookCardTagStatus).includes(this.teacherVersionTag.status)) {\n tags.push(this.renderTag(\"versione insegnante\", this.teacherVersionTag, \"teacherVersion\"));\n }\n\n if (tags.length > 0) {\n return tags;\n }\n\n return null;\n }\n\n private renderCover(): HTMLDivElement {\n return (\n <div class=\"cover\">\n <img\n src={this.cover}\n onError={() => {\n if (this.fallbackCover) {\n this.cover = this.fallbackCover;\n }\n }}\n aria-hidden=\"true\"\n />\n </div>\n );\n }\n\n render(): HTMLZBookCardElement {\n return (\n <article\n class={{\n [this.variant]: true,\n }}\n >\n <div class=\"main-content\">\n {this.renderCover()}\n <div class=\"card-info\">\n <div class=\"book-data\">\n <div class=\"authors-title-cta-section\">\n <div\n class=\"authors body-4\"\n aria-description=\"autori\"\n >\n {this.authors}\n </div>\n {this.renderOperaTitle()}\n <slot name=\"cta\"></slot>\n </div>\n <div class=\"isbn-tags-link-section\">\n <div class=\"isbn-tags-section\">\n <div class=\"volume-title body-4\">{this.volumeTitle}</div>\n <div\n class=\"isbn body-4-sb\"\n aria-description={`isbn ${this.isbnLabel}`}\n >\n {this.isbn} {this.renderIsbnLabel()}\n </div>\n <div class=\"tags\">{this.renderTags()}</div>\n </div>\n <div class=\"link-section\">\n <div class=\"catalog-link\">\n {this.catalogUrl && (\n <a\n href={this.catalogUrl}\n class=\"z-link z-link-icon body-4-sb\"\n onClick={() => this.emitCatalogClick()}\n >\n Scheda catalogo\n <z-icon\n name=\"arrow-quad-north-east\"\n height={16}\n width={16}\n fill=\"color-primary01-icon\"\n ></z-icon>\n </a>\n )}\n </div>\n {this.adoption && <div class=\"adoption-tag body-5-sb\">adottato</div>}\n </div>\n </div>\n </div>\n <div class=\"ebook-container\">\n <slot name=\"ebook\">\n {this.ebookUrl && (\n <div class=\"ebook\">\n <div>\n <div class=\"app-name\">\n <img\n class=\"ebook-logo\"\n aria-hidden=\"true\"\n />\n <div class=\"body-4-sb\">\n <span class=\"laz\">laZ</span> Ebook\n </div>\n </div>\n {this.variant === BookCardVariant.LANDSCAPE && (\n <div class=\"body-5\">\n Anche nella versione libro liquido con{\" \"}\n <button\n class=\"body-5-sb immersive-reader z-link\"\n onClick={() => this.emitImmersiveReaderClick()}\n tabIndex={0}\n >\n strumento di lettura immersiva\n </button>\n </div>\n )}\n </div>\n <z-button\n size={ControlSize.X_SMALL}\n href={this.ebookUrl}\n onClick={() => this.emitEbookClick()}\n role=\"link\"\n aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n >\n leggi ebook\n </z-button>\n </div>\n )}\n </slot>\n </div>\n </div>\n </div>\n <slot name=\"apps\"></slot>\n </article>\n );\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {BookCardTag, BookCardTagEvent, BookCardTagStatus, BookCardVariant, ControlSize} from \"../../../beans\";\n\n/**\n * @slot cta - to the right of authors and title (e.g. bookmark icon)\n * @slot ebook - main action slot on the card (as default, it shows laZ ebook link)\n * @slot apps - list of card-related apps\n */\n@Component({\n tag: \"z-book-card\",\n styleUrls: [\"styles.css\", \"../../css-components/z-link/styles.css\", \"../../../tokens/typography.css\"],\n shadow: true,\n})\nexport class ZBookCard {\n @Element() hostElement: HTMLZBookCardElement;\n\n /** Card variant: landscape, portrait */\n @Prop()\n variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n /** Cover URL */\n @Prop()\n cover: string;\n\n /** [optional] Authors */\n @Prop()\n authors?: string;\n\n /** [optional] Opera title */\n @Prop()\n operaTitle?: string;\n\n /** [optional] Volume title */\n @Prop()\n volumeTitle?: string;\n\n /** [optional] Main ISBN */\n @Prop()\n isbn?: string;\n\n /** [optional] ISBN label */\n @Prop()\n isbnLabel = \"\";\n\n /** [optional] EDI tag */\n @Prop()\n edi?: BookCardTag | string;\n\n /** [optional] Annotated tag */\n @Prop()\n annotated?: BookCardTag | string;\n\n /** [optional] Teacher version tag */\n @Prop()\n teacherVersion?: BookCardTag | string;\n\n /** [optional] Show adoption badge */\n @Prop()\n adoption?: boolean = false;\n\n /** [optional] Show catalog link to correspondent resource */\n @Prop()\n catalogUrl?: string;\n\n /** [optional] Show link to the ebook resource */\n @Prop()\n ebookUrl?: string;\n\n /** [optional] Fallback cover URL */\n @Prop()\n fallbackCover?: string;\n\n /** [optional] Set a specific h level as html tag for opera title */\n @Prop()\n operaTitleHtmlTag?: string;\n\n @State()\n ediTag;\n\n @State()\n annotatedTag;\n\n @State()\n teacherVersionTag;\n\n /** click on tag */\n @Event()\n tagClick: EventEmitter;\n\n /** click on catalog link */\n @Event()\n catalogClick: EventEmitter;\n\n /** click on ebook link */\n @Event()\n ebookClick: EventEmitter;\n\n /** click on immersive reader */\n @Event()\n immersiveReaderClick: EventEmitter;\n\n @Watch(\"edi\")\n watchEdi(): void {\n this.ediTag = typeof this.edi === \"string\" ? JSON.parse(this.edi) : this.edi;\n }\n\n @Watch(\"annotated\")\n watchAnnotated(): void {\n this.annotatedTag = typeof this.annotated === \"string\" ? JSON.parse(this.annotated) : this.annotated;\n }\n\n @Watch(\"teacherVersion\")\n watchTeacherVersion(): void {\n this.teacherVersionTag =\n typeof this.teacherVersion === \"string\" ? JSON.parse(this.teacherVersion) : this.teacherVersion;\n }\n\n componentWillLoad(): void {\n this.watchEdi();\n this.watchAnnotated();\n this.watchTeacherVersion();\n }\n\n private emitTagClick(e: BookCardTagEvent): void {\n this.tagClick.emit(e);\n }\n\n private emitCatalogClick(): void {\n this.catalogClick.emit();\n }\n\n private emitEbookClick(): void {\n this.ebookClick.emit();\n }\n\n private emitImmersiveReaderClick(): void {\n this.immersiveReaderClick.emit();\n }\n\n private renderOperaTitle(): HTMLDivElement {\n const title = this.operaTitleHtmlTag\n ? `<${this.operaTitleHtmlTag}>${this.operaTitle}</${this.operaTitleHtmlTag}>`\n : this.operaTitle;\n\n return (\n <div\n class=\"opera-title body-2-sb\"\n innerHTML={title}\n />\n );\n }\n\n private renderIsbnLabel(): HTMLDivElement | null {\n return this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null;\n }\n\n private renderTag(label: string, tag: BookCardTag, id: string): HTMLDivElement {\n return (\n <z-tag\n class={{[tag.status]: true, interactive: tag.interactive}}\n role={tag.interactive ? \"button\" : undefined}\n tabIndex={tag.interactive ? 0 : undefined}\n onClick={() =>\n tag.interactive &&\n this.emitTagClick({\n tag: id,\n state: tag.status,\n })\n }\n onKeyUp={(e: KeyboardEvent) =>\n tag.interactive &&\n e.key === \"Enter\" &&\n this.emitTagClick({\n tag: id,\n state: tag.status,\n })\n }\n >\n {label}\n </z-tag>\n );\n }\n\n private renderTags(): HTMLDivElement[] | null {\n const tags = [];\n\n if (this.edi && Object.values(BookCardTagStatus).includes(this.ediTag.status)) {\n tags.push(this.renderTag(\"edi\", this.ediTag, \"edi\"));\n }\n\n if (this.annotated && Object.values(BookCardTagStatus).includes(this.annotatedTag.status)) {\n tags.push(this.renderTag(\"annotata\", this.annotatedTag, \"annotated\"));\n }\n\n if (this.teacherVersion && Object.values(BookCardTagStatus).includes(this.teacherVersionTag.status)) {\n tags.push(this.renderTag(\"versione insegnante\", this.teacherVersionTag, \"teacherVersion\"));\n }\n\n if (tags.length > 0) {\n return tags;\n }\n\n return null;\n }\n\n private renderCover(): HTMLDivElement {\n return (\n <div class=\"cover\">\n <img\n src={this.cover}\n onError={() => {\n if (this.fallbackCover) {\n this.cover = this.fallbackCover;\n }\n }}\n aria-hidden=\"true\"\n />\n </div>\n );\n }\n\n render(): HTMLZBookCardElement {\n return (\n <article\n class={{\n [this.variant]: true,\n }}\n >\n <div class=\"main-content\">\n {this.renderCover()}\n <div class=\"card-info\">\n <div class=\"book-data\">\n <div class=\"authors-title-cta-section\">\n <div\n class=\"authors body-4\"\n aria-description=\"autori\"\n >\n {this.authors}\n </div>\n {this.renderOperaTitle()}\n <slot name=\"cta\"></slot>\n </div>\n <div class=\"isbn-tags-link-section\">\n <div class=\"isbn-tags-section\">\n <div class=\"volume-title body-4\">{this.volumeTitle}</div>\n <div\n class=\"isbn body-4-sb\"\n aria-description={`isbn ${this.isbnLabel}`}\n >\n {this.isbn} {this.renderIsbnLabel()}\n </div>\n <div class=\"tags\">{this.renderTags()}</div>\n </div>\n <div class=\"link-section\">\n <div class=\"catalog-link\">\n {this.catalogUrl && (\n <a\n href={this.catalogUrl}\n target=\"_blank\"\n class=\"z-link z-link-icon body-4-sb\"\n onClick={() => this.emitCatalogClick()}\n >\n Scheda catalogo\n <z-icon\n name=\"arrow-quad-north-east\"\n height={16}\n width={16}\n fill=\"color-primary01-icon\"\n ></z-icon>\n </a>\n )}\n </div>\n {this.adoption && <div class=\"adoption-tag body-5-sb\">adottato</div>}\n </div>\n </div>\n </div>\n <div class=\"ebook-container\">\n <slot name=\"ebook\">\n {this.ebookUrl && (\n <div class=\"ebook\">\n <div>\n <div class=\"app-name\">\n <img\n class=\"ebook-logo\"\n aria-hidden=\"true\"\n />\n <div class=\"body-4-sb\">\n <span class=\"laz\">laZ</span> Ebook\n </div>\n </div>\n {this.variant === BookCardVariant.LANDSCAPE && (\n <div class=\"body-5\">\n Anche nella versione libro liquido con{\" \"}\n <button\n class=\"body-5-sb immersive-reader z-link\"\n onClick={() => this.emitImmersiveReaderClick()}\n tabIndex={0}\n >\n strumento di lettura immersiva\n </button>\n </div>\n )}\n </div>\n <z-button\n size={ControlSize.X_SMALL}\n href={this.ebookUrl}\n target=\"_blank\"\n onClick={() => this.emitEbookClick()}\n role=\"link\"\n aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n >\n leggi ebook\n </z-button>\n </div>\n )}\n </slot>\n </div>\n </div>\n </div>\n <slot name=\"apps\"></slot>\n </article>\n );\n }\n}\n"]}
|
|
@@ -7,7 +7,7 @@ export default {
|
|
|
7
7
|
title: "ZLink",
|
|
8
8
|
argTypes: {
|
|
9
9
|
"colorVariant": {
|
|
10
|
-
options: ["
|
|
10
|
+
options: ["z-link", "z-link-blue", "z-link-red", "z-link-inverse"],
|
|
11
11
|
control: {
|
|
12
12
|
type: "inline-radio",
|
|
13
13
|
},
|
|
@@ -29,11 +29,10 @@ export default {
|
|
|
29
29
|
},
|
|
30
30
|
},
|
|
31
31
|
args: {
|
|
32
|
-
"colorVariant": "
|
|
32
|
+
"colorVariant": "z-link",
|
|
33
33
|
"text": "Zanichelli.it",
|
|
34
34
|
"icon": null,
|
|
35
35
|
"z-link-active": false,
|
|
36
|
-
"z-link-inverse": false,
|
|
37
36
|
"z-link-disabled": false,
|
|
38
37
|
"z-link-underline": false,
|
|
39
38
|
"z-link-icon": false,
|
|
@@ -42,10 +41,10 @@ export default {
|
|
|
42
41
|
};
|
|
43
42
|
const getClasses = (args) => ({
|
|
44
43
|
"z-link": true,
|
|
45
|
-
"z-link-
|
|
46
|
-
"z-link-
|
|
44
|
+
"z-link-blue": args.colorVariant === "z-link-blue",
|
|
45
|
+
"z-link-red": args.colorVariant === "z-link-red",
|
|
46
|
+
"z-link-inverse": args.colorVariant === "z-link-inverse",
|
|
47
47
|
"z-link-active": args["z-link-active"],
|
|
48
|
-
"z-link-inverse": args["z-link-inverse"],
|
|
49
48
|
"z-link-disabled": args["z-link-disabled"],
|
|
50
49
|
"z-link-underline": args["z-link-underline"],
|
|
51
50
|
"z-link-icon": args["z-link-icon"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/css-components/z-link/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAC,QAAQ,EAAiB,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,OAAO,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/css-components/z-link/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAC,QAAQ,EAAiB,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,CAAC;YAClE,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS;iBAChB;aACF;SACF;QACD,aAAa,EAAE;YACb,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;gBACX,MAAM,EAAE,IAAI;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE,IAAI;QACZ,eAAe,EAAE,KAAK;QACtB,iBAAiB,EAAE,KAAK;QACxB,kBAAkB,EAAE,KAAK;QACzB,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,KAAK;KACnB;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAI,EAAa,EAAE,CAAC,CAAC;IACvC,QAAQ,EAAE,IAAI;IACd,aAAa,EAAE,IAAI,CAAC,YAAY,KAAK,aAAa;IAClD,YAAY,EAAE,IAAI,CAAC,YAAY,KAAK,YAAY;IAChD,gBAAgB,EAAE,IAAI,CAAC,YAAY,KAAK,gBAAgB;IACxD,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC;IACtC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC;IAC1C,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,CAAC;IAC5C,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC;IAClC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;;;gBAIR,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;UAEhC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI;;;GAG9E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;sBAEF,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;UACtC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI;;;GAG9E;CACF,CAAC","sourcesContent":["import {html} from \"lit\";\nimport {classMap, type ClassInfo} from \"lit/directives/class-map.js\";\nimport {ICONS} from \"../../../constants/iconset\";\nimport \"../../z-icon/index\";\nimport \"./index.stories.css\";\n\nexport default {\n title: \"ZLink\",\n argTypes: {\n \"colorVariant\": {\n options: [\"z-link\", \"z-link-blue\", \"z-link-red\", \"z-link-inverse\"],\n control: {\n type: \"inline-radio\",\n },\n },\n \"icon\": {\n options: [null, ...Object.keys(ICONS)],\n control: {\n type: \"select\",\n labels: {\n null: \"No icon\",\n },\n },\n },\n \"z-link-icon\": {\n if: {\n arg: \"icon\",\n truthy: true,\n },\n },\n },\n args: {\n \"colorVariant\": \"z-link\",\n \"text\": \"Zanichelli.it\",\n \"icon\": null,\n \"z-link-active\": false,\n \"z-link-disabled\": false,\n \"z-link-underline\": false,\n \"z-link-icon\": false,\n \"z-link-sb\": false,\n },\n};\n\nconst getClasses = (args): ClassInfo => ({\n \"z-link\": true,\n \"z-link-blue\": args.colorVariant === \"z-link-blue\",\n \"z-link-red\": args.colorVariant === \"z-link-red\",\n \"z-link-inverse\": args.colorVariant === \"z-link-inverse\",\n \"z-link-active\": args[\"z-link-active\"],\n \"z-link-disabled\": args[\"z-link-disabled\"],\n \"z-link-underline\": args[\"z-link-underline\"],\n \"z-link-icon\": args[\"z-link-icon\"],\n \"z-link-sb\": args[\"z-link-sb\"],\n});\n\nexport const ZLink = {\n render: (args) => html`\n <div class=\"z-link-story\">\n <a\n href=\"zanichelli.it\"\n class=${classMap(getClasses(args))}\n >\n ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"} ${args.text}\n </a>\n </div>\n `,\n};\n\nexport const ZLinkButton = {\n render: (args) => html`\n <div class=\"z-link-story\">\n <button class=${classMap(getClasses(args))}>\n ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"} ${args.text}\n </button>\n </div>\n `,\n};\n"]}
|
|
@@ -8,14 +8,31 @@ button.z-link {
|
|
|
8
8
|
a.z-link,
|
|
9
9
|
button.z-link {
|
|
10
10
|
display: inline-flex;
|
|
11
|
-
color: var(--color-link-primary);
|
|
12
11
|
cursor: pointer;
|
|
13
|
-
fill: var(--color-link-primary);
|
|
14
12
|
font-family: var(--font-family-sans);
|
|
15
13
|
line-height: inherit;
|
|
16
14
|
text-decoration: none;
|
|
17
15
|
}
|
|
18
16
|
|
|
17
|
+
a.z-link.z-link-icon,
|
|
18
|
+
button.z-link.z-link-icon {
|
|
19
|
+
--z-icon-width: 1.125em;
|
|
20
|
+
--z-icon-height: 1.125em;
|
|
21
|
+
|
|
22
|
+
align-items: center;
|
|
23
|
+
column-gap: 0.5em;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
a.z-link.z-link-sb,
|
|
27
|
+
button.z-link.z-link-sb {
|
|
28
|
+
font-weight: var(--font-sb);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
a.z-link.z-link-underline,
|
|
32
|
+
button.z-link.z-link-underline {
|
|
33
|
+
text-decoration: underline;
|
|
34
|
+
}
|
|
35
|
+
|
|
19
36
|
a.z-link:hover,
|
|
20
37
|
button.z-link:hover,
|
|
21
38
|
a.z-link:focus,
|
|
@@ -25,52 +42,12 @@ button.z-link:active {
|
|
|
25
42
|
text-decoration: underline;
|
|
26
43
|
}
|
|
27
44
|
|
|
28
|
-
a.z-link:hover,
|
|
29
|
-
button.z-link:hover,
|
|
30
|
-
a.z-link:focus,
|
|
31
|
-
button.z-link:focus {
|
|
32
|
-
color: var(--color-hover-link);
|
|
33
|
-
fill: var(--color-hover-link);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
45
|
a.z-link:focus,
|
|
37
46
|
button.z-link:focus {
|
|
38
47
|
box-shadow: var(--shadow-focus-primary);
|
|
39
48
|
outline: none;
|
|
40
49
|
}
|
|
41
50
|
|
|
42
|
-
a.z-link:active,
|
|
43
|
-
button.z-link:active,
|
|
44
|
-
a.z-link.z-link-active:active,
|
|
45
|
-
button.z-link.z-link-active:active {
|
|
46
|
-
color: var(--color-pressed-link);
|
|
47
|
-
fill: var(--color-pressed-link);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
a.z-link:visited,
|
|
51
|
-
button.z-link:visited {
|
|
52
|
-
color: var(--color-visited-link);
|
|
53
|
-
fill: var(--color-visited-link);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
a.z-link.z-link-active,
|
|
57
|
-
button.z-link.z-link-active {
|
|
58
|
-
color: var(--color-active-link);
|
|
59
|
-
fill: var(--color-active-link);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
a.z-link.z-link-active.z-link-inverse,
|
|
63
|
-
button.z-link.z-link-active.z-link-inverse {
|
|
64
|
-
color: var(--color-inverse-active-link);
|
|
65
|
-
fill: var(--color-inverse-active-link);
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
a.z-link.z-link-active.z-link-black,
|
|
69
|
-
button.z-link.z-link-active.z-link-black {
|
|
70
|
-
color: var(--color-black);
|
|
71
|
-
fill: var(--color-black);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
51
|
a.z-link.z-link-disabled,
|
|
75
52
|
button.z-link.z-link-disabled {
|
|
76
53
|
box-shadow: none;
|
|
@@ -82,93 +59,110 @@ button.z-link.z-link-disabled {
|
|
|
82
59
|
text-decoration: none;
|
|
83
60
|
}
|
|
84
61
|
|
|
85
|
-
a.z-link
|
|
86
|
-
button.z-link
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
62
|
+
a.z-link,
|
|
63
|
+
button.z-link,
|
|
64
|
+
a.z-link.z-link-active,
|
|
65
|
+
button.z-link.z-link-active,
|
|
66
|
+
a.z-link:hover,
|
|
67
|
+
button.z-link:hover,
|
|
68
|
+
a.z-link.z-link-active:hover,
|
|
69
|
+
button.z-link.z-link-active:hover,
|
|
70
|
+
a.z-link:focus,
|
|
71
|
+
button.z-link:focus,
|
|
72
|
+
a.z-link.z-link-active:focus,
|
|
73
|
+
button.z-link.z-link-active:focus,
|
|
74
|
+
a.z-link:active,
|
|
75
|
+
button.z-link:active,
|
|
76
|
+
a.z-link.z-link-active:active,
|
|
77
|
+
button.z-link.z-link-active:active,
|
|
78
|
+
a.z-link:visited,
|
|
79
|
+
button.z-link:visited,
|
|
80
|
+
a.z-link.z-link-active:visited,
|
|
81
|
+
button.z-link.z-link-active:visited {
|
|
82
|
+
color: var(--color-text-link-default);
|
|
83
|
+
fill: var(--color-text-link-default);
|
|
94
84
|
}
|
|
95
85
|
|
|
96
|
-
a.z-link.z-link-
|
|
97
|
-
button.z-link.z-link-
|
|
98
|
-
|
|
99
|
-
|
|
86
|
+
a.z-link.z-link-blue,
|
|
87
|
+
button.z-link.z-link-blue,
|
|
88
|
+
a.z-link.z-link-blue.z-link-active,
|
|
89
|
+
button.z-link.z-link-blue.z-link-active {
|
|
90
|
+
color: var(--color-text-link-blue);
|
|
91
|
+
fill: var(--color-text-link-blue);
|
|
100
92
|
}
|
|
101
93
|
|
|
102
|
-
a.z-link.z-link-
|
|
103
|
-
button.z-link.z-link-
|
|
104
|
-
a.z-link.z-link-
|
|
105
|
-
button.z-link.z-link-
|
|
106
|
-
color: var(--color-
|
|
107
|
-
fill: var(--color-
|
|
94
|
+
a.z-link.z-link-red,
|
|
95
|
+
button.z-link.z-link-red,
|
|
96
|
+
a.z-link.z-link-red.z-link-active,
|
|
97
|
+
button.z-link.z-link-red.z-link-active {
|
|
98
|
+
color: var(--color-text-link-red);
|
|
99
|
+
fill: var(--color-text-link-red);
|
|
108
100
|
}
|
|
109
101
|
|
|
110
|
-
a.z-link.z-link-inverse
|
|
111
|
-
button.z-link.z-link-inverse
|
|
112
|
-
|
|
113
|
-
|
|
102
|
+
a.z-link.z-link-inverse,
|
|
103
|
+
button.z-link.z-link-inverse,
|
|
104
|
+
a.z-link.z-link-inverse.z-link-active,
|
|
105
|
+
button.z-link.z-link-inverse.z-link-active {
|
|
106
|
+
color: var(--color-text-link-inverse);
|
|
107
|
+
fill: var(--color-text-link-inverse);
|
|
114
108
|
}
|
|
115
109
|
|
|
116
|
-
a.z-link.z-link-
|
|
117
|
-
button.z-link.z-link-
|
|
118
|
-
color: var(--
|
|
119
|
-
fill: var(--
|
|
110
|
+
a.z-link.z-link-blue:hover,
|
|
111
|
+
button.z-link.z-link-blue:hover {
|
|
112
|
+
color: var(--color-text-link-blue-hover);
|
|
113
|
+
fill: var(--color-text-link-blue-hover);
|
|
120
114
|
}
|
|
121
115
|
|
|
122
|
-
a.z-link.z-link-
|
|
123
|
-
button.z-link.z-link-
|
|
124
|
-
color: var(--
|
|
125
|
-
fill: var(--
|
|
116
|
+
a.z-link.z-link-red:hover,
|
|
117
|
+
button.z-link.z-link-red:hover {
|
|
118
|
+
color: var(--color-text-link-red-hover);
|
|
119
|
+
fill: var(--color-text-link-red-hover);
|
|
126
120
|
}
|
|
127
121
|
|
|
128
|
-
a.z-link.z-link-
|
|
129
|
-
button.z-link.z-link-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
color: var(--color-black);
|
|
133
|
-
fill: var(--color-black);
|
|
122
|
+
a.z-link.z-link-inverse:hover,
|
|
123
|
+
button.z-link.z-link-inverse:hover {
|
|
124
|
+
color: var(--color-text-link-inverse);
|
|
125
|
+
fill: var(--color-text-link-inverse);
|
|
134
126
|
}
|
|
135
127
|
|
|
136
|
-
a.z-link.z-link-
|
|
137
|
-
button.z-link.z-link-
|
|
138
|
-
a.z-link.z-link-
|
|
139
|
-
button.z-link.z-link-
|
|
140
|
-
color: var(--
|
|
141
|
-
fill: var(--
|
|
128
|
+
a.z-link.z-link-blue:active,
|
|
129
|
+
button.z-link.z-link-blue:active,
|
|
130
|
+
a.z-link.z-link-blue:focus,
|
|
131
|
+
button.z-link.z-link-blue:focus {
|
|
132
|
+
color: var(--color-text-link-blue-active);
|
|
133
|
+
fill: var(--color-text-link-blue-active);
|
|
142
134
|
}
|
|
143
135
|
|
|
144
|
-
a.z-link.z-link-
|
|
145
|
-
button.z-link.z-link-
|
|
146
|
-
|
|
147
|
-
|
|
136
|
+
a.z-link.z-link-red:active,
|
|
137
|
+
button.z-link.z-link-red:active,
|
|
138
|
+
a.z-link.z-link-red:focus,
|
|
139
|
+
button.z-link.z-link-red:focus {
|
|
140
|
+
color: var(--color-text-link-red-active);
|
|
141
|
+
fill: var(--color-text-link-red-active);
|
|
148
142
|
}
|
|
149
143
|
|
|
150
|
-
a.z-link.z-link-
|
|
151
|
-
button.z-link.z-link-
|
|
152
|
-
|
|
153
|
-
|
|
144
|
+
a.z-link.z-link-inverse:active,
|
|
145
|
+
button.z-link.z-link-inverse:active,
|
|
146
|
+
a.z-link.z-link-inverse:focus,
|
|
147
|
+
button.z-link.z-link-inverse:focus {
|
|
148
|
+
color: var(--color-text-link-inverse);
|
|
149
|
+
fill: var(--color-text-link-inverse);
|
|
154
150
|
}
|
|
155
151
|
|
|
156
|
-
a.z-link.z-link-
|
|
157
|
-
button.z-link.z-link-
|
|
158
|
-
color: var(--color-
|
|
159
|
-
fill: var(--color-
|
|
152
|
+
a.z-link.z-link-blue:visited,
|
|
153
|
+
button.z-link.z-link-blue:visited {
|
|
154
|
+
color: var(--color-text-link-blue-visited);
|
|
155
|
+
fill: var(--color-text-link-blue-visited);
|
|
160
156
|
}
|
|
161
157
|
|
|
162
|
-
a.z-link.z-link-
|
|
163
|
-
button.z-link.z-link-
|
|
164
|
-
--
|
|
165
|
-
--
|
|
166
|
-
|
|
167
|
-
align-items: center;
|
|
168
|
-
column-gap: 0.5em;
|
|
158
|
+
a.z-link.z-link-red:visited,
|
|
159
|
+
button.z-link.z-link-red:visited {
|
|
160
|
+
color: var(--color-text-link-red-visited);
|
|
161
|
+
fill: var(--color-text-link-red-visited);
|
|
169
162
|
}
|
|
170
163
|
|
|
171
|
-
a.z-link.z-link-
|
|
172
|
-
button.z-link.z-link-
|
|
173
|
-
|
|
164
|
+
a.z-link.z-link-inverse:visited,
|
|
165
|
+
button.z-link.z-link-inverse:visited {
|
|
166
|
+
color: var(--color-text-link-inverse);
|
|
167
|
+
fill: var(--color-text-link-inverse);
|
|
174
168
|
}
|
|
@@ -20,7 +20,7 @@ const StoryMeta = {
|
|
|
20
20
|
control: {
|
|
21
21
|
type: "inline-radio",
|
|
22
22
|
},
|
|
23
|
-
options: ["theme-default", "theme-dark", "theme-black-yellow"],
|
|
23
|
+
options: ["theme-default", "theme-dark", "theme-black-yellow", "theme-red"],
|
|
24
24
|
},
|
|
25
25
|
"--z-book-card-ribbon-background-color": getColorTokenArgConfig(),
|
|
26
26
|
"--z-book-card-ribbon-shadow-color": getColorTokenArgConfig(),
|
|
@@ -138,7 +138,7 @@ export const SlottedResources = {
|
|
|
138
138
|
})}
|
|
139
139
|
>
|
|
140
140
|
<a
|
|
141
|
-
class="z-link z-link-icon"
|
|
141
|
+
class="z-link z-link-blue z-link-icon"
|
|
142
142
|
slot="resources"
|
|
143
143
|
style="width:100%; margin-bottom: 6px;"
|
|
144
144
|
>
|
|
@@ -264,7 +264,7 @@ export const ExpandedVariant = {
|
|
|
264
264
|
>
|
|
265
265
|
<z-tag slot="tags">VERSIONE INSEGNANTE</z-tag>
|
|
266
266
|
<a
|
|
267
|
-
class="z-link z-link-icon"
|
|
267
|
+
class="z-link z-link-blue z-link-icon"
|
|
268
268
|
slot="resources"
|
|
269
269
|
style="width:100%; margin-bottom: 6px;"
|
|
270
270
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-book-card-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {styleMap} from \"lit/directives/style-map.js\";\nimport {ZBookCardDeprecated} from \".\";\nimport {BookCardDeprecatedVariant} from \"../../../beans\";\nimport {CSSVarsArguments, getColorTokenArgConfig} from \"../../../utils/storybook-utils\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"./index\";\n\ntype ZBookCardStoriesArgs = ZBookCardDeprecated & {\n theme: \"theme-default\" | \"theme-dark\" | \"theme-black-yellow\";\n} & CSSVarsArguments<\n | \"z-book-card-ribbon-background-color\"\n | \"z-book-card-ribbon-shadow-color\"\n | \"z-book-card-compact-width\"\n | \"z-book-card-compact-height\"\n >;\nconst StoryMeta = {\n title: \"ZBookCardDeprecated\",\n component: \"z-book-card\",\n argTypes: {\n \"variant\": {\n control: {\n type: \"inline-radio\",\n },\n options: Object.values(BookCardDeprecatedVariant),\n },\n \"theme\": {\n control: {\n type: \"inline-radio\",\n },\n options: [\"theme-default\", \"theme-dark\", \"theme-black-yellow\"],\n },\n \"--z-book-card-ribbon-background-color\": getColorTokenArgConfig(),\n \"--z-book-card-ribbon-shadow-color\": getColorTokenArgConfig(),\n },\n args: {\n \"variant\": BookCardDeprecatedVariant.EXPANDED,\n \"cover\": \"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg\",\n \"operaTitle\": \"Matematica.azzurro\",\n \"volumeTitle\": \"Volume 3 con Tutor\",\n \"authors\": \"Massimo Bergamini, Anna Trifone, Graziella Barozzi\",\n \"isbn\": \"9788808930552\",\n \"isbnLabel\": \"\",\n \"ribbon\": \"ADOTTATO\",\n \"ribbonIcon\": \"\",\n \"ribbonInteractive\": false,\n \"borderless\": false,\n \"fallbackCover\": \"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg\",\n \"operaTitleTag\": \"h1\",\n \"theme\": \"theme-default\",\n \"--z-book-card-ribbon-background-color\": \"var(--avatar-C08)\",\n \"--z-book-card-ribbon-shadow-color\": \"var(--green950)\",\n \"--z-book-card-compact-width\": \"262px\",\n \"--z-book-card-compact-height\": \"600px\",\n },\n} satisfies Meta<ZBookCardStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardStoriesArgs>;\n\nexport const AllProps = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n ></z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedTags = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedResources = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <a\n class=\"z-link z-link-icon\"\n slot=\"resources\"\n style=\"width:100%; margin-bottom: 6px;\"\n >\n <z-icon\n style=\"margin-right: 8px\"\n name=\"arrow-quad-north-east\"\n ></z-icon>\n Resource link mock\n </a>\n <z-button\n slot=\"resources\"\n variant=\"secondary\"\n size=\"x-small\"\n style=\"width:100%; margin-bottom: 16px;\"\n >Resource CTA mock</z-button\n >\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedHeaderCta = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedFooterCta = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n <div slot=\"footer-cta\">\n <z-button\n href=\"http://dizionari.zanichelli.it\"\n target=\"_blank\"\n variant=\"secondary\"\n size=\"x-small\"\n >\n Leggi il libro online\n </z-button>\n </div>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const ExpandedVariant = {\n parameters: {\n controls: {\n exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=\"expanded\"\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n })}\n >\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n <a\n class=\"z-link z-link-icon\"\n slot=\"resources\"\n style=\"width:100%; margin-bottom: 6px;\"\n >\n <z-icon\n style=\"margin-right: 8px\"\n name=\"arrow-quad-north-east\"\n ></z-icon>\n Resource link mock\n </a>\n <z-button\n slot=\"resources\"\n variant=\"secondary\"\n size=\"x-small\"\n style=\"width:100%; margin-bottom: 16px;\"\n >Resource CTA mock</z-button\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n tabindex=\"0\"\n ></z-icon>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SearchVariant = {\n parameters: {\n controls: {\n exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=\"search\"\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n <div slot=\"footer-cta\">\n <z-button\n href=\"http://dizionari.zanichelli.it\"\n target=\"_blank\"\n variant=\"secondary\"\n size=\"x-small\"\n >\n Leggi il libro online\n </z-button>\n </div>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const CompactVariant = {\n parameters: {\n controls: {\n exclude: [\n \"variant\",\n \"ribbon\",\n \"ribbonIcon\",\n \"ribbonInteractive\",\n \"--z-book-card-ribbon-background-color\",\n \"--z-book-card-ribbon-shadow-color\",\n ],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=\"compact\"\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n borderless=${args.borderless}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n <div\n slot=\"footer-cta\"\n style=\"display:flex; gap:8px;\"\n >\n <z-button\n href=\"http://dizionari.zanichelli.it\"\n target=\"_blank\"\n variant=\"secondary\"\n size=\"x-small\"\n >\n Call to action\n </z-button>\n <z-button\n icon=\"arrow-quad-north-east\"\n variant=\"secondary\"\n size=\"x-small\"\n ></z-button>\n </div>\n </z-book-card-deprecated>`,\n} satisfies Story;\n"]}
|
|
1
|
+
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-book-card-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {styleMap} from \"lit/directives/style-map.js\";\nimport {ZBookCardDeprecated} from \".\";\nimport {BookCardDeprecatedVariant} from \"../../../beans\";\nimport {CSSVarsArguments, getColorTokenArgConfig} from \"../../../utils/storybook-utils\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"./index\";\n\ntype ZBookCardStoriesArgs = ZBookCardDeprecated & {\n theme: \"theme-default\" | \"theme-dark\" | \"theme-black-yellow\";\n} & CSSVarsArguments<\n | \"z-book-card-ribbon-background-color\"\n | \"z-book-card-ribbon-shadow-color\"\n | \"z-book-card-compact-width\"\n | \"z-book-card-compact-height\"\n >;\nconst StoryMeta = {\n title: \"ZBookCardDeprecated\",\n component: \"z-book-card\",\n argTypes: {\n \"variant\": {\n control: {\n type: \"inline-radio\",\n },\n options: Object.values(BookCardDeprecatedVariant),\n },\n \"theme\": {\n control: {\n type: \"inline-radio\",\n },\n options: [\"theme-default\", \"theme-dark\", \"theme-black-yellow\", \"theme-red\"],\n },\n \"--z-book-card-ribbon-background-color\": getColorTokenArgConfig(),\n \"--z-book-card-ribbon-shadow-color\": getColorTokenArgConfig(),\n },\n args: {\n \"variant\": BookCardDeprecatedVariant.EXPANDED,\n \"cover\": \"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg\",\n \"operaTitle\": \"Matematica.azzurro\",\n \"volumeTitle\": \"Volume 3 con Tutor\",\n \"authors\": \"Massimo Bergamini, Anna Trifone, Graziella Barozzi\",\n \"isbn\": \"9788808930552\",\n \"isbnLabel\": \"\",\n \"ribbon\": \"ADOTTATO\",\n \"ribbonIcon\": \"\",\n \"ribbonInteractive\": false,\n \"borderless\": false,\n \"fallbackCover\": \"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg\",\n \"operaTitleTag\": \"h1\",\n \"theme\": \"theme-default\",\n \"--z-book-card-ribbon-background-color\": \"var(--avatar-C08)\",\n \"--z-book-card-ribbon-shadow-color\": \"var(--green950)\",\n \"--z-book-card-compact-width\": \"262px\",\n \"--z-book-card-compact-height\": \"600px\",\n },\n} satisfies Meta<ZBookCardStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardStoriesArgs>;\n\nexport const AllProps = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n ></z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedTags = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedResources = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <a\n class=\"z-link z-link-blue z-link-icon\"\n slot=\"resources\"\n style=\"width:100%; margin-bottom: 6px;\"\n >\n <z-icon\n style=\"margin-right: 8px\"\n name=\"arrow-quad-north-east\"\n ></z-icon>\n Resource link mock\n </a>\n <z-button\n slot=\"resources\"\n variant=\"secondary\"\n size=\"x-small\"\n style=\"width:100%; margin-bottom: 16px;\"\n >Resource CTA mock</z-button\n >\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedHeaderCta = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedFooterCta = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n <div slot=\"footer-cta\">\n <z-button\n href=\"http://dizionari.zanichelli.it\"\n target=\"_blank\"\n variant=\"secondary\"\n size=\"x-small\"\n >\n Leggi il libro online\n </z-button>\n </div>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const ExpandedVariant = {\n parameters: {\n controls: {\n exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=\"expanded\"\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n })}\n >\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n <a\n class=\"z-link z-link-blue z-link-icon\"\n slot=\"resources\"\n style=\"width:100%; margin-bottom: 6px;\"\n >\n <z-icon\n style=\"margin-right: 8px\"\n name=\"arrow-quad-north-east\"\n ></z-icon>\n Resource link mock\n </a>\n <z-button\n slot=\"resources\"\n variant=\"secondary\"\n size=\"x-small\"\n style=\"width:100%; margin-bottom: 16px;\"\n >Resource CTA mock</z-button\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n tabindex=\"0\"\n ></z-icon>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SearchVariant = {\n parameters: {\n controls: {\n exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=\"search\"\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n <div slot=\"footer-cta\">\n <z-button\n href=\"http://dizionari.zanichelli.it\"\n target=\"_blank\"\n variant=\"secondary\"\n size=\"x-small\"\n >\n Leggi il libro online\n </z-button>\n </div>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const CompactVariant = {\n parameters: {\n controls: {\n exclude: [\n \"variant\",\n \"ribbon\",\n \"ribbonIcon\",\n \"ribbonInteractive\",\n \"--z-book-card-ribbon-background-color\",\n \"--z-book-card-ribbon-shadow-color\",\n ],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=\"compact\"\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n borderless=${args.borderless}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n class=${args.theme}\n style=${styleMap({\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n <div\n slot=\"footer-cta\"\n style=\"display:flex; gap:8px;\"\n >\n <z-button\n href=\"http://dizionari.zanichelli.it\"\n target=\"_blank\"\n variant=\"secondary\"\n size=\"x-small\"\n >\n Call to action\n </z-button>\n <z-button\n icon=\"arrow-quad-north-east\"\n variant=\"secondary\"\n size=\"x-small\"\n ></z-button>\n </div>\n </z-book-card-deprecated>`,\n} satisfies Story;\n"]}
|
|
@@ -233,9 +233,9 @@
|
|
|
233
233
|
align-items: center;
|
|
234
234
|
justify-content: center;
|
|
235
235
|
padding: calc(var(--space-unit) * 1) 0;
|
|
236
|
-
color: var(--color-link-
|
|
236
|
+
color: var(--color-text-link-blue);
|
|
237
237
|
cursor: pointer;
|
|
238
|
-
fill: var(--color-link-
|
|
238
|
+
fill: var(--color-text-link-blue);
|
|
239
239
|
font-size: var(--font-size-2);
|
|
240
240
|
font-weight: var(--font-sb);
|
|
241
241
|
gap: var(--space-unit);
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
flex-direction: column;
|
|
11
11
|
padding: calc(var(--space-unit) * 2);
|
|
12
12
|
border-color: var(--color-surface04);
|
|
13
|
-
background-color: var(--color-
|
|
13
|
+
background-color: var(--color-background);
|
|
14
14
|
|
|
15
15
|
/* Native CSS properties don't support the customization of border-style.
|
|
16
16
|
Therefore, we use a trick with an SVG image inside background-image property.
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
|
|
46
46
|
:host > .dragdrop .dragover-container .dragover-message {
|
|
47
47
|
padding: 10px 28px;
|
|
48
|
-
background-color: var(--color-
|
|
48
|
+
background-color: var(--color-primary01);
|
|
49
49
|
color: var(--color-text-inverse);
|
|
50
50
|
}
|
|
51
51
|
|