@kubex/zinc 0.0.3 → 1.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/.editorconfig +18 -0
- package/.eslintignore +8 -0
- package/.eslintrc.cjs +208 -0
- package/.github/workflows/eleventy_build.yml +42 -0
- package/.github/workflows/js_build_and_deploy.yaml +62 -0
- package/custom-elements-manifest.config.js +230 -0
- package/custom-elements.json +24227 -0
- package/docs/_includes/component.njk +340 -0
- package/docs/_includes/default.njk +137 -0
- package/docs/_includes/sidebar.njk +24 -0
- package/docs/_utilities/active-links.cjs +41 -0
- package/docs/_utilities/anchor-headings.cjs +74 -0
- package/docs/_utilities/cem.cjs +89 -0
- package/docs/_utilities/code-previews.cjs +98 -0
- package/docs/_utilities/copy-code-buttons.cjs +26 -0
- package/docs/_utilities/external-links.cjs +53 -0
- package/docs/_utilities/highlight-code.cjs +74 -0
- package/docs/_utilities/markdown.cjs +74 -0
- package/docs/_utilities/prettier.cjs +26 -0
- package/docs/_utilities/replacer.cjs +24 -0
- package/docs/_utilities/scrolling-tables.cjs +23 -0
- package/docs/_utilities/strings.cjs +16 -0
- package/docs/_utilities/table-of-contents.cjs +48 -0
- package/docs/_utilities/typography.cjs +24 -0
- package/docs/assets/icons.json +57989 -0
- package/docs/assets/images/chrome.png +0 -0
- package/docs/assets/images/edge.png +0 -0
- package/docs/assets/images/firefox.png +0 -0
- package/docs/assets/images/opera.png +0 -0
- package/docs/assets/images/safari.png +0 -0
- package/docs/assets/images/watermark.svg +1 -0
- package/docs/assets/rip.js +78 -0
- package/docs/assets/scripts/code-previews.js +250 -0
- package/docs/assets/scripts/docs.js +374 -0
- package/docs/assets/scripts/search.js +441 -0
- package/docs/assets/scripts/turbo.js +29 -0
- package/docs/assets/styles/code-previews.css +169 -0
- package/docs/assets/styles/docs.css +1168 -0
- package/docs/assets/styles/search.css +347 -0
- package/docs/eleventy.config.cjs +262 -0
- package/docs/pages/components/absolute-container.md +35 -0
- package/docs/pages/components/action-bar.md +58 -0
- package/docs/pages/components/alert.md +45 -0
- package/docs/pages/components/bulk-actions.md +26 -0
- package/docs/pages/components/button-group.md +78 -0
- package/docs/pages/components/button-menu.md +127 -0
- package/docs/pages/components/button.md +80 -0
- package/docs/pages/components/chart.md +27 -0
- package/docs/pages/components/checkbox-group.md +196 -0
- package/docs/pages/components/checkbox.md +157 -0
- package/docs/pages/components/chip.md +61 -0
- package/docs/pages/components/collapsible.md +52 -0
- package/docs/pages/components/cols.md +66 -0
- package/docs/pages/components/confirm.md +52 -0
- package/docs/pages/components/content-block.md +108 -0
- package/docs/pages/components/copy-button.md +22 -0
- package/docs/pages/components/data-select.md +54 -0
- package/docs/pages/components/data-table-filter.md +23 -0
- package/docs/pages/components/data-table-sort.md +20 -0
- package/docs/pages/components/data-table.md +74 -0
- package/docs/pages/components/datepicker.md +25 -0
- package/docs/pages/components/defined-label.md +26 -0
- package/docs/pages/components/dialog.md +145 -0
- package/docs/pages/components/dropdown.md +22 -0
- package/docs/pages/components/editor.md +26 -0
- package/docs/pages/components/empty-state.md +51 -0
- package/docs/pages/components/expanding-action.md +55 -0
- package/docs/pages/components/file.md +45 -0
- package/docs/pages/components/form-group.md +22 -0
- package/docs/pages/components/header.md +103 -0
- package/docs/pages/components/icon.md +322 -0
- package/docs/pages/components/inline-edit.md +41 -0
- package/docs/pages/components/input.md +261 -0
- package/docs/pages/components/item.md +78 -0
- package/docs/pages/components/linked-select.md +41 -0
- package/docs/pages/components/menu-item.md +22 -0
- package/docs/pages/components/menu.md +36 -0
- package/docs/pages/components/navbar.md +57 -0
- package/docs/pages/components/note.md +55 -0
- package/docs/pages/components/option.md +22 -0
- package/docs/pages/components/order-table.md +22 -0
- package/docs/pages/components/page-nav.md +23 -0
- package/docs/pages/components/pagination.md +22 -0
- package/docs/pages/components/pane.md +22 -0
- package/docs/pages/components/panel.md +124 -0
- package/docs/pages/components/popup.md +22 -0
- package/docs/pages/components/progress-bar.md +22 -0
- package/docs/pages/components/progress-tile.md +22 -0
- package/docs/pages/components/query-builder.md +148 -0
- package/docs/pages/components/radio-group.md +129 -0
- package/docs/pages/components/radio.md +20 -0
- package/docs/pages/components/rating.md +28 -0
- package/docs/pages/components/scroll-container.md +22 -0
- package/docs/pages/components/select.md +452 -0
- package/docs/pages/components/sidebar.md +28 -0
- package/docs/pages/components/simple-chart.md +23 -0
- package/docs/pages/components/skeleton.md +70 -0
- package/docs/pages/components/slideout.md +23 -0
- package/docs/pages/components/sp.md +87 -0
- package/docs/pages/components/split-button.md +32 -0
- package/docs/pages/components/split-pane.md +22 -0
- package/docs/pages/components/stat.md +24 -0
- package/docs/pages/components/status-indicator.md +13 -0
- package/docs/pages/components/stepper.md +20 -0
- package/docs/pages/components/style.md +106 -0
- package/docs/pages/components/table.md +22 -0
- package/docs/pages/components/tabs.md +57 -0
- package/docs/pages/components/textarea.md +120 -0
- package/docs/pages/components/tile-property.md +29 -0
- package/docs/pages/components/tile.md +51 -0
- package/docs/pages/components/timer.md +22 -0
- package/docs/pages/components/toggle.md +22 -0
- package/docs/pages/components/tooltip.md +242 -0
- package/docs/pages/components/vertical-stepper.md +22 -0
- package/docs/pages/components/well.md +13 -0
- package/docs/pages/getting-started/example-layout.md +143 -0
- package/docs/pages/getting-started/example-page.md +83 -0
- package/docs/pages/getting-started/form-controls.md +552 -0
- package/docs/pages/getting-started/form-examples.md +122 -0
- package/docs/pages/getting-started/table-examples.md +43 -0
- package/docs/pages/index.md +32 -0
- package/index.html +22 -0
- package/package.json +111 -11
- package/scripts/build.js +381 -0
- package/scripts/generator/generator.js +102 -0
- package/scripts/generator/index.js +17 -0
- package/scripts/generator/preprocess.js +20 -0
- package/scripts/generator/resolver.js +86 -0
- package/scripts/generator/tailwind.config.js +14 -0
- package/scripts/make-metadata.js +10 -0
- package/scripts/make-themes.js +27 -0
- package/scripts/plop/plopfile.js +63 -0
- package/scripts/plop/templates/component.hbs +43 -0
- package/scripts/plop/templates/define.hbs +12 -0
- package/scripts/plop/templates/docs.hbs +20 -0
- package/scripts/plop/templates/style.hbs +5 -0
- package/scripts/plop/templates/test.hbs +10 -0
- package/scss/_global-components.scss +4 -0
- package/scss/_global-spacing.scss +96 -0
- package/scss/_root.scss +202 -0
- package/scss/boot.scss +29 -0
- package/scss/mixins/_helper-mixins.scss +24 -0
- package/scss/mixins/_spacing-mixins.scss +84 -0
- package/scss/mixins/index.scss +2 -0
- package/scss/shared/_base.scss +138 -0
- package/scss/shared/_button.scss +27 -0
- package/scss/shared/_form-elements.scss +162 -0
- package/scss/shared/_opacity.scss +27 -0
- package/scss/shared/_reset.scss +288 -0
- package/scss/shared/_table.scss +73 -0
- package/scss/shared/divide.scss +41 -0
- package/scss/shared/index.scss +12 -0
- package/scss/shared/layout.scss +290 -0
- package/scss/shared/nav.scss +71 -0
- package/scss/themes/_dark.scss +277 -0
- package/scss/themes/_index.scss +3 -0
- package/scss/themes/_light.scss +540 -0
- package/scss/themes/_utility.scss +44 -0
- package/scss/variables/_spacing.scss +35 -0
- package/scss/variables/index.scss +1 -0
- package/src/components/absolute-container/absolute-container.component.ts +62 -0
- package/src/components/absolute-container/absolute-container.test.ts +10 -0
- package/src/components/absolute-container/index.ts +12 -0
- package/src/components/action-bar/action-bar.component.ts +41 -0
- package/src/components/action-bar/action-bar.scss +33 -0
- package/src/components/action-bar/action-bar.test.ts +10 -0
- package/src/components/action-bar/index.ts +12 -0
- package/src/components/alert/alert.component.ts +71 -0
- package/src/components/alert/alert.scss +170 -0
- package/src/components/alert/alert.test.ts +10 -0
- package/src/components/alert/index.ts +12 -0
- package/src/components/bulk-actions/bulk-actions.component.ts +229 -0
- package/src/components/bulk-actions/bulk-actions.scss +56 -0
- package/src/components/bulk-actions/bulk-actions.test.ts +10 -0
- package/src/components/bulk-actions/index.ts +12 -0
- package/src/components/button/button.component.ts +242 -0
- package/src/components/button/button.scss +346 -0
- package/src/components/button/button.test.ts +32 -0
- package/src/components/button/index.ts +12 -0
- package/src/components/button-group/button-group.component.ts +74 -0
- package/src/components/button-group/button-group.scss +39 -0
- package/src/components/button-group/button-group.test.ts +10 -0
- package/src/components/button-group/index.ts +12 -0
- package/src/components/button-menu/button-menu.component.ts +353 -0
- package/src/components/button-menu/button-menu.scss +41 -0
- package/src/components/button-menu/button-menu.test.ts +10 -0
- package/src/components/button-menu/index.ts +12 -0
- package/src/components/chart/chart.component.ts +206 -0
- package/src/components/chart/chart.scss +11 -0
- package/src/components/chart/chart.test.ts +10 -0
- package/src/components/chart/index.ts +12 -0
- package/src/components/checkbox/checkbox.component.ts +326 -0
- package/src/components/checkbox/checkbox.scss +202 -0
- package/src/components/checkbox/checkbox.test.ts +10 -0
- package/src/components/checkbox/index.ts +12 -0
- package/src/components/checkbox-group/checkbox-group.component.ts +351 -0
- package/src/components/checkbox-group/checkbox-group.scss +60 -0
- package/src/components/checkbox-group/checkbox-group.test.ts +10 -0
- package/src/components/checkbox-group/index.ts +12 -0
- package/src/components/chip/chip.component.ts +70 -0
- package/src/components/chip/chip.scss +101 -0
- package/src/components/chip/chip.test.ts +10 -0
- package/src/components/chip/index.ts +12 -0
- package/src/components/collapsible/collapsible.component.ts +86 -0
- package/src/components/collapsible/collapsible.scss +100 -0
- package/src/components/collapsible/collapsible.test.ts +10 -0
- package/src/components/collapsible/index.ts +12 -0
- package/src/components/cols/cols.component.ts +76 -0
- package/src/components/cols/cols.scss +99 -0
- package/src/components/cols/cols.test.ts +10 -0
- package/src/components/cols/index.ts +12 -0
- package/src/components/confirm/confirm.component.ts +181 -0
- package/src/components/confirm/confirm.scss +44 -0
- package/src/components/confirm/confirm.test.ts +10 -0
- package/src/components/confirm/index.ts +12 -0
- package/src/components/content-block/content-block.component.ts +225 -0
- package/src/components/content-block/content-block.scss +64 -0
- package/src/components/content-block/content-block.test.ts +10 -0
- package/src/components/content-block/index.ts +12 -0
- package/src/components/copy-button/copy-button.component.ts +163 -0
- package/src/components/copy-button/copy-button.scss +47 -0
- package/src/components/copy-button/copy-button.test.ts +10 -0
- package/src/components/copy-button/index.ts +12 -0
- package/src/components/data-select/data-select.component.ts +219 -0
- package/src/components/data-select/data-select.scss +43 -0
- package/src/components/data-select/data-select.test.ts +10 -0
- package/src/components/data-select/index.ts +12 -0
- package/src/components/data-select/providers/color-data-provider.ts +16 -0
- package/src/components/data-select/providers/country-code-data-provider.ts +517 -0
- package/src/components/data-select/providers/country-data-provider.ts +527 -0
- package/src/components/data-select/providers/currency-data-provider.ts +328 -0
- package/src/components/data-select/providers/provider.ts +32 -0
- package/src/components/data-table/data-table.component.ts +1093 -0
- package/src/components/data-table/data-table.scss +330 -0
- package/src/components/data-table/data-table.test.ts +10 -0
- package/src/components/data-table/index.ts +12 -0
- package/src/components/data-table-filter/data-table-filter.component.ts +126 -0
- package/src/components/data-table-filter/data-table-filter.scss +22 -0
- package/src/components/data-table-filter/data-table-filter.test.ts +10 -0
- package/src/components/data-table-filter/index.ts +12 -0
- package/src/components/data-table-sort/data-table-sort.component.ts +56 -0
- package/src/components/data-table-sort/data-table-sort.scss +37 -0
- package/src/components/data-table-sort/data-table-sort.test.ts +10 -0
- package/src/components/data-table-sort/index.ts +12 -0
- package/src/components/datepicker/datepicker.component.ts +315 -0
- package/src/components/datepicker/datepicker.scss +237 -0
- package/src/components/datepicker/datepicker.test.ts +10 -0
- package/src/components/datepicker/index.ts +12 -0
- package/src/components/defined-label/defined-label.component.ts +241 -0
- package/src/components/defined-label/defined-label.scss +43 -0
- package/src/components/defined-label/defined-label.test.ts +10 -0
- package/src/components/defined-label/index.ts +12 -0
- package/src/components/dialog/dialog.component.ts +237 -0
- package/src/components/dialog/dialog.scss +197 -0
- package/src/components/dialog/dialog.test.ts +10 -0
- package/src/components/dialog/index.ts +12 -0
- package/src/components/dropdown/dropdown.component.ts +380 -0
- package/src/components/dropdown/dropdown.scss +9 -0
- package/src/components/dropdown/dropdown.test.ts +10 -0
- package/src/components/dropdown/index.ts +12 -0
- package/src/components/editor/editor.component.ts +423 -0
- package/src/components/editor/editor.scss +131 -0
- package/src/components/editor/editor.test.ts +10 -0
- package/src/components/editor/index.ts +12 -0
- package/src/components/editor/modules/attachment-module.ts +195 -0
- package/src/components/editor/modules/dialog-module/dialog-module.component.ts +289 -0
- package/src/components/editor/modules/dialog-module/dialog-module.scss +115 -0
- package/src/components/editor/modules/dialog-module/dialog-module.ts +99 -0
- package/src/components/editor/modules/drag-drop-module.ts +125 -0
- package/src/components/editor/modules/events/zn-command-select.ts +7 -0
- package/src/components/editor/modules/events/zn-editor-update.ts +7 -0
- package/src/components/editor/modules/events/zn-show-canned-response-dialog.ts +15 -0
- package/src/components/editor/modules/image-resize-module/image-resize-module.ts +157 -0
- package/src/components/editor/modules/menu-module/menu-module.component.ts +149 -0
- package/src/components/editor/modules/menu-module/menu-module.scss +17 -0
- package/src/components/editor/modules/menu-module/menu-module.ts +203 -0
- package/src/components/editor/modules/time-tracking-module.ts +35 -0
- package/src/components/empty-state/empty-state.component.ts +63 -0
- package/src/components/empty-state/empty-state.scss +91 -0
- package/src/components/empty-state/empty-state.test.ts +10 -0
- package/src/components/empty-state/index.ts +12 -0
- package/src/components/expanding-action/expanding-action.component.ts +312 -0
- package/src/components/expanding-action/expanding-action.scss +87 -0
- package/src/components/expanding-action/expanding-action.test.ts +10 -0
- package/src/components/expanding-action/index.ts +12 -0
- package/src/components/file/file.component.ts +619 -0
- package/src/components/file/file.scss +200 -0
- package/src/components/file/file.test.ts +10 -0
- package/src/components/file/index.ts +12 -0
- package/src/components/form-group/form-group.component.ts +93 -0
- package/src/components/form-group/form-group.scss +84 -0
- package/src/components/form-group/form-group.test.ts +10 -0
- package/src/components/form-group/index.ts +12 -0
- package/src/components/header/header.component.ts +186 -0
- package/src/components/header/header.scss +244 -0
- package/src/components/header/header.test.ts +10 -0
- package/src/components/header/index.ts +12 -0
- package/src/components/hover-container/hover-container.component.ts +214 -0
- package/src/components/hover-container/hover-container.scss +59 -0
- package/src/components/hover-container/hover-container.ts +10 -0
- package/src/components/hover-container/index.ts +12 -0
- package/src/components/icon/icon.component.ts +251 -0
- package/src/components/icon/icon.scss +186 -0
- package/src/components/icon/icon.test.ts +10 -0
- package/src/components/icon/index.ts +13 -0
- package/src/components/icon/lni.scss +2492 -0
- package/src/components/inline-edit/index.ts +12 -0
- package/src/components/inline-edit/inline-edit.component.ts +289 -0
- package/src/components/inline-edit/inline-edit.scss +139 -0
- package/src/components/inline-edit/inline-edit.test.ts +10 -0
- package/src/components/input/index.ts +12 -0
- package/src/components/input/input.component.ts +614 -0
- package/src/components/input/input.scss +355 -0
- package/src/components/input/input.test.ts +10 -0
- package/src/components/item/index.ts +12 -0
- package/src/components/item/item.component.ts +102 -0
- package/src/components/item/item.scss +161 -0
- package/src/components/item/item.test.ts +10 -0
- package/src/components/linked-select/index.ts +12 -0
- package/src/components/linked-select/linked-select.component.ts +156 -0
- package/src/components/linked-select/linked-select.scss +9 -0
- package/src/components/linked-select/linked-select.test.ts +17 -0
- package/src/components/menu/index.ts +12 -0
- package/src/components/menu/menu.component.ts +243 -0
- package/src/components/menu/menu.scss +14 -0
- package/src/components/menu/menu.test.ts +10 -0
- package/src/components/menu-item/index.ts +12 -0
- package/src/components/menu-item/menu-item.component.ts +220 -0
- package/src/components/menu-item/menu-item.scss +157 -0
- package/src/components/menu-item/menu-item.test.ts +10 -0
- package/src/components/menu-item/submenu-controller.ts +291 -0
- package/src/components/navbar/index.ts +12 -0
- package/src/components/navbar/navbar.component.ts +240 -0
- package/src/components/navbar/navbar.scss +411 -0
- package/src/components/navbar/navbar.test.ts +10 -0
- package/src/components/note/index.ts +12 -0
- package/src/components/note/note.component.ts +60 -0
- package/src/components/note/note.scss +69 -0
- package/src/components/note/note.test.ts +10 -0
- package/src/components/option/index.ts +12 -0
- package/src/components/option/option.component.ts +152 -0
- package/src/components/option/option.scss +88 -0
- package/src/components/option/option.test.ts +10 -0
- package/src/components/order-table/index.ts +12 -0
- package/src/components/order-table/order-table.component.ts +323 -0
- package/src/components/order-table/order-table.scss +154 -0
- package/src/components/order-table/order-table.test.ts +10 -0
- package/src/components/page-nav/index.ts +12 -0
- package/src/components/page-nav/page-nav.component.ts +117 -0
- package/src/components/page-nav/page-nav.scss +155 -0
- package/src/components/page-nav/page-nav.test.ts +10 -0
- package/src/components/pagination/index.ts +12 -0
- package/src/components/pagination/pagination.component.ts +91 -0
- package/src/components/pagination/pagination.scss +76 -0
- package/src/components/pagination/pagination.test.ts +10 -0
- package/src/components/pane/index.ts +12 -0
- package/src/components/pane/pane.component.ts +52 -0
- package/src/components/pane/pane.scss +45 -0
- package/src/components/pane/pane.test.ts +10 -0
- package/src/components/panel/index.ts +12 -0
- package/src/components/panel/panel.component.ts +100 -0
- package/src/components/panel/panel.scss +129 -0
- package/src/components/panel/panel.test.ts +10 -0
- package/src/components/popup/index.ts +12 -0
- package/src/components/popup/popup.component.ts +543 -0
- package/src/components/popup/popup.scss +59 -0
- package/src/components/popup/popup.test.ts +10 -0
- package/src/components/progress-bar/index.ts +12 -0
- package/src/components/progress-bar/progress-bar.component.ts +80 -0
- package/src/components/progress-bar/progress-bar.scss +46 -0
- package/src/components/progress-bar/progress-bar.test.ts +10 -0
- package/src/components/progress-tile/index.ts +12 -0
- package/src/components/progress-tile/progress-tile.component.ts +127 -0
- package/src/components/progress-tile/progress-tile.scss +116 -0
- package/src/components/progress-tile/progress-tile.test.ts +10 -0
- package/src/components/query-builder/index.ts +12 -0
- package/src/components/query-builder/query-builder.component.ts +544 -0
- package/src/components/query-builder/query-builder.scss +53 -0
- package/src/components/query-builder/query-builder.test.ts +10 -0
- package/src/components/radio/index.ts +12 -0
- package/src/components/radio/radio.component.ts +305 -0
- package/src/components/radio/radio.scss +197 -0
- package/src/components/radio/radio.test.ts +10 -0
- package/src/components/radio-group/index.ts +12 -0
- package/src/components/radio-group/radio-group.component.ts +362 -0
- package/src/components/radio-group/radio-group.scss +60 -0
- package/src/components/radio-group/radio-group.test.ts +10 -0
- package/src/components/rating/index.ts +12 -0
- package/src/components/rating/rating.component.ts +235 -0
- package/src/components/rating/rating.scss +82 -0
- package/src/components/rating/rating.test.ts +10 -0
- package/src/components/scroll-container/index.ts +12 -0
- package/src/components/scroll-container/scroll-container.component.ts +41 -0
- package/src/components/scroll-container/scroll-container.scss +17 -0
- package/src/components/scroll-container/scroll-container.test.ts +10 -0
- package/src/components/select/index.ts +12 -0
- package/src/components/select/select.component.ts +984 -0
- package/src/components/select/select.scss +325 -0
- package/src/components/select/select.test.ts +10 -0
- package/src/components/sidebar/index.ts +12 -0
- package/src/components/sidebar/sidebar.component.ts +98 -0
- package/src/components/sidebar/sidebar.scss +294 -0
- package/src/components/sidebar/sidebar.test.ts +10 -0
- package/src/components/simple-chart/index.ts +12 -0
- package/src/components/simple-chart/simple-chart.component.ts +204 -0
- package/src/components/simple-chart/simple-chart.scss +9 -0
- package/src/components/simple-chart/simple-chart.test.ts +10 -0
- package/src/components/skeleton/index.ts +12 -0
- package/src/components/skeleton/skeleton.component.ts +34 -0
- package/src/components/skeleton/skeleton.scss +39 -0
- package/src/components/skeleton/skeleton.test.ts +10 -0
- package/src/components/slideout/index.ts +12 -0
- package/src/components/slideout/slideout.component.ts +223 -0
- package/src/components/slideout/slideout.scss +96 -0
- package/src/components/slideout/slideout.test.ts +10 -0
- package/src/components/sp/index.ts +12 -0
- package/src/components/sp/sp.component.ts +86 -0
- package/src/components/sp/sp.scss +88 -0
- package/src/components/sp/sp.test.ts +10 -0
- package/src/components/split-button/index.ts +12 -0
- package/src/components/split-button/split-button.component.ts +154 -0
- package/src/components/split-button/split-button.scss +9 -0
- package/src/components/split-button/split-button.test.ts +10 -0
- package/src/components/split-pane/index.ts +12 -0
- package/src/components/split-pane/split-pane.component.ts +195 -0
- package/src/components/split-pane/split-pane.scss +303 -0
- package/src/components/split-pane/split-pane.test.ts +10 -0
- package/src/components/stat/index.ts +12 -0
- package/src/components/stat/stat.component.ts +117 -0
- package/src/components/stat/stat.scss +92 -0
- package/src/components/stat/stat.test.ts +10 -0
- package/src/components/status-indicator/index.ts +12 -0
- package/src/components/status-indicator/status-indicator.component.ts +31 -0
- package/src/components/status-indicator/status-indicator.scss +32 -0
- package/src/components/status-indicator/status-indicator.test.ts +10 -0
- package/src/components/stepper/index.ts +12 -0
- package/src/components/stepper/stepper.component.ts +80 -0
- package/src/components/stepper/stepper.scss +88 -0
- package/src/components/stepper/stepper.test.ts +10 -0
- package/src/components/style/index.ts +12 -0
- package/src/components/style/style.component.ts +150 -0
- package/src/components/style/style.scss +1 -0
- package/src/components/style/style.test.ts +10 -0
- package/src/components/table/index.ts +12 -0
- package/src/components/table/table.component.ts +297 -0
- package/src/components/table/table.scss +209 -0
- package/src/components/table/table.test.ts +10 -0
- package/src/components/tabs/index.ts +12 -0
- package/src/components/tabs/tabs.component.ts +496 -0
- package/src/components/tabs/tabs.scss +147 -0
- package/src/components/tabs/tabs.test.ts +10 -0
- package/src/components/textarea/index.ts +12 -0
- package/src/components/textarea/textarea.component.ts +417 -0
- package/src/components/textarea/textarea.scss +152 -0
- package/src/components/textarea/textarea.test.ts +10 -0
- package/src/components/tile/index.ts +12 -0
- package/src/components/tile/tile.component.ts +105 -0
- package/src/components/tile/tile.scss +144 -0
- package/src/components/tile/tile.test.ts +10 -0
- package/src/components/tile-property/index.ts +12 -0
- package/src/components/tile-property/tile-property.component.ts +43 -0
- package/src/components/tile-property/tile-property.scss +43 -0
- package/src/components/tile-property/tile-property.test.ts +10 -0
- package/src/components/timer/index.ts +12 -0
- package/src/components/timer/timer.component.ts +88 -0
- package/src/components/timer/timer.scss +40 -0
- package/src/components/timer/timer.test.ts +10 -0
- package/src/components/toggle/index.ts +12 -0
- package/src/components/toggle/toggle.component.ts +203 -0
- package/src/components/toggle/toggle.scss +93 -0
- package/src/components/toggle/toggle.test.ts +10 -0
- package/src/components/tooltip/index.ts +12 -0
- package/src/components/tooltip/tooltip.component.ts +215 -0
- package/src/components/tooltip/tooltip.scss +43 -0
- package/src/components/tooltip/tooltip.test.ts +10 -0
- package/src/components/vertical-stepper/index.ts +12 -0
- package/src/components/vertical-stepper/vertical-stepper.component.ts +53 -0
- package/src/components/vertical-stepper/vertical-stepper.scss +84 -0
- package/src/components/vertical-stepper/vertical-stepper.test.ts +10 -0
- package/src/components/well/index.ts +12 -0
- package/src/components/well/well.component.ts +43 -0
- package/src/components/well/well.scss +19 -0
- package/src/components/well/well.test.ts +10 -0
- package/src/declaration.d.ts +39 -0
- package/src/events/events.ts +7 -0
- package/src/events/zn-after-collapse.ts +7 -0
- package/src/events/zn-after-expand.ts +7 -0
- package/src/events/zn-after-hide.ts +7 -0
- package/src/events/zn-after-show.ts +7 -0
- package/src/events/zn-blur.ts +7 -0
- package/src/events/zn-cancel.ts +7 -0
- package/src/events/zn-change.ts +7 -0
- package/src/events/zn-clear.ts +7 -0
- package/src/events/zn-close.ts +7 -0
- package/src/events/zn-collapse.ts +7 -0
- package/src/events/zn-copy.ts +7 -0
- package/src/events/zn-element-added.ts +7 -0
- package/src/events/zn-error.ts +7 -0
- package/src/events/zn-expand.ts +7 -0
- package/src/events/zn-filter-change.ts +7 -0
- package/src/events/zn-finish.ts +7 -0
- package/src/events/zn-focus.ts +7 -0
- package/src/events/zn-hide.ts +7 -0
- package/src/events/zn-hover.ts +10 -0
- package/src/events/zn-initial-focus.ts +7 -0
- package/src/events/zn-input.ts +7 -0
- package/src/events/zn-invalid.ts +7 -0
- package/src/events/zn-load.ts +7 -0
- package/src/events/zn-menu-ready.ts +9 -0
- package/src/events/zn-menu-select.ts +9 -0
- package/src/events/zn-open.ts +7 -0
- package/src/events/zn-remove.ts +7 -0
- package/src/events/zn-request-close.ts +7 -0
- package/src/events/zn-select.ts +9 -0
- package/src/events/zn-show.ts +7 -0
- package/src/events/zn-sort-change.ts +7 -0
- package/src/events/zn-submit.ts +7 -0
- package/src/form-control.scss +123 -0
- package/src/internal/animate.ts +64 -0
- package/src/internal/default-value.ts +49 -0
- package/src/internal/event.ts +75 -0
- package/src/internal/form.ts +527 -0
- package/src/internal/offset.ts +13 -0
- package/src/internal/scroll.ts +69 -0
- package/src/internal/slot.ts +110 -0
- package/src/internal/storage.ts +70 -0
- package/src/internal/tabbable.ts +198 -0
- package/src/internal/theme.ts +54 -0
- package/src/internal/watch.ts +63 -0
- package/src/internal/zinc-element.ts +113 -0
- package/src/translations/en.ts +30 -0
- package/src/utilities/animation-registry.ts +74 -0
- package/src/utilities/base-path.ts +46 -0
- package/src/utilities/lit-to-html.ts +7 -0
- package/src/utilities/localize.ts +37 -0
- package/src/utilities/md5.ts +216 -0
- package/src/utilities/on.ts +29 -0
- package/src/utilities/query.ts +36 -0
- package/src/wc.scss +33 -0
- package/src/zinc-autoloader.ts +58 -0
- package/src/zinc.ts +83 -0
- package/tsconfig.json +41 -0
- package/tsconfig.prod.json +12 -0
- package/vscode.html-custom-data.json +2804 -0
- package/web-test-runner.config.js +50 -0
- package/web-types.json +6420 -0
- package/zn.d.ts +6318 -0
- package/zn.min.css +1 -0
- package/zn.min.js +3701 -0
- package/.idea/.name +0 -1
- package/.idea/fusion.iml +0 -9
- package/.idea/modules.xml +0 -8
- package/.idea/php.xml +0 -4
- package/.idea/vcs.xml +0 -6
- package/.idea/watcherTasks.xml +0 -25
- package/components/Blank/demo/demo.html +0 -11
- package/components/Blank/dist/zn-blank.js +0 -39
- package/components/Blank/go/component.go +0 -18
- package/components/Blank/go/go.mod +0 -3
- package/components/Blank/package.json +0 -33
- package/components/Blank/php/composer.json +0 -25
- package/components/Blank/php/src/Blank.php +0 -15
- package/components/Blank/rollup.config.js +0 -32
- package/components/Blank/scss/Styles.scss +0 -6
- package/components/Blank/ts/Component.ts +0 -15
- package/components/Blank/tsconfig.json +0 -7
- package/components/Icon/demo/demo.html +0 -90
- package/components/Icon/dist/zn-icon.js +0 -55
- package/components/Icon/go/component.go +0 -56
- package/components/Icon/go/go.mod +0 -3
- package/components/Icon/package.json +0 -33
- package/components/Icon/php/composer.json +0 -26
- package/components/Icon/php/src/Icon.php +0 -38
- package/components/Icon/php/src/Library.php +0 -17
- package/components/Icon/php/src/Size.php +0 -42
- package/components/Icon/roadmap.md +0 -7
- package/components/Icon/rollup.config.js +0 -32
- package/components/Icon/scss/Styles.scss +0 -65
- package/components/Icon/ts/Component.ts +0 -108
- package/components/Icon/ts/md5.ts +0 -215
- package/components/Icon/tsconfig.json +0 -7
- package/components/MaxWidth/demo/demo.html +0 -11
- package/components/MaxWidth/dist/zn-max-width.js +0 -51
- package/components/MaxWidth/go/component.go +0 -24
- package/components/MaxWidth/go/go.mod +0 -3
- package/components/MaxWidth/package.json +0 -33
- package/components/MaxWidth/php/composer.json +0 -25
- package/components/MaxWidth/php/src/MaxWidth.php +0 -32
- package/components/MaxWidth/rollup.config.js +0 -32
- package/components/MaxWidth/scss/Styles.scss +0 -13
- package/components/MaxWidth/ts/Component.ts +0 -27
- package/components/MaxWidth/tsconfig.json +0 -7
- package/components/roadmap.md +0 -4
- package/layout/components/Columns/demo/demo.html +0 -16
- package/layout/components/Columns/ts/Component.ts +0 -59
- package/layout/demo/index.html +0 -26
- package/layout/dist/zn-layout.js +0 -93
- package/layout/package.json +0 -38
- package/layout/rollup.config.js +0 -38
- package/layout/scss/layout.scss +0 -24
- package/layout/tailwind.config.js +0 -42
- package/layout/ts/container.ts +0 -132
- package/layout/ts/import.ts +0 -2
- package/layout/tsconfig.json +0 -7
- /package/{layout/components/Columns/scss/Styles.scss → src/internal/zinc-element.test.ts} +0 -0
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" style="enable-background:new 0 0 273.91 124.01" version="1.1" viewBox="0 0 273.91 124.01"><style>.st0{fill:hsl(256, 91%, 59%)}.st1{fill:#3f4845}</style><path d="M143.41 22.13c0 .34-.06.68-.17 1s-.26.63-.45.93L122.9 52.1h20.13v4.87h-28.01V54.6c0-.33.05-.63.15-.91.1-.28.24-.55.41-.81l19.98-28.11h-19.44V19.9h27.29v2.23zm11.97 34.83h-6.05V19.89h6.05v37.07zm39.5-37.07v37.07h-3.06c-.46 0-.86-.08-1.18-.25-.33-.16-.63-.43-.93-.81l-20.36-26.16c.05.5.09.99.12 1.48s.04.94.04 1.35v24.38h-5.3V19.89h3.14c.26 0 .48.01.66.04.18.03.35.07.5.14.15.07.3.17.44.31.14.14.28.31.44.52l20.39 26.18c-.05-.53-.09-1.06-.12-1.57s-.04-1-.04-1.44V19.89h5.26zm34.57 28.81c.33 0 .61.13.85.39l2.39 2.6c-1.51 1.82-3.36 3.22-5.56 4.21-2.2.99-4.82 1.48-7.88 1.48-2.71 0-5.16-.47-7.35-1.4s-4.05-2.24-5.6-3.91c-1.54-1.67-2.73-3.67-3.57-5.99s-1.25-4.87-1.25-7.65.44-5.33 1.33-7.66c.88-2.33 2.13-4.33 3.73-6s3.53-2.97 5.77-3.9c2.24-.93 4.71-1.39 7.4-1.39 2.68 0 5.04.43 7.09 1.3 2.05.87 3.83 2.02 5.34 3.46l-1.98 2.81c-.14.19-.3.35-.49.49s-.45.21-.77.21c-.34 0-.73-.16-1.17-.48-.44-.32-1-.67-1.67-1.06-.68-.39-1.53-.74-2.55-1.06-1.02-.32-2.3-.48-3.82-.48-1.77 0-3.39.31-4.87.93-1.48.62-2.75 1.52-3.81 2.7-1.06 1.18-1.89 2.63-2.48 4.33-.59 1.7-.89 3.63-.89 5.79 0 2.18.31 4.12.93 5.83.62 1.71 1.47 3.15 2.55 4.33 1.08 1.18 2.35 2.07 3.81 2.69 1.46.62 3.03.93 4.71.93 1.03 0 1.95-.06 2.77-.17.82-.11 1.57-.29 2.25-.54.69-.25 1.33-.56 1.94-.94.61-.38 1.21-.84 1.82-1.39.34-.31.69-.46 1.03-.46z" class="st0"/><path d="M30.21 97.37c0 2.36-.35 4.48-1.06 6.36-.7 1.88-1.7 3.49-2.98 4.81a12.84 12.84 0 0 1-4.6 3.04c-1.79.71-3.76 1.06-5.92 1.06H4.51V82.13h11.15c2.16 0 4.13.35 5.92 1.06 1.79.71 3.32 1.72 4.6 3.04 1.28 1.32 2.27 2.93 2.98 4.81.7 1.88 1.05 3.99 1.05 6.33zm-2.28 0c0-2.13-.29-4.03-.88-5.69-.59-1.67-1.42-3.08-2.5-4.23a10.645 10.645 0 0 0-3.88-2.63c-1.51-.6-3.18-.91-5-.91H6.73v26.94h8.93c1.83 0 3.49-.3 5-.91 1.51-.6 2.8-1.48 3.88-2.63s1.91-2.56 2.5-4.23c.59-1.66.89-3.56.89-5.71zm16.45-6.53c1.21 0 2.33.21 3.36.62 1.04.42 1.93 1.02 2.7 1.82.76.8 1.36 1.78 1.8 2.94.44 1.17.66 2.5.66 4.01 0 .32-.04.53-.13.65s-.23.17-.43.17H36.73v.41c0 1.61.19 3.03.56 4.25.37 1.22.91 2.25 1.6 3.07.69.83 1.52 1.45 2.5 1.87s2.07.62 3.28.62c1.08 0 2.01-.12 2.8-.36s1.46-.5 1.99-.8.97-.56 1.28-.8c.32-.24.55-.36.69-.36.19 0 .33.07.43.22l.56.69c-.34.43-.8.83-1.37 1.21-.57.38-1.2.69-1.9.96s-1.44.48-2.24.64c-.8.16-1.6.24-2.4.24-1.47 0-2.8-.26-4.01-.77a8.524 8.524 0 0 1-3.11-2.23c-.86-.98-1.53-2.17-1.99-3.59-.47-1.42-.7-3.04-.7-4.86 0-1.54.22-2.96.66-4.26.44-1.3 1.07-2.42 1.9-3.37.83-.94 1.84-1.68 3.04-2.21 1.2-.52 2.56-.78 4.08-.78zm.02 1.53c-1.11 0-2.1.17-2.98.52a6.4 6.4 0 0 0-2.28 1.49c-.63.64-1.14 1.42-1.54 2.32-.4.91-.66 1.92-.79 3.04h14.23c0-1.15-.16-2.18-.48-3.09-.32-.91-.78-1.69-1.37-2.32a6.064 6.064 0 0 0-2.1-1.46c-.81-.33-1.71-.5-2.69-.5zm25.88 1.47c-.12.2-.28.3-.5.3-.16 0-.36-.09-.6-.27a7.97 7.97 0 0 0-2.5-1.2c-.6-.18-1.34-.27-2.2-.27-.78 0-1.48.11-2.12.33-.64.22-1.19.52-1.64.89-.45.38-.8.81-1.05 1.3-.24.5-.37 1.02-.37 1.56 0 .68.17 1.24.52 1.68.35.45.79.83 1.35 1.14.55.32 1.19.59 1.91.82.72.23 1.45.46 2.19.69.74.23 1.47.49 2.19.77s1.35.63 1.91 1.05c.55.42 1 .93 1.35 1.53.34.6.52 1.34.52 2.2 0 .94-.17 1.8-.5 2.61-.33.81-.82 1.5-1.46 2.09-.64.59-1.43 1.06-2.36 1.4-.93.34-2.01.52-3.21.52-1.51 0-2.81-.24-3.9-.72-1.09-.48-2.07-1.11-2.93-1.89l.47-.73c.07-.12.15-.2.25-.26.09-.06.22-.09.38-.09.19 0 .41.12.68.34.27.23.62.48 1.07.74.45.27 1 .52 1.65.74.65.23 1.46.35 2.43.35.91 0 1.7-.12 2.39-.38.69-.25 1.27-.59 1.73-1.03.46-.43.81-.94 1.05-1.52s.36-1.2.36-1.84c0-.72-.17-1.32-.52-1.79s-.8-.88-1.36-1.21-1.2-.61-1.91-.84c-.71-.23-1.44-.46-2.19-.69s-1.48-.48-2.19-.75-1.35-.62-1.91-1.04c-.56-.42-1.01-.92-1.36-1.52-.35-.6-.52-1.34-.52-2.23 0-.76.17-1.49.5-2.2.33-.71.8-1.32 1.41-1.86.61-.53 1.35-.96 2.23-1.27s1.86-.47 2.95-.47c1.31 0 2.47.19 3.48.56 1.01.37 1.94.95 2.77 1.72l-.44.74zm9.71-10.05c0 .26-.05.5-.16.72s-.25.42-.42.59c-.17.17-.37.31-.6.41s-.47.15-.73.15-.5-.05-.73-.15c-.23-.1-.43-.24-.6-.41-.17-.17-.31-.37-.41-.59-.1-.22-.15-.46-.15-.72 0-.26.05-.51.15-.74a1.938 1.938 0 0 1 1.01-1.02c.23-.1.47-.15.73-.15s.5.05.73.15c.23.1.43.24.6.41.17.17.31.38.42.61.11.23.16.48.16.74zm-.89 7.39v21.46h-2.05V91.18h2.05zm14.32-.36c.95 0 1.82.12 2.61.34s1.51.55 2.16.97h5.5v.71c0 .32-.2.51-.6.58l-3.28.24c.4.55.71 1.16.93 1.84.22.68.32 1.41.32 2.19 0 1.04-.18 1.97-.55 2.81-.37.84-.88 1.56-1.55 2.16-.67.6-1.47 1.06-2.42 1.39-.94.33-1.98.5-3.12.5-1.24 0-2.35-.19-3.34-.56-.6.36-1.08.77-1.43 1.24-.35.47-.53.92-.53 1.37 0 .62.22 1.09.66 1.42.44.33 1.01.57 1.73.72.71.15 1.52.25 2.44.29s1.84.09 2.79.14 1.88.14 2.79.27c.91.13 1.73.36 2.44.68.71.32 1.29.78 1.73 1.36.44.58.66 1.35.66 2.32 0 .89-.22 1.75-.67 2.57-.45.82-1.09 1.55-1.93 2.18-.84.63-1.86 1.14-3.05 1.52s-2.53.57-4.01.57c-1.51 0-2.83-.16-3.97-.46-1.14-.31-2.09-.73-2.86-1.25-.77-.53-1.35-1.13-1.74-1.82-.39-.69-.58-1.42-.58-2.2 0-1.14.37-2.11 1.12-2.92.75-.81 1.77-1.45 3.06-1.91-.73-.24-1.32-.6-1.75-1.06-.43-.46-.65-1.1-.65-1.92 0-.3.06-.62.17-.95.11-.33.29-.66.52-.98.23-.32.51-.63.84-.92.33-.29.7-.55 1.12-.78-1.02-.59-1.81-1.37-2.38-2.35-.57-.98-.85-2.12-.85-3.43 0-1.04.18-1.97.55-2.81.37-.84.89-1.56 1.56-2.17.68-.6 1.48-1.07 2.43-1.4.94-.33 1.98-.49 3.13-.49zm8.03 23.27c0-.68-.18-1.22-.53-1.63-.35-.41-.82-.73-1.41-.96s-1.27-.39-2.05-.47-1.58-.15-2.42-.21c-.83-.05-1.68-.1-2.52-.14-.85-.04-1.65-.13-2.39-.26-.55.21-1.05.47-1.51.75-.46.29-.86.61-1.19.96-.33.35-.59.74-.78 1.16s-.28.88-.28 1.37c0 .63.16 1.22.49 1.76.32.54.8 1.01 1.42 1.4.63.39 1.39.71 2.3.94s1.95.35 3.13.35c1.09 0 2.11-.12 3.05-.37.94-.24 1.76-.59 2.46-1.04.7-.45 1.24-.98 1.64-1.6.39-.6.59-1.28.59-2.01zm-8.03-10.94c.92 0 1.74-.13 2.46-.4s1.32-.64 1.81-1.11.86-1.04 1.12-1.7.39-1.39.39-2.2c0-.8-.13-1.54-.4-2.21-.27-.67-.65-1.24-1.14-1.71-.5-.47-1.1-.84-1.81-1.1-.71-.26-1.52-.39-2.43-.39s-1.71.13-2.43.39c-.71.26-1.32.63-1.81 1.1-.5.47-.87 1.04-1.13 1.71s-.39 1.41-.39 2.21c0 .81.13 1.54.39 2.2s.64 1.23 1.13 1.7 1.1.84 1.81 1.11c.72.27 1.53.4 2.43.4zm15.01 9.49V91.18h1.14c.36 0 .57.18.63.54l.19 3.24c.99-1.25 2.13-2.25 3.43-3 1.29-.75 2.75-1.12 4.36-1.12 1.18 0 2.22.19 3.12.56.9.37 1.64.91 2.23 1.62.59.71 1.04 1.55 1.34 2.54.3.99.45 2.11.45 3.36v13.72h-2.07V98.93c0-2.01-.46-3.59-1.38-4.73-.92-1.14-2.32-1.71-4.21-1.71-1.41 0-2.72.36-3.92 1.07-1.21.71-2.29 1.7-3.23 2.96v16.13h-2.08zm51.22-26.81c-.13.25-.32.37-.56.37-.19 0-.43-.13-.72-.4s-.69-.56-1.2-.88c-.5-.32-1.13-.62-1.89-.89-.75-.27-1.69-.41-2.79-.41-1.11 0-2.08.16-2.92.47-.84.32-1.55.75-2.11 1.29-.57.55-1 1.18-1.29 1.9s-.44 1.47-.44 2.26c0 1.04.22 1.89.66 2.57.44.68 1.02 1.25 1.74 1.73.72.47 1.53.87 2.45 1.2.91.32 1.85.64 2.81.96s1.9.67 2.81 1.05 1.73.86 2.45 1.43c.72.57 1.3 1.28 1.74 2.12.44.84.66 1.89.66 3.14 0 1.28-.22 2.48-.66 3.61a8.445 8.445 0 0 1-1.91 2.94c-.83.83-1.85 1.49-3.06 1.97s-2.59.72-4.14.72c-2.01 0-3.75-.36-5.2-1.07-1.45-.71-2.73-1.69-3.82-2.92l.6-.95c.17-.21.37-.32.6-.32.13 0 .29.09.5.26.2.17.45.38.73.64.29.25.63.53 1.04.82.4.29.87.57 1.4.82.53.25 1.14.46 1.83.64.69.17 1.47.26 2.35.26 1.21 0 2.29-.18 3.23-.55.95-.37 1.75-.87 2.4-1.5s1.15-1.38 1.5-2.25c.34-.87.52-1.8.52-2.79 0-1.08-.22-1.97-.66-2.66-.44-.7-1.02-1.28-1.74-1.75s-1.53-.86-2.45-1.17-1.85-.63-2.81-.93c-.96-.3-1.9-.64-2.81-1.01s-1.73-.85-2.45-1.43c-.72-.58-1.3-1.31-1.74-2.18-.44-.87-.66-1.96-.66-3.27 0-1.02.19-2 .58-2.95s.96-1.79 1.7-2.51c.75-.73 1.67-1.31 2.77-1.75 1.1-.44 2.35-.66 3.76-.66 1.58 0 3 .25 4.26.76 1.26.5 2.4 1.27 3.44 2.31l-.5.96zm11.13 33.71c-.09.2-.2.37-.33.5s-.33.19-.59.19h-1.47l3.77-8.39-9.08-20.66h1.7c.22 0 .39.05.52.16s.22.23.26.36l7.22 16.69c.09.22.16.44.23.66s.13.45.18.68c.07-.23.15-.46.23-.68.08-.22.16-.44.25-.66l7.14-16.69c.07-.16.17-.28.3-.38.13-.09.27-.14.43-.14h1.57l-12.33 28.36zm28.15-25.7c-.12.2-.28.3-.5.3-.16 0-.36-.09-.6-.27a7.97 7.97 0 0 0-2.5-1.2c-.6-.18-1.34-.27-2.2-.27-.78 0-1.48.11-2.12.33s-1.19.52-1.64.89c-.45.38-.8.81-1.05 1.3-.24.5-.37 1.02-.37 1.56 0 .68.17 1.24.52 1.68.34.45.79.83 1.35 1.14.55.32 1.19.59 1.91.82.72.23 1.45.46 2.19.69.74.23 1.47.49 2.19.77s1.35.63 1.91 1.05 1 .93 1.35 1.53c.35.6.52 1.34.52 2.2 0 .94-.17 1.8-.5 2.61-.33.81-.82 1.5-1.46 2.09-.64.59-1.43 1.06-2.36 1.4-.94.34-2.01.52-3.21.52-1.51 0-2.81-.24-3.9-.72s-2.07-1.11-2.93-1.89l.47-.73c.07-.12.15-.2.25-.26s.22-.09.38-.09c.19 0 .41.12.68.34.27.23.62.48 1.07.74.45.27 1 .52 1.65.74.65.23 1.46.35 2.43.35.91 0 1.7-.12 2.39-.38.69-.25 1.26-.59 1.72-1.03.46-.43.81-.94 1.05-1.52.24-.58.36-1.2.36-1.84 0-.72-.17-1.32-.52-1.79s-.8-.88-1.36-1.21a9.57 9.57 0 0 0-1.91-.84c-.71-.23-1.44-.46-2.19-.69-.75-.23-1.48-.48-2.19-.75s-1.35-.62-1.91-1.04c-.56-.42-1.01-.92-1.36-1.52-.34-.6-.52-1.34-.52-2.23 0-.76.17-1.49.5-2.2s.8-1.32 1.41-1.86c.61-.53 1.35-.96 2.23-1.27s1.86-.47 2.96-.47c1.31 0 2.47.19 3.48.56 1.01.37 1.94.95 2.77 1.72l-.44.74zm12.4 19.15c-1.45 0-2.58-.4-3.4-1.21-.81-.8-1.22-2.05-1.22-3.73V93.38h-3.08c-.16 0-.29-.04-.39-.13a.468.468 0 0 1-.15-.37v-.8l3.67-.26.52-7.68a.95.95 0 0 1 .17-.35c.09-.1.21-.15.37-.15h.97v8.2h6.77v1.53h-6.77v14.56c0 .59.08 1.1.23 1.52.15.42.36.77.62 1.05.27.27.58.47.94.6s.75.2 1.16.2c.52 0 .96-.08 1.34-.23.37-.15.7-.32.97-.5s.5-.35.67-.5c.17-.15.31-.23.41-.23.12 0 .23.07.35.21l.56.91c-.55.6-1.24 1.09-2.08 1.46-.86.38-1.73.57-2.63.57zm17.29-22.15c1.21 0 2.33.21 3.36.62 1.04.42 1.93 1.02 2.7 1.82.76.8 1.36 1.78 1.8 2.94.44 1.17.66 2.5.66 4.01 0 .32-.04.53-.13.65s-.23.17-.43.17h-15.61v.41c0 1.61.19 3.03.56 4.25.37 1.22.91 2.25 1.6 3.07.69.83 1.52 1.45 2.5 1.87.98.42 2.07.62 3.28.62 1.08 0 2.01-.12 2.8-.36s1.46-.5 2-.8.97-.56 1.28-.8c.32-.24.55-.36.69-.36.19 0 .33.07.43.22l.56.69c-.35.43-.8.83-1.37 1.21-.57.38-1.2.69-1.9.96s-1.45.48-2.24.64c-.8.16-1.6.24-2.4.24-1.47 0-2.8-.26-4.01-.77a8.524 8.524 0 0 1-3.11-2.23c-.86-.98-1.53-2.17-2-3.59s-.7-3.04-.7-4.86c0-1.54.22-2.96.66-4.26s1.07-2.42 1.9-3.37c.83-.94 1.84-1.68 3.04-2.21 1.2-.52 2.56-.78 4.08-.78zm.02 1.53c-1.11 0-2.1.17-2.98.52a6.4 6.4 0 0 0-2.28 1.49c-.64.65-1.16 1.42-1.55 2.33-.4.91-.66 1.92-.79 3.04h14.23c0-1.15-.16-2.18-.49-3.09-.32-.91-.78-1.69-1.37-2.32s-1.29-1.12-2.1-1.46c-.79-.34-1.69-.51-2.67-.51zm14.09 20.27V91.18h1.14c.36 0 .57.18.63.54l.19 3.11c.83-1.19 1.79-2.16 2.87-2.89s2.29-1.1 3.64-1.1c1.57 0 2.82.45 3.76 1.36s1.58 2.16 1.91 3.77c.26-.88.62-1.64 1.09-2.29.47-.65 1-1.18 1.61-1.61.6-.42 1.26-.74 1.97-.94.71-.2 1.44-.3 2.19-.3 1.06 0 2.02.18 2.87.53.85.35 1.57.87 2.16 1.56.59.69 1.04 1.54 1.36 2.54s.47 2.16.47 3.45v13.72h-2.05v-13.7c0-2.1-.45-3.7-1.36-4.8-.91-1.1-2.2-1.65-3.88-1.65-.75 0-1.46.14-2.15.41s-1.29.68-1.81 1.22c-.52.54-.94 1.21-1.25 2.02-.31.81-.46 1.74-.46 2.8v13.72h-2.07V98.93c0-2.08-.41-3.68-1.24-4.79-.83-1.11-2.04-1.66-3.63-1.66-1.17 0-2.24.35-3.24 1.04-.99.69-1.88 1.65-2.65 2.87v16.26h-2.07z" class="st1"/><path d="M83.48 71.1c-1.63.72-1.53-.69-1.53-1.19 0-4.66.09-9.33.28-14.12 2.64 1.42 5.15 2.95 7.65 4.51 1.39.87 2.05 2.22 1.92 3.92-.06.79-.36 1.57-.55 2.35" style="fill:#414946"/><path d="M46.17 67.15c-3.44-1.93-5.38-4.69-5.03-9.02.22-2.76.04-5.63.74-8.24.5-1.89 2.14-3.44 3.39-5.03-.71 2.5-.29 4.51 1.43 5.68 2.58 1.75 5.22 3.39 7.83 5.08.1 1.24.28 2.48.29 3.72.04 3.27 0 6.54.02 9.8.01.95-.21 2.32-1.67 1.77" style="fill:hsl(256, 91%, 59%)"/><path d="M83.49 5.68c2.83 1.72 5.58 3.41 8.29 5.15 2.57 1.65 3.85 4.08 3.72 7.34-.11 2.72-.01 5.47-.37 8.15-.33 2.48-1.75 4.48-3.72 5.94.8-3.03.36-4.46-2.1-6.12-2.38-1.6-4.8-3.11-7.21-4.66-.04-4.69-.12-9.38-.09-14.07 0-.5.56-1.01.92-1.62.24-.3.25-.29.56-.11z" class="st0"/><path d="M45.42 10.63c2.52-1.58 5.04-3.15 7.59-4.84.17-.11.32-.19.54-.11.99.56 1.3 1.35 1.28 2.5-.08 3.75-.02 7.5-.04 11.24 0 .59-.13 1.18-.32 1.89-2.28-1.18-4.45-2.47-6.6-3.8-1.34-.83-2.7-1.76-2.86-3.57-.08-1.08.27-2.2.41-3.31z" class="st1"/><path d="M45.32 10.65c-.04 1.09-.39 2.21-.3 3.29.16 1.81 1.52 2.75 2.86 3.57 2.15 1.33 4.32 2.62 6.58 3.94 4.39 2.65 8.68 5.28 12.96 7.93.26.16.47.4.87.73 4.72 2.9 9.27 5.67 13.83 8.44 2.83 1.8 5.71 3.51 8.47 5.44 3.18 2.23 4.87 5.47 4.92 9.61.02 1.59-.08 3.18.02 4.76.23 3.65-1.14 6.34-4.16 8.17.09-.76.38-1.53.44-2.32.13-1.7-.53-3.06-1.92-3.92-2.5-1.56-5.03-3.08-7.64-4.65-4.68-2.82-9.21-5.69-13.93-8.65-4.69-2.89-9.2-5.67-13.72-8.44-3.14-2.05-6.39-3.94-9.4-6.19-2.66-2-3.95-5.02-4.05-8.55-.05-1.96.01-3.93-.01-5.9-.04-3.33 1.39-5.69 4.18-7.26z" style="fill:#57575b"/><path d="M82.2 38.45c-4.63-2.68-9.19-5.45-13.8-8.31 3.16-2.09 6.38-4.09 9.61-6.1 1.31-.82 2.61-1.64 4.01-2.51 2.5 1.5 4.93 3.02 7.3 4.62 2.46 1.65 2.9 3.08 2 6.15-3 2.1-6.02 4.08-9.12 6.15zm-27.67.2c4.58 2.68 9.1 5.45 13.68 8.31-4.48 2.87-9.03 5.67-13.63 8.56-2.67-1.59-5.31-3.23-7.89-4.98-1.72-1.17-2.13-3.18-1.33-5.7 2.02-1.52 4.03-2.94 6.08-4.3.98-.65 2.02-1.2 3.09-1.89z" style="fill:hsl(252, 98%, 66%)"/></svg>
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
// for each icon get the names and print a file
|
|
2
|
+
import fs from 'fs';
|
|
3
|
+
import path from 'path';
|
|
4
|
+
import icons from './icons.json' assert {type: 'json'};
|
|
5
|
+
|
|
6
|
+
const __dirname = import.meta.dirname;
|
|
7
|
+
|
|
8
|
+
const outputDir = path.join(__dirname, 'php');
|
|
9
|
+
|
|
10
|
+
if(!fs.existsSync(outputDir))
|
|
11
|
+
{
|
|
12
|
+
fs.mkdirSync(outputDir);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
function convertNumberCaseToUnderscore(text)
|
|
16
|
+
{
|
|
17
|
+
const numberWords = {
|
|
18
|
+
'1': 'ONE',
|
|
19
|
+
'2': 'TWO',
|
|
20
|
+
'3': 'THREE',
|
|
21
|
+
'4': 'FOUR',
|
|
22
|
+
'5': 'FIVE',
|
|
23
|
+
'6': 'SIX',
|
|
24
|
+
'7': 'SEVEN',
|
|
25
|
+
'8': 'EIGHT',
|
|
26
|
+
'9': 'NINE',
|
|
27
|
+
'0': 'ZERO'
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
let result = '';
|
|
31
|
+
for(let i = 0; i < text.length; i++)
|
|
32
|
+
{
|
|
33
|
+
const char = text[i];
|
|
34
|
+
if(/[0-9]/.test(char))
|
|
35
|
+
{ // Check if the character is a digit
|
|
36
|
+
result += (numberWords[char] || char) + '_'; // Use the number word if available, otherwise keep the original character
|
|
37
|
+
}
|
|
38
|
+
else
|
|
39
|
+
{
|
|
40
|
+
result += char;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
// remove trailing underscore
|
|
44
|
+
result = result.replace(/_+$/, '');
|
|
45
|
+
// remove double underscores
|
|
46
|
+
result = result.replace(/__+/g, '_');
|
|
47
|
+
return result;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
const i = [];
|
|
51
|
+
icons.icons.forEach(icon =>
|
|
52
|
+
{
|
|
53
|
+
const iconName = icon.name;
|
|
54
|
+
let iconCaseName = iconName.replace(/-/g, '_').toUpperCase();
|
|
55
|
+
|
|
56
|
+
// change 10K to TEN_K for example
|
|
57
|
+
iconCaseName = convertNumberCaseToUnderscore(iconCaseName);
|
|
58
|
+
|
|
59
|
+
i.push('case ' + iconCaseName + ' = "' + iconName + '";');
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
const output = `<?php
|
|
63
|
+
enum Icon: string {
|
|
64
|
+
${i.join('\n ')}
|
|
65
|
+
}
|
|
66
|
+
`;
|
|
67
|
+
|
|
68
|
+
fs.writeFile(path.join(outputDir, 'Icon.php'), output, err =>
|
|
69
|
+
{
|
|
70
|
+
if(err)
|
|
71
|
+
{
|
|
72
|
+
console.error('Error writing file:', err);
|
|
73
|
+
}
|
|
74
|
+
else
|
|
75
|
+
{
|
|
76
|
+
console.log('File written successfully');
|
|
77
|
+
}
|
|
78
|
+
});
|
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
(() =>
|
|
2
|
+
{
|
|
3
|
+
function convertModuleLinks(html)
|
|
4
|
+
{
|
|
5
|
+
html = html
|
|
6
|
+
.replace(/@kubex\/zinc/g, `https://esm.sh/@kubex/zinc@${zincVersion}`);
|
|
7
|
+
|
|
8
|
+
return html;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
function getAdjacentExample(name, pre)
|
|
12
|
+
{
|
|
13
|
+
let currentPre = pre.nextElementSibling;
|
|
14
|
+
|
|
15
|
+
while(currentPre?.tagName.toLowerCase() === 'pre')
|
|
16
|
+
{
|
|
17
|
+
if(currentPre?.getAttribute('data-lang').split(' ').includes(name))
|
|
18
|
+
{
|
|
19
|
+
return currentPre;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
currentPre = currentPre.nextElementSibling;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
return null;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
function runScript(script)
|
|
29
|
+
{
|
|
30
|
+
const newScript = document.createElement('script');
|
|
31
|
+
|
|
32
|
+
if(script.type === 'module')
|
|
33
|
+
{
|
|
34
|
+
newScript.type = 'module';
|
|
35
|
+
newScript.textContent = script.innerHTML;
|
|
36
|
+
}
|
|
37
|
+
else
|
|
38
|
+
{
|
|
39
|
+
newScript.appendChild(document.createTextNode(`(() => { ${script.innerHTML} })();`));
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
script.parentNode.replaceChild(newScript, script);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
function getFlavor()
|
|
46
|
+
{
|
|
47
|
+
return sessionStorage.getItem('flavor') || 'html';
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
function setFlavor(newFlavor)
|
|
51
|
+
{
|
|
52
|
+
flavor = ['html'].includes(newFlavor) ? newFlavor : 'html';
|
|
53
|
+
sessionStorage.setItem('flavor', flavor);
|
|
54
|
+
|
|
55
|
+
// Set the flavor class on the body
|
|
56
|
+
document.documentElement.classList.toggle('flavor-html', flavor === 'html');
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
function syncFlavor()
|
|
60
|
+
{
|
|
61
|
+
setFlavor(getFlavor());
|
|
62
|
+
|
|
63
|
+
document.querySelectorAll('.code-preview__button--html').forEach(preview =>
|
|
64
|
+
{
|
|
65
|
+
if(flavor === 'html')
|
|
66
|
+
{
|
|
67
|
+
preview.classList.add('code-preview__button--selected');
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
const zincVersion = document.documentElement.getAttribute('data-zinc-version');
|
|
73
|
+
const outdir = 'dist';
|
|
74
|
+
let flavor = getFlavor();
|
|
75
|
+
|
|
76
|
+
// We need the version to open
|
|
77
|
+
if(!zincVersion)
|
|
78
|
+
{
|
|
79
|
+
throw new Error('The data-zinc-version attribute is missing from <html>.');
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
// Sync flavor UI on page load
|
|
83
|
+
syncFlavor();
|
|
84
|
+
|
|
85
|
+
//
|
|
86
|
+
// Resizing previews
|
|
87
|
+
//
|
|
88
|
+
document.addEventListener('mousedown', handleResizerDrag);
|
|
89
|
+
document.addEventListener('touchstart', handleResizerDrag, {passive: true});
|
|
90
|
+
|
|
91
|
+
function handleResizerDrag(event)
|
|
92
|
+
{
|
|
93
|
+
const resizer = event.target.closest('.code-preview__resizer');
|
|
94
|
+
const preview = event.target.closest('.code-preview__preview');
|
|
95
|
+
|
|
96
|
+
if(!resizer || !preview)
|
|
97
|
+
{
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
let startX = event.changedTouches ? event.changedTouches[0].pageX : event.clientX;
|
|
102
|
+
let startWidth = parseInt(document.defaultView.getComputedStyle(preview).width, 10);
|
|
103
|
+
|
|
104
|
+
event.preventDefault();
|
|
105
|
+
preview.classList.add('code-preview__preview--dragging');
|
|
106
|
+
document.documentElement.addEventListener('mousemove', dragMove);
|
|
107
|
+
document.documentElement.addEventListener('touchmove', dragMove);
|
|
108
|
+
document.documentElement.addEventListener('mouseup', dragStop);
|
|
109
|
+
document.documentElement.addEventListener('touchend', dragStop);
|
|
110
|
+
|
|
111
|
+
function dragMove(event)
|
|
112
|
+
{
|
|
113
|
+
const width = startWidth + (event.changedTouches ? event.changedTouches[0].pageX : event.pageX) - startX;
|
|
114
|
+
preview.style.width = `${width}px`;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
function dragStop()
|
|
118
|
+
{
|
|
119
|
+
preview.classList.remove('code-preview__preview--dragging');
|
|
120
|
+
document.documentElement.removeEventListener('mousemove', dragMove);
|
|
121
|
+
document.documentElement.removeEventListener('touchmove', dragMove);
|
|
122
|
+
document.documentElement.removeEventListener('mouseup', dragStop);
|
|
123
|
+
document.documentElement.removeEventListener('touchend', dragStop);
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
//
|
|
128
|
+
// Toggle source mode
|
|
129
|
+
//
|
|
130
|
+
document.addEventListener('click', event =>
|
|
131
|
+
{
|
|
132
|
+
const button = event.target.closest('.code-preview__button');
|
|
133
|
+
const codeBlock = button?.closest('.code-preview');
|
|
134
|
+
|
|
135
|
+
if(button?.classList.contains('code-preview__button--html'))
|
|
136
|
+
{
|
|
137
|
+
// Show HTML
|
|
138
|
+
setFlavor('html');
|
|
139
|
+
toggleSource(codeBlock, true);
|
|
140
|
+
}
|
|
141
|
+
else if(button?.classList.contains('code-preview__button--react'))
|
|
142
|
+
{
|
|
143
|
+
// Show React
|
|
144
|
+
setFlavor('react');
|
|
145
|
+
toggleSource(codeBlock, true);
|
|
146
|
+
}
|
|
147
|
+
else if(button?.classList.contains('code-preview__toggle'))
|
|
148
|
+
{
|
|
149
|
+
// Toggle source
|
|
150
|
+
toggleSource(codeBlock);
|
|
151
|
+
}
|
|
152
|
+
else
|
|
153
|
+
{
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
// Update flavor buttons
|
|
158
|
+
[...document.querySelectorAll('.code-preview')].forEach(cb =>
|
|
159
|
+
{
|
|
160
|
+
cb.querySelector('.code-preview__button--html')?.classList.toggle(
|
|
161
|
+
'code-preview__button--selected',
|
|
162
|
+
flavor === 'html'
|
|
163
|
+
);
|
|
164
|
+
cb.querySelector('.code-preview__button--react')?.classList.toggle(
|
|
165
|
+
'code-preview__button--selected',
|
|
166
|
+
flavor === 'react'
|
|
167
|
+
);
|
|
168
|
+
});
|
|
169
|
+
});
|
|
170
|
+
|
|
171
|
+
function toggleSource(codeBlock, force)
|
|
172
|
+
{
|
|
173
|
+
codeBlock.classList.toggle('code-preview--expanded', force);
|
|
174
|
+
event.target.setAttribute('aria-expanded', codeBlock.classList.contains('code-preview--expanded'));
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
//
|
|
178
|
+
// Open in CodePen
|
|
179
|
+
//
|
|
180
|
+
document.addEventListener('click', event =>
|
|
181
|
+
{
|
|
182
|
+
const button = event.target.closest('button');
|
|
183
|
+
|
|
184
|
+
if(button?.classList.contains('code-preview__button--codepen'))
|
|
185
|
+
{
|
|
186
|
+
const codeBlock = button.closest('.code-preview');
|
|
187
|
+
const htmlExample = codeBlock.querySelector('.code-preview__source--html > pre > code')?.textContent;
|
|
188
|
+
const theme = document.documentElement.classList.contains('zn-theme-dark') ? 'dark' : 'light';
|
|
189
|
+
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
190
|
+
const isDark = theme === 'dark' || (theme === 'auto' && prefersDark);
|
|
191
|
+
const editors = isReact ? '0010' : '1000';
|
|
192
|
+
let htmlTemplate = '';
|
|
193
|
+
let jsTemplate = '';
|
|
194
|
+
let cssTemplate = '';
|
|
195
|
+
|
|
196
|
+
const form = document.createElement('form');
|
|
197
|
+
form.action = 'https://codepen.io/pen/define';
|
|
198
|
+
form.method = 'POST';
|
|
199
|
+
form.target = '_blank';
|
|
200
|
+
|
|
201
|
+
htmlTemplate =
|
|
202
|
+
`<script type="module" src="https://cdn.jsdelivr.net/npm/@kubex/zinc@${zincVersion}/${outdir}/zn.min.js"></script>\n` +
|
|
203
|
+
`\n${htmlExample}`;
|
|
204
|
+
jsTemplate = '';
|
|
205
|
+
|
|
206
|
+
// CSS templates
|
|
207
|
+
cssTemplate =
|
|
208
|
+
`@import 'https://cdn.jsdelivr.net/npm/@kubex/zinc@${zincVersion}/${outdir}/themes/${
|
|
209
|
+
isDark ? 'dark' : 'light'
|
|
210
|
+
}.css';\n` +
|
|
211
|
+
'\n' +
|
|
212
|
+
'body {\n' +
|
|
213
|
+
' font: 16px sans-serif;\n' +
|
|
214
|
+
' background-color: var(--zn-color-neutral-0);\n' +
|
|
215
|
+
' color: var(--zn-color-neutral-900);\n' +
|
|
216
|
+
' padding: 1rem;\n' +
|
|
217
|
+
'}';
|
|
218
|
+
|
|
219
|
+
// Docs: https://blog.codepen.io/documentation/prefill/
|
|
220
|
+
const data = {
|
|
221
|
+
title: '',
|
|
222
|
+
description: '',
|
|
223
|
+
tags: ['zinc', 'web components'],
|
|
224
|
+
editors,
|
|
225
|
+
head: `<meta name="viewport" content="width=device-width">`,
|
|
226
|
+
html_classes: `zn-theme-${isDark ? 'dark' : 'light'}`,
|
|
227
|
+
css_external: ``,
|
|
228
|
+
js_external: ``,
|
|
229
|
+
js_module: true,
|
|
230
|
+
js_pre_processor: 'none',
|
|
231
|
+
html: htmlTemplate,
|
|
232
|
+
css: cssTemplate,
|
|
233
|
+
js: jsTemplate
|
|
234
|
+
};
|
|
235
|
+
|
|
236
|
+
const input = document.createElement('input');
|
|
237
|
+
input.type = 'hidden';
|
|
238
|
+
input.name = 'data';
|
|
239
|
+
input.value = JSON.stringify(data);
|
|
240
|
+
form.append(input);
|
|
241
|
+
|
|
242
|
+
document.documentElement.append(form);
|
|
243
|
+
form.submit();
|
|
244
|
+
form.remove();
|
|
245
|
+
}
|
|
246
|
+
});
|
|
247
|
+
|
|
248
|
+
// Set the initial flavor
|
|
249
|
+
window.addEventListener('turbo:load', syncFlavor);
|
|
250
|
+
})();
|