@livenetworks/ashlar 1.6.1 → 2.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/LICENSE +641 -0
- package/README.md +202 -86
- package/{js → components}/COMPONENTS.md +1116 -1108
- package/{js → components}/index.js +81 -58
- package/{js → components}/ln-accordion/README.md +7 -6
- package/components/ln-accordion/ln-accordion-dev.scss +8 -0
- package/components/ln-accordion/ln-accordion.js +1 -0
- package/components/ln-accordion/ln-accordion.schema.json +30 -0
- package/components/ln-accordion/ln-accordion.scss +8 -0
- package/{js → components}/ln-accordion/src/ln-accordion.js +8 -2
- package/{js → components}/ln-ajax/README.md +171 -160
- package/components/ln-ajax/ln-ajax-dev.scss +8 -0
- package/components/ln-ajax/ln-ajax.js +1 -0
- package/components/ln-ajax/ln-ajax.schema.json +30 -0
- package/{js → components}/ln-ajax/src/ln-ajax.js +65 -30
- package/{js → components}/ln-api-connector/README.md +27 -5
- package/components/ln-api-connector/ln-api-connector.js +1 -0
- package/components/ln-api-connector/ln-api-connector.schema.json +96 -0
- package/components/ln-api-connector/src/connector-core.js +97 -0
- package/components/ln-api-connector/src/ln-api-connector.js +447 -0
- package/{js → components}/ln-api-queue/README.md +12 -9
- package/components/ln-api-queue/ln-api-queue.js +1 -0
- package/components/ln-api-queue/ln-api-queue.schema.json +34 -0
- package/{js → components}/ln-api-queue/src/ln-api-queue.js +33 -14
- package/{js → components}/ln-api-queue/src/queue-storage.js +7 -3
- package/{js → components}/ln-autoresize/README.md +129 -127
- package/components/ln-autoresize/ln-autoresize-dev.scss +8 -0
- package/components/ln-autoresize/ln-autoresize.js +1 -0
- package/components/ln-autoresize/ln-autoresize.schema.json +22 -0
- package/{js → components}/ln-autoresize/src/ln-autoresize.js +8 -1
- package/{js → components}/ln-autosave/README.md +127 -124
- package/components/ln-autosave/ln-autosave-dev.scss +13 -0
- package/components/ln-autosave/ln-autosave.js +1 -0
- package/components/ln-autosave/ln-autosave.schema.json +48 -0
- package/components/ln-autosave/src/autosave-model.js +34 -0
- package/{js → components}/ln-autosave/src/ln-autosave.js +65 -58
- package/components/ln-chart/README.md +145 -0
- package/components/ln-chart/ln-chart-dev.scss +20 -0
- package/components/ln-chart/ln-chart.js +1 -0
- package/components/ln-chart/ln-chart.schema.json +146 -0
- package/components/ln-chart/ln-chart.scss +8 -0
- package/components/ln-chart/src/chart-model.js +154 -0
- package/components/ln-chart/src/ln-chart.js +176 -0
- package/{js → components}/ln-circular-progress/README.md +15 -14
- package/components/ln-circular-progress/ln-circular-progress-dev.scss +8 -0
- package/components/ln-circular-progress/ln-circular-progress.js +1 -0
- package/components/ln-circular-progress/ln-circular-progress.schema.json +42 -0
- package/{js → components}/ln-circular-progress/src/ln-circular-progress.js +32 -50
- package/{js → components}/ln-confirm/README.md +69 -18
- package/components/ln-confirm/ln-confirm-dev.scss +24 -0
- package/components/ln-confirm/ln-confirm.js +1 -0
- package/components/ln-confirm/ln-confirm.schema.json +66 -0
- package/components/ln-confirm/ln-confirm.scss +24 -0
- package/{js → components}/ln-confirm/src/ln-confirm.js +180 -171
- package/{js → components}/ln-core/README.md +374 -149
- package/components/ln-core/attrs.js +273 -0
- package/components/ln-core/compare.js +40 -0
- package/components/ln-core/crypto.js +265 -0
- package/components/ln-core/date.js +50 -0
- package/components/ln-core/dom.js +115 -0
- package/components/ln-core/events.js +122 -0
- package/components/ln-core/form.js +136 -0
- package/{js → components}/ln-core/hash.js +149 -92
- package/components/ln-core/helpers.js +33 -0
- package/components/ln-core/http.js +48 -0
- package/components/ln-core/index.js +11 -0
- package/components/ln-core/lifecycle.js +403 -0
- package/components/ln-core/ln-core.schema.json +109 -0
- package/components/ln-core/locale.js +55 -0
- package/components/ln-core/matching.js +78 -0
- package/components/ln-core/number.js +125 -0
- package/components/ln-core/progress.js +30 -0
- package/components/ln-core/template.js +206 -0
- package/{js → components}/ln-core/window-cache.js +247 -213
- package/{js → components}/ln-couchdb-connector/README.md +7 -5
- package/components/ln-couchdb-connector/ln-couchdb-connector.js +1 -0
- package/components/ln-couchdb-connector/ln-couchdb-connector.schema.json +50 -0
- package/{js → components}/ln-couchdb-connector/src/ln-couchdb-connector.js +29 -43
- package/{js → components}/ln-data-coordinator/README.md +109 -73
- package/components/ln-data-coordinator/ln-data-coordinator-dev.scss +8 -0
- package/components/ln-data-coordinator/ln-data-coordinator.js +1 -0
- package/components/ln-data-coordinator/ln-data-coordinator.schema.json +196 -0
- package/components/ln-data-coordinator/src/data-read-policy.js +41 -0
- package/{js → components}/ln-data-coordinator/src/ln-data-coordinator.js +411 -154
- package/{js → components}/ln-data-coordinator/src/mutation-receipts.js +0 -5
- package/{js → components}/ln-data-store/README.md +42 -17
- package/components/ln-data-store/ln-data-store-dev.scss +13 -0
- package/components/ln-data-store/ln-data-store.js +1 -0
- package/components/ln-data-store/ln-data-store.schema.json +84 -0
- package/components/ln-data-store/src/data-store-model.js +155 -0
- package/{js → components}/ln-data-store/src/ln-data-store.js +407 -105
- package/components/ln-data-store/src/window-index.js +119 -0
- package/{js → components}/ln-date/README.md +17 -7
- package/{js → components}/ln-date/ln-date-dev.scss +14 -14
- package/components/ln-date/ln-date.js +1 -0
- package/components/ln-date/ln-date.schema.json +92 -0
- package/components/ln-date/src/date-model.js +186 -0
- package/components/ln-date/src/ln-date.js +486 -0
- package/components/ln-debug/README.md +132 -0
- package/components/ln-debug/ln-debug.js +1 -0
- package/components/ln-debug/ln-debug.schema.json +28 -0
- package/components/ln-debug/src/console-sink.js +19 -0
- package/components/ln-debug/src/debug-verifier.js +331 -0
- package/components/ln-debug/src/gate.js +95 -0
- package/components/ln-debug/src/generated-attributes.js +299 -0
- package/components/ln-debug/src/ln-debug.js +60 -0
- package/{js → components}/ln-dropdown/README.md +150 -140
- package/components/ln-dropdown/ln-dropdown-dev.scss +13 -0
- package/components/ln-dropdown/ln-dropdown.js +1 -0
- package/components/ln-dropdown/ln-dropdown.schema.json +90 -0
- package/components/ln-dropdown/ln-dropdown.scss +18 -0
- package/{js → components}/ln-dropdown/src/ln-dropdown.js +114 -11
- package/{js → components}/ln-editor/README.md +11 -9
- package/components/ln-editor/ln-editor-dev.scss +18 -0
- package/components/ln-editor/ln-editor.js +1 -0
- package/components/ln-editor/ln-editor.schema.json +58 -0
- package/components/ln-editor/ln-editor.scss +13 -0
- package/{js → components}/ln-editor/src/ln-editor.js +59 -11
- package/{js → components}/ln-external-links/README.md +10 -8
- package/components/ln-external-links/ln-external-links.js +1 -0
- package/components/ln-external-links/ln-external-links.schema.json +18 -0
- package/{js → components}/ln-external-links/src/ln-external-links.js +13 -11
- package/{js → components}/ln-fill/README.md +6 -8
- package/components/ln-fill/ln-fill.js +1 -0
- package/components/ln-fill/ln-fill.schema.json +23 -0
- package/{js → components}/ln-fill/src/ln-fill.js +7 -1
- package/components/ln-filter/README.md +131 -0
- package/components/ln-filter/ln-filter-dev.scss +13 -0
- package/components/ln-filter/ln-filter.js +1 -0
- package/components/ln-filter/ln-filter.schema.json +153 -0
- package/components/ln-filter/src/filter-model.js +185 -0
- package/components/ln-filter/src/ln-filter.js +435 -0
- package/{js → components}/ln-form/README.md +260 -264
- package/components/ln-form/ln-form-dev.scss +8 -0
- package/components/ln-form/ln-form.js +1 -0
- package/components/ln-form/ln-form.schema.json +45 -0
- package/{js → components}/ln-form/src/ln-form.js +107 -99
- package/{js → components}/ln-http/README.md +11 -6
- package/components/ln-http/ln-http.js +1 -0
- package/components/ln-http/ln-http.schema.json +6 -0
- package/components/ln-http/src/http-core.js +51 -0
- package/{js → components}/ln-http/src/ln-http.js +28 -33
- package/{js → components}/ln-icon/README.md +16 -9
- package/components/ln-icon/ln-icon.schema.json +6 -0
- package/components/ln-include/README.md +75 -0
- package/components/ln-include/ln-include-dev.scss +13 -0
- package/components/ln-include/ln-include.js +1 -0
- package/components/ln-include/ln-include.schema.json +23 -0
- package/components/ln-include/src/ln-include.js +111 -0
- package/components/ln-key/README.md +130 -0
- package/components/ln-key/ln-key-dev.scss +18 -0
- package/components/ln-key/ln-key.js +1 -0
- package/components/ln-key/ln-key.schema.json +56 -0
- package/components/ln-key/src/key-model.js +146 -0
- package/components/ln-key/src/ln-key.js +201 -0
- package/{js → components}/ln-link/README.md +7 -9
- package/components/ln-link/ln-link-dev.scss +8 -0
- package/components/ln-link/ln-link.js +1 -0
- package/components/ln-link/ln-link.schema.json +22 -0
- package/{js → components}/ln-link/src/ln-link.js +16 -11
- package/components/ln-list/README.md +152 -0
- package/components/ln-list/ln-list-dev.scss +8 -0
- package/components/ln-list/ln-list.js +1 -0
- package/components/ln-list/ln-list.schema.json +166 -0
- package/components/ln-list/ln-list.scss +25 -0
- package/{js → components}/ln-list/src/ln-list.js +1301 -1216
- package/{js → components}/ln-modal/README.md +13 -10
- package/components/ln-modal/ln-modal-dev.scss +18 -0
- package/components/ln-modal/ln-modal.js +1 -0
- package/components/ln-modal/ln-modal.schema.json +54 -0
- package/components/ln-modal/ln-modal.scss +51 -0
- package/{js → components}/ln-modal/src/ln-modal.js +164 -137
- package/{js → components}/ln-nav/README.md +11 -11
- package/components/ln-nav/ln-nav.js +1 -0
- package/components/ln-nav/ln-nav.schema.json +25 -0
- package/{js → components}/ln-nav/src/ln-nav.js +25 -14
- package/components/ln-number/README.md +205 -0
- package/{js → components}/ln-number/ln-number-dev.scss +13 -13
- package/components/ln-number/ln-number.js +1 -0
- package/components/ln-number/ln-number.schema.json +63 -0
- package/components/ln-number/src/ln-number.js +400 -0
- package/components/ln-number/src/number-model.js +31 -0
- package/components/ln-obfuscator/README.md +60 -0
- package/components/ln-obfuscator/ln-obfuscator.js +1 -0
- package/components/ln-obfuscator/ln-obfuscator.schema.json +49 -0
- package/components/ln-obfuscator/src/ln-obfuscator.js +159 -0
- package/components/ln-obfuscator/src/obfuscator-model.js +250 -0
- package/{js → components}/ln-options/README.md +3 -1
- package/components/ln-options/ln-options-dev.scss +13 -0
- package/components/ln-options/ln-options.js +1 -0
- package/components/ln-options/ln-options.schema.json +41 -0
- package/{js → components}/ln-options/src/ln-options.js +13 -5
- package/components/ln-persist/README.md +151 -0
- package/components/ln-persist/ln-persist.js +1 -0
- package/components/ln-persist/ln-persist.schema.json +28 -0
- package/components/ln-persist/src/ln-persist.js +83 -0
- package/components/ln-picklist/README.md +230 -0
- package/components/ln-picklist/ln-picklist-dev.scss +22 -0
- package/components/ln-picklist/ln-picklist.js +1 -0
- package/components/ln-picklist/ln-picklist.schema.json +49 -0
- package/components/ln-picklist/src/ln-picklist.js +228 -0
- package/{js → components}/ln-popover/README.md +164 -162
- package/components/ln-popover/ln-popover-dev.scss +13 -0
- package/components/ln-popover/ln-popover.js +1 -0
- package/components/ln-popover/ln-popover.schema.json +82 -0
- package/components/ln-popover/ln-popover.scss +18 -0
- package/{js → components}/ln-popover/src/ln-popover.js +42 -36
- package/{js → components}/ln-progress/README.md +410 -413
- package/components/ln-progress/ln-progress-dev.scss +8 -0
- package/components/ln-progress/ln-progress.js +1 -0
- package/components/ln-progress/ln-progress.schema.json +40 -0
- package/components/ln-progress/src/ln-progress.js +91 -0
- package/components/ln-progress/src/progress-model.js +20 -0
- package/{js → components}/ln-router/README.md +443 -432
- package/components/ln-router/ln-router-dev.scss +13 -0
- package/components/ln-router/ln-router.js +1 -0
- package/components/ln-router/ln-router.schema.json +68 -0
- package/{js → components}/ln-router/src/ln-router.js +585 -539
- package/components/ln-router/src/router-model.js +50 -0
- package/components/ln-scroll/README.md +45 -0
- package/components/ln-scroll/ln-scroll.js +1 -0
- package/components/ln-scroll/ln-scroll.schema.json +85 -0
- package/components/ln-scroll/src/ln-scroll.js +150 -0
- package/components/ln-search/README.md +188 -0
- package/components/ln-search/ln-search-dev.scss +13 -0
- package/components/ln-search/ln-search.js +1 -0
- package/components/ln-search/ln-search.schema.json +103 -0
- package/components/ln-search/src/ln-search.js +330 -0
- package/{js → components}/ln-slug/README.md +6 -3
- package/components/ln-slug/ln-slug-dev.scss +18 -0
- package/components/ln-slug/ln-slug.js +1 -0
- package/components/ln-slug/ln-slug.schema.json +23 -0
- package/{js → components}/ln-slug/src/ln-slug.js +20 -13
- package/components/ln-slug/src/slug-model.js +21 -0
- package/{js → components}/ln-sort/README.md +178 -170
- package/{js → components}/ln-sort/ln-sort-dev.scss +8 -8
- package/components/ln-sort/ln-sort.js +1 -0
- package/components/ln-sort/ln-sort.schema.json +104 -0
- package/components/ln-sort/src/ln-sort.js +321 -0
- package/components/ln-sort/src/sort-model.js +117 -0
- package/{js → components}/ln-sortable/README.md +7 -11
- package/components/ln-sortable/ln-sortable-dev.scss +13 -0
- package/components/ln-sortable/ln-sortable.js +1 -0
- package/components/ln-sortable/ln-sortable.schema.json +36 -0
- package/{js → components}/ln-sortable/src/ln-sortable.js +8 -13
- package/{js → components}/ln-stat/README.md +3 -1
- package/components/ln-stat/ln-stat-dev.scss +8 -0
- package/components/ln-stat/ln-stat.js +1 -0
- package/components/ln-stat/ln-stat.schema.json +32 -0
- package/{js → components}/ln-stat/src/ln-stat.js +14 -18
- package/components/ln-stat/src/stat-model.js +28 -0
- package/{js → components}/ln-table/README.md +37 -24
- package/{js → components}/ln-table/ln-table-dev.scss +17 -17
- package/components/ln-table/ln-table.js +1 -0
- package/components/ln-table/ln-table.schema.json +211 -0
- package/components/ln-table/ln-table.scss +15 -0
- package/{js → components}/ln-table/src/ln-table.js +1365 -1493
- package/components/ln-table/src/table-model.js +98 -0
- package/components/ln-table-coordinator/README.md +61 -0
- package/components/ln-table-coordinator/ln-table-coordinator.js +1 -0
- package/components/ln-table-coordinator/ln-table-coordinator.schema.json +93 -0
- package/components/ln-table-coordinator/src/ln-table-coordinator.js +193 -0
- package/{js → components}/ln-tabs/README.md +32 -14
- package/components/ln-tabs/ln-tabs-dev.scss +24 -0
- package/components/ln-tabs/ln-tabs.js +1 -0
- package/components/ln-tabs/ln-tabs.schema.json +75 -0
- package/components/ln-tabs/ln-tabs.scss +8 -0
- package/components/ln-tabs/src/ln-tabs.js +207 -0
- package/components/ln-tabs/src/tabs-model.js +82 -0
- package/{js → components}/ln-time/README.md +96 -95
- package/components/ln-time/ln-time-dev.scss +13 -0
- package/components/ln-time/ln-time.js +1 -0
- package/components/ln-time/ln-time.schema.json +38 -0
- package/{js → components}/ln-time/src/ln-time.js +206 -223
- package/components/ln-time/src/time-model.js +64 -0
- package/{js → components}/ln-toast/README.md +23 -5
- package/components/ln-toast/ln-toast-dev.scss +8 -0
- package/components/ln-toast/ln-toast.js +1 -0
- package/components/ln-toast/ln-toast.schema.json +65 -0
- package/components/ln-toast/ln-toast.scss +59 -0
- package/{js → components}/ln-toast/src/ln-toast.js +233 -232
- package/{js → components}/ln-toggle/README.md +198 -196
- package/{js → components}/ln-toggle/ln-toggle-dev.scss +13 -13
- package/components/ln-toggle/ln-toggle.js +1 -0
- package/components/ln-toggle/ln-toggle.schema.json +52 -0
- package/components/ln-toggle/ln-toggle.scss +37 -0
- package/{js → components}/ln-toggle/src/ln-toggle.js +61 -46
- package/{js → components}/ln-tooltip/README.md +6 -6
- package/{js → components}/ln-tooltip/ln-tooltip-dev.scss +9 -9
- package/components/ln-tooltip/ln-tooltip.js +1 -0
- package/components/ln-tooltip/ln-tooltip.schema.json +86 -0
- package/components/ln-tooltip/ln-tooltip.scss +9 -0
- package/{js → components}/ln-tooltip/src/ln-tooltip.js +14 -3
- package/{js → components}/ln-translations/README.md +3 -1
- package/components/ln-translations/ln-translations-dev.scss +13 -0
- package/components/ln-translations/ln-translations.js +1 -0
- package/components/ln-translations/ln-translations.schema.json +120 -0
- package/{js → components}/ln-translations/src/ln-translations.js +25 -10
- package/components/ln-ui-coordinator/README.md +101 -0
- package/components/ln-ui-coordinator/ln-ui-coordinator-dev.scss +8 -0
- package/components/ln-ui-coordinator/ln-ui-coordinator.js +1 -0
- package/components/ln-ui-coordinator/ln-ui-coordinator.schema.json +60 -0
- package/{js/ln-modal-coordinator/src/ln-modal-coordinator.js → components/ln-ui-coordinator/src/ln-ui-coordinator.js} +403 -345
- package/components/ln-upload/README.md +133 -0
- package/components/ln-upload/ln-upload-dev.scss +18 -0
- package/components/ln-upload/ln-upload.js +1 -0
- package/components/ln-upload/ln-upload.schema.json +193 -0
- package/components/ln-upload/ln-upload.scss +20 -0
- package/components/ln-upload/src/ln-upload.js +652 -0
- package/components/ln-upload/src/upload-model.js +78 -0
- package/{js → components}/ln-validate/README.md +182 -180
- package/{js → components}/ln-validate/ln-validate-dev.scss +15 -15
- package/components/ln-validate/ln-validate.js +1 -0
- package/components/ln-validate/ln-validate.schema.json +50 -0
- package/components/ln-validate/ln-validate.scss +7 -0
- package/{js → components}/ln-validate/src/ln-validate.js +23 -45
- package/components/ln-validate/src/validate-model.js +64 -0
- package/components/ln-websocket-connector/README.md +166 -0
- package/components/ln-websocket-connector/ln-websocket-connector.js +1 -0
- package/components/ln-websocket-connector/ln-websocket-connector.schema.json +29 -0
- package/components/ln-websocket-connector/src/ln-websocket-connector.js +279 -0
- package/ln-ashlar.html-data.json +1796 -0
- package/package.json +84 -61
- package/{scss → theme}/base/_global.scss +1 -2
- package/{scss → theme}/base/_reset.scss +1 -1
- package/{scss → theme}/base/_typography.scss +2 -0
- package/theme/brand.css +73 -0
- package/{scss → theme}/components/_app-shell.scss +8 -0
- package/theme/components/_button.scss +24 -0
- package/theme/components/_chart.scss +5 -0
- package/theme/components/_confirm.scss +6 -0
- package/{scss → theme}/components/_date.scss +30 -22
- package/{scss → theme}/components/_dropdown.scss +6 -1
- package/theme/components/_form.scss +140 -0
- package/{scss → theme}/components/_layout.scss +6 -0
- package/{scss → theme}/components/_ln-table.scss +1 -6
- package/theme/components/_picklist.scss +3 -0
- package/{scss → theme}/components/_sort.scss +10 -10
- package/theme/components/_status-badge.scss +6 -0
- package/{scss → theme}/components/_table.scss +16 -0
- package/{scss → theme}/components/_tabs.scss +0 -4
- package/theme/components/_toast.scss +48 -0
- package/{scss → theme}/components/_toggle.scss +1 -1
- package/theme/components/_upload.scss +45 -0
- package/{scss → theme}/config/_breakpoints.scss +1 -1
- package/theme/config/_contrast.scss +128 -0
- package/{scss → theme}/config/_density.scss +191 -205
- package/theme/config/_palette.scss +274 -0
- package/theme/config/_theme.scss +293 -0
- package/{scss → theme}/config/_tokens.scss +285 -441
- package/{scss → theme}/config/mixins/_accordion.scss +1 -1
- package/{scss → theme}/config/mixins/_alert.scss +1 -0
- package/{scss → theme}/config/mixins/_app-shell.scss +4 -2
- package/{scss → theme}/config/mixins/_borders.scss +2 -0
- package/theme/config/mixins/_btn.scss +175 -0
- package/{scss → theme}/config/mixins/_card.scss +55 -46
- package/theme/config/mixins/_chart.scss +82 -0
- package/{scss → theme}/config/mixins/_collapsible.scss +2 -1
- package/{scss → theme}/config/mixins/_colors.scss +8 -14
- package/{scss → theme}/config/mixins/_diagnostics.scss +48 -48
- package/theme/config/mixins/_dropdown.scss +169 -0
- package/{scss → theme}/config/mixins/_editor.scss +0 -7
- package/{scss → theme}/config/mixins/_filter.scss +47 -47
- package/{scss → theme}/config/mixins/_footer.scss +1 -1
- package/{scss → theme}/config/mixins/_form.scss +49 -18
- package/{scss → theme}/config/mixins/_index.scss +62 -61
- package/{scss → theme}/config/mixins/_layout.scss +6 -2
- package/{scss → theme}/config/mixins/_ln-table.scss +31 -10
- package/{scss → theme}/config/mixins/_loader.scss +1 -1
- package/{scss → theme}/config/mixins/_modal.scss +145 -149
- package/{scss → theme}/config/mixins/_motion.scss +13 -0
- package/{scss → theme}/config/mixins/_nav.scss +7 -7
- package/theme/config/mixins/_picklist.scss +66 -0
- package/theme/config/mixins/_popover.scss +96 -0
- package/{scss → theme}/config/mixins/_sidebar.scss +7 -4
- package/{scss → theme}/config/mixins/_sort.scss +43 -42
- package/{scss → theme}/config/mixins/_status-badge.scss +15 -2
- package/{scss → theme}/config/mixins/_table.scss +25 -14
- package/{scss → theme}/config/mixins/_tabs.scss +1 -1
- package/{scss → theme}/config/mixins/_toast.scss +174 -179
- package/{scss → theme}/config/mixins/_tooltip.scss +2 -2
- package/{scss → theme}/config/mixins/_typography.scss +16 -5
- package/{scss → theme}/config/mixins/_upload.scss +8 -6
- package/theme/ln-ashlar-core.scss +24 -0
- package/theme/ln-ashlar-dev.scss +66 -0
- package/theme/ln-ashlar-landing.scss +56 -0
- package/{scss/ln-ashlar.scss → theme/ln-ashlar-theme.scss} +63 -69
- package/theme/ln-ashlar.scss +8 -0
- package/theme/presentation/_bento.scss +151 -0
- package/theme/presentation/_cta.scss +111 -0
- package/theme/presentation/_effects.scss +216 -0
- package/theme/presentation/_features.scss +108 -0
- package/theme/presentation/_footer.scss +129 -0
- package/theme/presentation/_hero.scss +158 -0
- package/theme/presentation/_layout.scss +170 -0
- package/theme/presentation/_navbar.scss +140 -0
- package/theme/presentation/_pricing.scss +262 -0
- package/theme/presentation/_stats.scss +87 -0
- package/theme/presentation/_testimonials.scss +124 -0
- package/theme/presentation/_tokens.scss +39 -0
- package/theme/presentation/_typography.scss +163 -0
- package/{scss → theme}/utilities/_animations.scss +38 -0
- package/{scss → theme}/utilities/_utilities.scss +6 -0
- package/web-types.json +2312 -0
- package/js/ln-accordion/ln-accordion.js +0 -1
- package/js/ln-ajax/ln-ajax.js +0 -1
- package/js/ln-api-connector/ln-api-connector.js +0 -1
- package/js/ln-api-connector/src/ln-api-connector.js +0 -368
- package/js/ln-api-queue/ln-api-queue.js +0 -1
- package/js/ln-autoresize/ln-autoresize.js +0 -1
- package/js/ln-autosave/ln-autosave.js +0 -1
- package/js/ln-circular-progress/ln-circular-progress.js +0 -1
- package/js/ln-confirm/_ln-confirm.scss +0 -24
- package/js/ln-confirm/ln-confirm.js +0 -1
- package/js/ln-core/crypto.js +0 -83
- package/js/ln-core/helpers.js +0 -788
- package/js/ln-core/index.js +0 -7
- package/js/ln-core/persist.js +0 -97
- package/js/ln-couchdb-connector/ln-couchdb-connector.js +0 -1
- package/js/ln-data-coordinator/ln-data-coordinator.js +0 -1
- package/js/ln-data-coordinator/src/data-read-policy.js +0 -18
- package/js/ln-data-store/ln-data-store.js +0 -1
- package/js/ln-date/ln-date.js +0 -1
- package/js/ln-date/src/ln-date.js +0 -603
- package/js/ln-debug/README.md +0 -58
- package/js/ln-debug/ln-debug.js +0 -1
- package/js/ln-debug/src/ln-debug.js +0 -19
- package/js/ln-dropdown/ln-dropdown.js +0 -1
- package/js/ln-dropdown/ln-dropdown.scss +0 -15
- package/js/ln-editor/ln-editor.js +0 -1
- package/js/ln-editor/ln-editor.scss +0 -43
- package/js/ln-external-links/ln-external-links.js +0 -1
- package/js/ln-fill/ln-fill.js +0 -1
- package/js/ln-filter/README.md +0 -189
- package/js/ln-filter/ln-filter-dev.scss +0 -8
- package/js/ln-filter/ln-filter.js +0 -1
- package/js/ln-filter/src/ln-filter.js +0 -419
- package/js/ln-form/ln-form.js +0 -1
- package/js/ln-http/ln-http.js +0 -1
- package/js/ln-link/ln-link.js +0 -1
- package/js/ln-list/README.md +0 -129
- package/js/ln-list/ln-list.js +0 -1
- package/js/ln-list/ln-list.scss +0 -28
- package/js/ln-modal/ln-modal-dev.scss +0 -13
- package/js/ln-modal/ln-modal.js +0 -1
- package/js/ln-modal/ln-modal.scss +0 -35
- package/js/ln-modal-coordinator/README.md +0 -99
- package/js/ln-modal-coordinator/ln-modal-coordinator-dev.scss +0 -8
- package/js/ln-modal-coordinator/ln-modal-coordinator.js +0 -1
- package/js/ln-nav/ln-nav.js +0 -1
- package/js/ln-number/README.md +0 -149
- package/js/ln-number/ln-number.js +0 -1
- package/js/ln-number/src/ln-number.js +0 -443
- package/js/ln-options/ln-options.js +0 -1
- package/js/ln-popover/ln-popover.js +0 -1
- package/js/ln-progress/ln-progress.js +0 -1
- package/js/ln-progress/src/ln-progress.js +0 -98
- package/js/ln-router/ln-router.js +0 -1
- package/js/ln-search/README.md +0 -158
- package/js/ln-search/ln-search-dev.scss +0 -8
- package/js/ln-search/ln-search.js +0 -1
- package/js/ln-search/src/ln-search.js +0 -117
- package/js/ln-slug/ln-slug.js +0 -1
- package/js/ln-sort/ln-sort.js +0 -1
- package/js/ln-sort/src/ln-sort.js +0 -178
- package/js/ln-sortable/ln-sortable.js +0 -1
- package/js/ln-stat/ln-stat.js +0 -1
- package/js/ln-table/ln-table.js +0 -1
- package/js/ln-table/ln-table.scss +0 -11
- package/js/ln-table-coordinator/README.md +0 -73
- package/js/ln-table-coordinator/ln-table-coordinator.js +0 -1
- package/js/ln-table-coordinator/src/ln-table-coordinator.js +0 -160
- package/js/ln-tabs/ln-tabs-dev.scss +0 -18
- package/js/ln-tabs/ln-tabs.js +0 -1
- package/js/ln-tabs/src/ln-tabs.js +0 -188
- package/js/ln-time/ln-time.js +0 -1
- package/js/ln-toast/ln-toast.js +0 -1
- package/js/ln-toggle/ln-toggle.js +0 -1
- package/js/ln-tooltip/ln-tooltip.js +0 -1
- package/js/ln-tooltip/ln-tooltip.scss +0 -9
- package/js/ln-translations/ln-translations.js +0 -1
- package/js/ln-upload/README.md +0 -255
- package/js/ln-upload/ln-upload.js +0 -1
- package/js/ln-upload/ln-upload.scss +0 -20
- package/js/ln-upload/src/ln-upload.js +0 -423
- package/js/ln-validate/ln-validate.js +0 -1
- package/scss/components/_button.scss +0 -20
- package/scss/components/_confirm.scss +0 -5
- package/scss/components/_form.scss +0 -107
- package/scss/components/_status-badge.scss +0 -4
- package/scss/components/_toast.scss +0 -68
- package/scss/components/_upload.scss +0 -51
- package/scss/config/_theme.scss +0 -216
- package/scss/config/mixins/_btn.scss +0 -179
- package/scss/config/mixins/_confirm.scss +0 -31
- package/scss/config/mixins/_dropdown.scss +0 -141
- package/scss/config/mixins/_popover.scss +0 -64
- package/scss/ln-ashlar-dev.scss +0 -39
- /package/{js → components}/ln-core/positioning.js +0 -0
- /package/{js → components}/ln-core/reactive.js +0 -0
- /package/{js → components}/ln-filter/ln-filter.scss +0 -0
- /package/{js → components}/ln-icon/ln-icon.js +0 -0
- /package/{js → components}/ln-icon/src/ln-icon.js +0 -0
- /package/{js → components}/ln-search/ln-search.scss +0 -0
- /package/{js → components}/ln-toast/template.html +0 -0
- /package/{scss → theme}/components/_accordion.scss +0 -0
- /package/{scss → theme}/components/_ajax.scss +0 -0
- /package/{scss → theme}/components/_alert.scss +0 -0
- /package/{scss → theme}/components/_avatar.scss +0 -0
- /package/{scss → theme}/components/_breadcrumbs.scss +0 -0
- /package/{scss → theme}/components/_card.scss +0 -0
- /package/{scss → theme}/components/_chip.scss +0 -0
- /package/{scss → theme}/components/_circular-progress.scss +0 -0
- /package/{scss → theme}/components/_editor.scss +0 -0
- /package/{scss → theme}/components/_empty-state.scss +0 -0
- /package/{scss → theme}/components/_filter.scss +0 -0
- /package/{scss → theme}/components/_link.scss +0 -0
- /package/{scss → theme}/components/_loader.scss +0 -0
- /package/{scss → theme}/components/_modal.scss +0 -0
- /package/{scss → theme}/components/_nav.scss +0 -0
- /package/{scss → theme}/components/_page-header.scss +0 -0
- /package/{scss → theme}/components/_popover.scss +0 -0
- /package/{scss → theme}/components/_progress.scss +0 -0
- /package/{scss → theme}/components/_prose.scss +0 -0
- /package/{scss → theme}/components/_scrollbar.scss +0 -0
- /package/{scss → theme}/components/_sections.scss +0 -0
- /package/{scss → theme}/components/_sidebar.scss +0 -0
- /package/{scss → theme}/components/_stat-card.scss +0 -0
- /package/{scss → theme}/components/_stepper.scss +0 -0
- /package/{scss → theme}/components/_timeline.scss +0 -0
- /package/{scss → theme}/components/_tooltip.scss +0 -0
- /package/{scss → theme}/components/_translations.scss +0 -0
- /package/{scss → theme}/config/_icons.scss +0 -0
- /package/{scss → theme}/config/_mixins.scss +0 -0
- /package/{scss → theme}/config/mixins/_ajax.scss +0 -0
- /package/{scss → theme}/config/mixins/_avatar.scss +0 -0
- /package/{scss → theme}/config/mixins/_breadcrumbs.scss +0 -0
- /package/{scss → theme}/config/mixins/_breakpoints.scss +0 -0
- /package/{scss → theme}/config/mixins/_chip.scss +0 -0
- /package/{scss → theme}/config/mixins/_circular-progress.scss +0 -0
- /package/{scss → theme}/config/mixins/_display.scss +0 -0
- /package/{scss → theme}/config/mixins/_empty-state.scss +0 -0
- /package/{scss → theme}/config/mixins/_focus.scss +0 -0
- /package/{scss → theme}/config/mixins/_interaction.scss +0 -0
- /package/{scss → theme}/config/mixins/_kbd.scss +0 -0
- /package/{scss → theme}/config/mixins/_link.scss +0 -0
- /package/{scss → theme}/config/mixins/_page-header.scss +0 -0
- /package/{scss → theme}/config/mixins/_position.scss +0 -0
- /package/{scss → theme}/config/mixins/_progress.scss +0 -0
- /package/{scss → theme}/config/mixins/_prose.scss +0 -0
- /package/{scss → theme}/config/mixins/_shadows.scss +0 -0
- /package/{scss → theme}/config/mixins/_sizing.scss +0 -0
- /package/{scss → theme}/config/mixins/_spacing.scss +0 -0
- /package/{scss → theme}/config/mixins/_stat-card.scss +0 -0
- /package/{scss → theme}/config/mixins/_stepper.scss +0 -0
- /package/{scss → theme}/config/mixins/_timeline.scss +0 -0
- /package/{scss → theme}/config/mixins/_transitions.scss +0 -0
- /package/{scss → theme}/config/mixins/_translations.scss +0 -0
- /package/{scss → theme}/tabler-icons.txt +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(){"use strict";if(typeof window<"u"){const t=console.warn;console.warn=function(...e){typeof e[0]=="string"&&(e[0].startsWith("[ln-")||e[0].startsWith("[lnCore"))&&!(document.documentElement.hasAttribute("data-ln-debug")||document.body&&document.body.hasAttribute("data-ln-debug"))||t.apply(console,e)}}const v={};function B(t,e){v[t]||(v[t]=document.querySelector('[data-ln-template="'+t+'"]'));const o=v[t];return o?o.content.cloneNode(!0):(console.warn("["+(e||"ln-core")+'] Template "'+t+'" not found'),null)}function L(t,e,o){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:o||{}}))}function x(t,e){if(!t||!e)return t;const o=t.querySelectorAll("[data-ln-field]");for(let i=0;i<o.length;i++){const r=o[i],d=r.getAttribute("data-ln-field");e[d]!=null&&(r.textContent=e[d])}const l=t.querySelectorAll("[data-ln-attr]");for(let i=0;i<l.length;i++){const r=l[i],d=r.getAttribute("data-ln-attr").split(",");for(let u=0;u<d.length;u++){const c=d[u].trim().split(":");if(c.length!==2)continue;const f=c[0].trim(),g=c[1].trim();e[g]!=null&&r.setAttribute(f,e[g])}}const n=t.querySelectorAll("[data-ln-show]");for(let i=0;i<n.length;i++){const r=n[i],d=r.getAttribute("data-ln-show");d in e&&r.classList.toggle("hidden",!e[d])}const s=t.querySelectorAll("[data-ln-class]");for(let i=0;i<s.length;i++){const r=s[i],d=r.getAttribute("data-ln-class").split(",");for(let u=0;u<d.length;u++){const c=d[u].trim().split(":");if(c.length!==2)continue;const f=c[0].trim(),g=c[1].trim();g in e&&r.classList.toggle(f,!!e[g])}}return t}function z(t,e){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));const o=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let l=0;l<o.length;l++)o[l].dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));return t}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._fillBound||(window.lnCore._fillBound=!0,document.addEventListener("ln-fill",function(t){if(!(!t.target.matches||!t.target.matches("[data-ln-fillable]")))if(t.detail)x(t.target,t.detail);else{const e=t.target.querySelectorAll("[data-ln-field]");for(let o=0;o<e.length;o++)e[o].textContent=""}})));function S(t,e){if(!t||!e)return t;const o=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;o.nextNode();){const s=o.currentNode;s.textContent.indexOf("{{")!==-1&&(s.textContent=s.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(i,r){return e[r]!==void 0?e[r]:""}))}const l=function(s,i){return e[i]!==void 0?e[i]:""},n=Array.from(t.querySelectorAll("*"));t.nodeType===1&&n.push(t);for(let s=0;s<n.length;s++){const i=n[s],r=i.attributes;for(let d=0;d<r.length;d++){const u=r[d];u.value.indexOf("{{")!==-1&&i.setAttribute(u.name,u.value.replace(/\{\{\s*(\w+)\s*\}\}/g,l))}}return t}function P(t,e,o,l,n,s){const i={};for(let d=0;d<t.children.length;d++){const u=t.children[d],c=u.getAttribute("data-ln-key");c&&(i[c]=u)}const r=document.createDocumentFragment();for(let d=0;d<e.length;d++){const u=e[d],c=String(l(u));let f=i[c];if(f)n(f,u,d);else{const g=B(o,s);if(!g||(S(g,u),f=g.firstElementChild,!f))continue;f.setAttribute("data-ln-key",c),n(f,u,d)}r.appendChild(f)}t.textContent="",t.appendChild(r)}function T(t,e){if(!document.body){document.addEventListener("DOMContentLoaded",function(){T(t,e)}),console.warn("["+e+'] Script loaded before <body> — add "defer" to your <script> tag');return}t()}function A(t,e,o,l){if(t.nodeType!==1)return;const s=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",i=Array.from(t.querySelectorAll(s));t.matches&&t.matches(s)&&i.push(t);for(const r of i)r[o]||(r[o]=new l(r))}function M(t,e,o,l,n={}){const s=n.extraAttributes||[],i=n.onAttributeChange||null,r=n.onInit||null;function d(u){const c=u||document.body;A(c,t,e,o),r&&r(c)}return T(function(){const u=new MutationObserver(function(f){for(let g=0;g<f.length;g++){const p=f[g];if(p.type==="childList"){for(let m=0;m<p.addedNodes.length;m++){const b=p.addedNodes[m];b.nodeType===1&&(A(b,t,e,o),r&&r(b))}for(let m=0;m<p.removedNodes.length;m++){const b=p.removedNodes[m];if(b.nodeType===1){const C=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",y=Array.from(b.querySelectorAll(C));b.matches&&b.matches(C)&&y.push(b);for(let a=0;a<y.length;a++){const h=y[a];if(!document.contains(h)){const w=h[e];w&&typeof w.destroy=="function"&&w.destroy()}}}}}else p.type==="attributes"&&(i&&p.target[e]?i(p.target,p.attributeName):(A(p.target,t,e,o),r&&r(p.target)))}});let c=[];if(t.indexOf("[")!==-1){const f=/\[([\w-]+)/g;let g;for(;(g=f.exec(t))!==null;)c.push(g[1])}else c.push(t);u.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:c.concat(s)})},l),window[e]=d,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){d(document.body)}):d(document.body),d}const O={};function N(t,e){O[t]=e}function W(t){return O[t]||{ingress:e=>e,egress:e=>e}}const q={};function R(t,e){if(!t||typeof e!="object")return;const o=t.toLowerCase().split("-")[0];q[o]=e}function j(t){if(!t)return null;const e=t.toLowerCase().split("-")[0];return q[e]||null}R("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=N,window.lnCore.getDataMapper=W,window.lnCore.registerLocaleFallback=R,window.lnCore.getLocaleFallback=j,window.lnCore.fillTemplate=S,window.lnCore.fill=x,window.lnCore.lnFill=z,window.lnCore.renderList=P);function D(t){return(t||"").replace(/^#/,"")}function k(t){const e=t===void 0?location.hash:t,o={},l=D(e);if(!l)return o;const n=l.split("&");for(let s=0;s<n.length;s++){const i=n[s];if(!i)continue;const r=i.indexOf(":"),d=r>-1?i.slice(0,r):i,u=r>-1?i.slice(r+1):"";if(d)try{o[d]=decodeURIComponent(u)}catch{o[d]=u}}return o}function F(t){if(!t)return null;const e=k();return t in e?e[t]:null}function I(t,e){if(!t)return;const o=k();e==null?delete o[t]:o[t]=String(e);const n=Object.keys(o).map(function(s){const i=o[s];return i===""?s:s+":"+encodeURIComponent(i)}).join("&");D(location.hash)!==n&&(location.hash=n)}function H(t){return t.button===1||t.ctrlKey||t.metaKey||t.shiftKey?!1:(t.preventDefault(),!0)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=k,window.lnCore.hashGet=F,window.lnCore.hashSet=I,window.lnCore.hashLinkClick=H);function K(t,e,o,l){const n=typeof l=="number"?l:4,s=window.innerWidth,i=window.innerHeight,r=e.width,d=e.height,u=o.split("-"),c=u[0],f=u[1]==="start"||u[1]==="end"?u[1]:"center",g={top:["top","bottom","right","left"],bottom:["bottom","top","right","left"],left:["left","right","top","bottom"],right:["right","left","top","bottom"]},p=g[c]||g.bottom;function m(a){return a==="top"||a==="bottom"?f==="start"?t.left:f==="end"?t.right-r:t.left+(t.width-r)/2:f==="start"?t.top:f==="end"?t.bottom-d:t.top+(t.height-d)/2}function b(a){let h,w,_=!0;return a==="top"?(h=t.top-n-d,w=m(a),h<0&&(_=!1)):a==="bottom"?(h=t.bottom+n,w=m(a),h+d>i&&(_=!1)):a==="left"?(h=m(a),w=t.left-n-r,w<0&&(_=!1)):(h=m(a),w=t.right+n,w+r>s&&(_=!1)),{top:h,left:w,side:a,fits:_}}let E=null;for(let a=0;a<p.length;a++){const h=b(p[a]);if(h.fits){E=h;break}}E||(E=b(p[0]));let C=E.top,y=E.left;return r>=s?y=0:(y<0&&(y=0),y+r>s&&(y=s-r)),d>=i?C=0:(C<0&&(C=0),C+d>i&&(C=i-d)),{top:C,left:y,placement:E.side}}function U(t){if(!t)return{width:0,height:0};const e=t.style,o=e.visibility,l=e.display,n=e.position;e.visibility="hidden",e.display="block",e.position="fixed";const s=t.offsetWidth,i=t.offsetHeight;return e.visibility=o,e.display=l,e.position=n,{width:s,height:i}}(function(){const t="data-ln-dropdown",e="lnDropdown";if(window[e]!==void 0)return;function o(l){if(this.dom=l,this.toggleEl=l.querySelector("[data-ln-toggle]"),this._boundDocClick=null,this._docClickTimeout=null,this._boundScrollReposition=null,this._boundResizeClose=null,this.toggleEl&&(this.toggleEl.setAttribute("data-ln-dropdown-menu",""),this.toggleEl.setAttribute("role","menu"),this.toggleEl.setAttribute("popover","manual")),this.triggerBtn=l.querySelector("[data-ln-toggle-for]"),this.triggerBtn&&(this.triggerBtn.setAttribute("aria-haspopup","menu"),this.triggerBtn.setAttribute("aria-expanded","false")),this.toggleEl)for(const s of this.toggleEl.children)s.setAttribute("role","menuitem");const n=this;return this._onRequestOpen=function(){n.toggleEl&&n.toggleEl.setAttribute("data-ln-toggle","open")},this._onRequestClose=function(){n.toggleEl&&n.toggleEl.setAttribute("data-ln-toggle","close")},this._onRequestToggle=function(){if(n.toggleEl){const s=n.toggleEl.getAttribute("data-ln-toggle");n.toggleEl.setAttribute("data-ln-toggle",s==="open"?"close":"open")}},this.dom.addEventListener("ln-dropdown:request-open",this._onRequestOpen),this.dom.addEventListener("ln-dropdown:request-close",this._onRequestClose),this.dom.addEventListener("ln-dropdown:request-toggle",this._onRequestToggle),this._onToggleOpen=function(s){!s.detail||s.detail.target!==n.toggleEl||(n.triggerBtn&&n.triggerBtn.setAttribute("aria-expanded","true"),typeof n.toggleEl.showPopover=="function"&&n.toggleEl.showPopover(),n._reposition(),n._addOutsideClickListener(),n._addScrollRepositionListener(),n._addResizeCloseListener(),L(l,"ln-dropdown:open",{target:s.detail.target}))},this._onToggleClose=function(s){!s.detail||s.detail.target!==n.toggleEl||(n.triggerBtn&&n.triggerBtn.setAttribute("aria-expanded","false"),n._removeOutsideClickListener(),n._removeScrollRepositionListener(),n._removeResizeCloseListener(),n.toggleEl.style.top="",n.toggleEl.style.left="",typeof n.toggleEl.hidePopover=="function"&&n.toggleEl.matches(":popover-open")&&n.toggleEl.hidePopover(),L(l,"ln-dropdown:close",{target:s.detail.target}))},this.toggleEl&&(this.toggleEl.addEventListener("ln-toggle:open",this._onToggleOpen),this.toggleEl.addEventListener("ln-toggle:close",this._onToggleClose)),this}o.prototype._reposition=function(){if(!this.triggerBtn||!this.toggleEl)return;const l=this.triggerBtn.getBoundingClientRect(),n=U(this.toggleEl),s=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--size-xs"))*16||4,i=K(l,n,"bottom-end",s);this.toggleEl.style.top=i.top+"px",this.toggleEl.style.left=i.left+"px"},o.prototype._addOutsideClickListener=function(){if(this._boundDocClick)return;const l=this;this._boundDocClick=function(n){l.dom.contains(n.target)||l.toggleEl&&l.toggleEl.contains(n.target)||l.toggleEl&&l.toggleEl.getAttribute("data-ln-toggle")==="open"&&l.toggleEl.setAttribute("data-ln-toggle","close")},l._docClickTimeout=setTimeout(function(){l._docClickTimeout=null,document.addEventListener("click",l._boundDocClick)},0)},o.prototype._removeOutsideClickListener=function(){this._docClickTimeout&&(clearTimeout(this._docClickTimeout),this._docClickTimeout=null),this._boundDocClick&&(document.removeEventListener("click",this._boundDocClick),this._boundDocClick=null)},o.prototype._addScrollRepositionListener=function(){const l=this;this._boundScrollReposition=function(){l._reposition()},window.addEventListener("scroll",this._boundScrollReposition,{passive:!0,capture:!0})},o.prototype._removeScrollRepositionListener=function(){this._boundScrollReposition&&(window.removeEventListener("scroll",this._boundScrollReposition,{capture:!0}),this._boundScrollReposition=null)},o.prototype._addResizeCloseListener=function(){const l=this;this._boundResizeClose=function(){l.toggleEl&&l.toggleEl.getAttribute("data-ln-toggle")==="open"&&l.toggleEl.setAttribute("data-ln-toggle","close")},window.addEventListener("resize",this._boundResizeClose)},o.prototype._removeResizeCloseListener=function(){this._boundResizeClose&&(window.removeEventListener("resize",this._boundResizeClose),this._boundResizeClose=null)},o.prototype.destroy=function(){this.dom[e]&&(this.dom.removeEventListener("ln-dropdown:request-open",this._onRequestOpen),this.dom.removeEventListener("ln-dropdown:request-close",this._onRequestClose),this.dom.removeEventListener("ln-dropdown:request-toggle",this._onRequestToggle),this._removeOutsideClickListener(),this._removeScrollRepositionListener(),this._removeResizeCloseListener(),this.toggleEl&&typeof this.toggleEl.hidePopover=="function"&&this.toggleEl.matches(":popover-open")&&this.toggleEl.hidePopover(),this.toggleEl&&(this.toggleEl.removeEventListener("ln-toggle:open",this._onToggleOpen),this.toggleEl.removeEventListener("ln-toggle:close",this._onToggleClose)),L(this.dom,"ln-dropdown:destroyed",{target:this.dom}),delete this.dom[e])},M(t,e,o,"ln-dropdown")})()})();
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
@use '../../scss/config/mixins' as *;
|
|
2
|
-
|
|
3
|
-
// ── JS state: dropdown open/close ──
|
|
4
|
-
// ln-toggle adds/removes .open class. display:none is default (no menu visible).
|
|
5
|
-
// Animation plays on open via @keyframes in component file.
|
|
6
|
-
[data-ln-dropdown-menu] {
|
|
7
|
-
display: none;
|
|
8
|
-
|
|
9
|
-
&.open {
|
|
10
|
-
display: block;
|
|
11
|
-
@include motion-safe {
|
|
12
|
-
animation: ln-dropdown-in var(--transition-fast);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(){"use strict";if(typeof window<"u"){const e=console.warn;console.warn=function(...t){typeof t[0]=="string"&&(t[0].startsWith("[ln-")||t[0].startsWith("[lnCore"))&&!(document.documentElement.hasAttribute("data-ln-debug")||document.body&&document.body.hasAttribute("data-ln-debug"))||e.apply(console,t)}}const k={};function O(e,t){k[e]||(k[e]=document.querySelector('[data-ln-template="'+e+'"]'));const i=k[e];return i?i.content.cloneNode(!0):(console.warn("["+(t||"ln-core")+'] Template "'+e+'" not found'),null)}function T(e,t,i){e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:i||{}}))}function G(e,t,i){const f=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:i||{}});return e.dispatchEvent(f),f}function q(e,t){if(!e||!t)return e;const i=e.querySelectorAll("[data-ln-field]");for(let l=0;l<i.length;l++){const c=i[l],a=c.getAttribute("data-ln-field");t[a]!=null&&(c.textContent=t[a])}const f=e.querySelectorAll("[data-ln-attr]");for(let l=0;l<f.length;l++){const c=f[l],a=c.getAttribute("data-ln-attr").split(",");for(let h=0;h<a.length;h++){const p=a[h].trim().split(":");if(p.length!==2)continue;const b=p[0].trim(),y=p[1].trim();t[y]!=null&&c.setAttribute(b,t[y])}}const m=e.querySelectorAll("[data-ln-show]");for(let l=0;l<m.length;l++){const c=m[l],a=c.getAttribute("data-ln-show");a in t&&c.classList.toggle("hidden",!t[a])}const d=e.querySelectorAll("[data-ln-class]");for(let l=0;l<d.length;l++){const c=d[l],a=c.getAttribute("data-ln-class").split(",");for(let h=0;h<a.length;h++){const p=a[h].trim().split(":");if(p.length!==2)continue;const b=p[0].trim(),y=p[1].trim();y in t&&c.classList.toggle(b,!!t[y])}}return e}function z(e,t){e.matches&&e.matches("[data-ln-form], [data-ln-fillable]")&&e.dispatchEvent(new CustomEvent("ln-fill",{detail:t??null,bubbles:!0}));const i=e.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let f=0;f<i.length;f++)i[f].dispatchEvent(new CustomEvent("ln-fill",{detail:t??null,bubbles:!0}));return e}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._fillBound||(window.lnCore._fillBound=!0,document.addEventListener("ln-fill",function(e){if(!(!e.target.matches||!e.target.matches("[data-ln-fillable]")))if(e.detail)q(e.target,e.detail);else{const t=e.target.querySelectorAll("[data-ln-field]");for(let i=0;i<t.length;i++)t[i].textContent=""}})));function D(e,t){if(!e||!t)return e;const i=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);for(;i.nextNode();){const d=i.currentNode;d.textContent.indexOf("{{")!==-1&&(d.textContent=d.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(l,c){return t[c]!==void 0?t[c]:""}))}const f=function(d,l){return t[l]!==void 0?t[l]:""},m=Array.from(e.querySelectorAll("*"));e.nodeType===1&&m.push(e);for(let d=0;d<m.length;d++){const l=m[d],c=l.attributes;for(let a=0;a<c.length;a++){const h=c[a];h.value.indexOf("{{")!==-1&&l.setAttribute(h.name,h.value.replace(/\{\{\s*(\w+)\s*\}\}/g,f))}}return e}function Q(e,t,i,f,m,d){const l={};for(let a=0;a<e.children.length;a++){const h=e.children[a],p=h.getAttribute("data-ln-key");p&&(l[p]=h)}const c=document.createDocumentFragment();for(let a=0;a<t.length;a++){const h=t[a],p=String(f(h));let b=l[p];if(b)m(b,h,a);else{const y=O(i,d);if(!y||(D(y,h),b=y.firstElementChild,!b))continue;b.setAttribute("data-ln-key",p),m(b,h,a)}c.appendChild(b)}e.textContent="",e.appendChild(c)}function B(e,t){if(!document.body){document.addEventListener("DOMContentLoaded",function(){B(e,t)}),console.warn("["+t+'] Script loaded before <body> — add "defer" to your <script> tag');return}e()}function V(e,t,i){if(e){const f=e.querySelector('[data-ln-template="'+t+'"]');if(f)return f.content.cloneNode(!0)}return O(t,i)}function E(e,t,i,f){if(e.nodeType!==1)return;const d=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",l=Array.from(e.querySelectorAll(d));e.matches&&e.matches(d)&&l.push(e);for(const c of l)c[i]||(c[i]=new f(c))}function X(e,t,i,f,m={}){const d=m.extraAttributes||[],l=m.onAttributeChange||null,c=m.onInit||null;function a(h){const p=h||document.body;E(p,e,t,i),c&&c(p)}return B(function(){const h=new MutationObserver(function(b){for(let y=0;y<b.length;y++){const C=b[y];if(C.type==="childList"){for(let A=0;A<C.addedNodes.length;A++){const L=C.addedNodes[A];L.nodeType===1&&(E(L,e,t,i),c&&c(L))}for(let A=0;A<C.removedNodes.length;A++){const L=C.removedNodes[A];if(L.nodeType===1){const o=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",r=Array.from(L.querySelectorAll(o));L.matches&&L.matches(o)&&r.push(L);for(let s=0;s<r.length;s++){const w=r[s];if(!document.contains(w)){const g=w[t];g&&typeof g.destroy=="function"&&g.destroy()}}}}}else C.type==="attributes"&&(l&&C.target[t]?l(C.target,C.attributeName):(E(C.target,e,t,i),c&&c(C.target)))}});let p=[];if(e.indexOf("[")!==-1){const b=/\[([\w-]+)/g;let y;for(;(y=b.exec(e))!==null;)p.push(y[1])}else p.push(e);h.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:p.concat(d)})},f),window[t]=a,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){a(document.body)}):a(document.body),a}const H={};function J(e,t){H[e]=t}function Y(e){return H[e]||{ingress:t=>t,egress:t=>t}}const R={};function I(e,t){if(!e||typeof t!="object")return;const i=e.toLowerCase().split("-")[0];R[i]=t}function Z(e){if(!e)return null;const t=e.toLowerCase().split("-")[0];return R[t]||null}I("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=J,window.lnCore.getDataMapper=Y,window.lnCore.registerLocaleFallback=I,window.lnCore.getLocaleFallback=Z,window.lnCore.fillTemplate=D,window.lnCore.fill=q,window.lnCore.lnFill=z,window.lnCore.renderList=Q);function F(e){return(e||"").replace(/^#/,"")}function N(e){const t=e===void 0?location.hash:e,i={},f=F(t);if(!f)return i;const m=f.split("&");for(let d=0;d<m.length;d++){const l=m[d];if(!l)continue;const c=l.indexOf(":"),a=c>-1?l.slice(0,c):l,h=c>-1?l.slice(c+1):"";if(a)try{i[a]=decodeURIComponent(h)}catch{i[a]=h}}return i}function $(e){if(!e)return null;const t=N();return e in t?t[e]:null}function ee(e,t){if(!e)return;const i=N();t==null?delete i[e]:i[e]=String(t);const m=Object.keys(i).map(function(d){const l=i[d];return l===""?d:d+":"+encodeURIComponent(l)}).join("&");F(location.hash)!==m&&(location.hash=m)}function te(e){return e.button===1||e.ctrlKey||e.metaKey||e.shiftKey?!1:(e.preventDefault(),!0)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=N,window.lnCore.hashGet=$,window.lnCore.hashSet=ee,window.lnCore.hashLinkClick=te),(function(){const e="data-ln-editor",t="lnEditor";if(window[t]!==void 0)return;const i={P:!0,BR:!0,STRONG:!0,B:!0,EM:!0,I:!0,U:!0,S:!0,A:!0,UL:!0,OL:!0,LI:!0,H2:!0,H3:!0,H4:!0,BLOCKQUOTE:!0,PRE:!0,CODE:!0,DIV:!0},f={bold:"bold",italic:"italic",underline:"underline",strikethrough:"strikeThrough"},m={"heading-2":"h2","heading-3":"h3","heading-4":"h4",blockquote:"blockquote",code:"pre",paragraph:"p"},d={"ordered-list":"insertOrderedList","unordered-list":"insertUnorderedList"};let l=0;function c(n){return!!(f[n]||m[n]||d[n]||n==="link")}function a(n){this.dom=n;const o=this;if(this._textarea=n.querySelector("textarea"),!this._textarea)return console.warn("[ln-editor] No <textarea> found inside",n),this;const r=this._textarea.getAttribute("placeholder")||"";this._textarea.setAttribute("data-ln-editor-source",""),this._surface=document.createElement("div"),this._surface.className="ln-editor__surface",this._surface.setAttribute("contenteditable","true"),this._surface.setAttribute("role","textbox"),this._surface.setAttribute("aria-multiline","true"),r&&this._surface.setAttribute("data-placeholder",r);const s=this._textarea.id;if(s){const u=n.querySelector('label[for="'+s+'"]');u&&(u.id||(u.id=s+"-label"),this._surface.setAttribute("aria-labelledby",u.id))}this._surface.id=s?s+"-surface":"ln-editor-surface-"+ ++l;const w=this._textarea.value.trim();w&&(this._surface.innerHTML=w);const g=n.querySelector('[role="toolbar"]');if(g&&g.nextSibling?n.insertBefore(this._surface,g.nextSibling):n.appendChild(this._surface),g){g.setAttribute("aria-controls",this._surface.id);const u=g.querySelectorAll("[data-ln-editor-action]");for(let v=0;v<u.length;v++){const S=u[v].getAttribute("data-ln-editor-action");c(S)&&u[v].setAttribute("aria-pressed","false")}}this._onInput=function(){o._syncToTextarea(),T(o.dom,"ln-editor:changed",{html:o._textarea.value,target:o.dom})},this._onMousedownToolbar=function(u){u.target.closest("[data-ln-editor-action]")&&u.preventDefault()},this._onClickToolbar=function(u){const v=u.target.closest("[data-ln-editor-action]");if(!v)return;const S=v.getAttribute("data-ln-editor-action");o._execAction(S)},this._onPaste=function(u){b(o,u)},this._onKeydown=function(u){A(o,u)},this._onSelectionChange=function(){document.contains(o._surface)&&o._updateActiveStates()},this._onFocus=function(){T(o.dom,"ln-editor:focus",{target:o.dom})},this._onBlur=function(){o._syncToTextarea(),T(o.dom,"ln-editor:blur",{target:o.dom})},this._surface.addEventListener("input",this._onInput),this._surface.addEventListener("paste",this._onPaste),this._surface.addEventListener("keydown",this._onKeydown),this._surface.addEventListener("focus",this._onFocus),this._surface.addEventListener("blur",this._onBlur),g&&(g.addEventListener("mousedown",this._onMousedownToolbar),g.addEventListener("click",this._onClickToolbar)),document.addEventListener("selectionchange",this._onSelectionChange),this._onSetContent=function(u){const v=u.detail&&u.detail.html;v!==void 0&&(o._surface.innerHTML=v,o._syncToTextarea(),T(o.dom,"ln-editor:changed",{html:o._textarea.value,target:o.dom}))},n.addEventListener("ln-editor:set-content",this._onSetContent);const _=this._textarea.form;return _&&(this._onFormReset=function(){setTimeout(function(){o._surface.innerHTML=o._textarea.value,T(n,"ln-editor:changed",{html:o._textarea.value,target:n})},0)},_.addEventListener("reset",this._onFormReset)),this}a.prototype._syncToTextarea=function(){this._textarea&&(this._textarea.value=this._surface.innerHTML)},a.prototype._execAction=function(n){if(!(!n||G(this.dom,"ln-editor:before-change",{action:n,target:this.dom}).defaultPrevented)){if(this._surface.focus(),f[n])document.execCommand(f[n],!1,null);else if(m[n]){const r=m[n],s=h(this._surface);s&&s.toLowerCase()===r?document.execCommand("formatBlock",!1,"<p>"):document.execCommand("formatBlock",!1,"<"+r+">")}else d[n]?document.execCommand(d[n],!1,null):n==="link"?L(this):n==="unlink"?document.execCommand("unlink",!1,null):n==="clear"&&(document.execCommand("removeFormat",!1,null),document.execCommand("formatBlock",!1,"<p>"));this._syncToTextarea(),this._updateActiveStates()}},a.prototype._updateActiveStates=function(){const n=this.dom.querySelector('[role="toolbar"]');if(!n)return;const o=window.getSelection();if(!o||o.rangeCount===0)return;const r=o.anchorNode;if(!r||!this._surface.contains(r))return;const s=n.querySelectorAll("[data-ln-editor-action]");for(let w=0;w<s.length;w++){const g=s[w],_=g.getAttribute("data-ln-editor-action");let u=!1;if(f[_])try{u=document.queryCommandState(f[_])}catch{}else if(m[_]){const v=h(this._surface);u=v&&v.toLowerCase()===m[_]}else if(d[_])try{u=document.queryCommandState(d[_])}catch{}else _==="link"&&(u=!!p(o.anchorNode,"A",this._surface));c(_)&&g.setAttribute("aria-pressed",String(u)),u?g.classList.add("ln-editor-active"):g.classList.remove("ln-editor-active")}},a.prototype.getHTML=function(){return this._surface?this._surface.innerHTML:""},a.prototype.setHTML=function(n){this._surface&&(this._surface.innerHTML=n,this._syncToTextarea(),T(this.dom,"ln-editor:changed",{html:this._textarea.value,target:this.dom}))},a.prototype.destroy=function(){if(!this.dom[t])return;this._surface&&(this._surface.removeEventListener("input",this._onInput),this._surface.removeEventListener("paste",this._onPaste),this._surface.removeEventListener("keydown",this._onKeydown),this._surface.removeEventListener("focus",this._onFocus),this._surface.removeEventListener("blur",this._onBlur),this._surface.remove());const n=this.dom.querySelector('[role="toolbar"]');n&&(n.removeEventListener("mousedown",this._onMousedownToolbar),n.removeEventListener("click",this._onClickToolbar)),document.removeEventListener("selectionchange",this._onSelectionChange),this.dom.removeEventListener("ln-editor:set-content",this._onSetContent);const o=this._textarea?this._textarea.form:null;o&&this._onFormReset&&o.removeEventListener("reset",this._onFormReset),this._textarea&&this._textarea.removeAttribute("data-ln-editor-source");const r=this.dom.querySelector(".ln-editor__link-popover");r&&r.remove(),T(this.dom,"ln-editor:destroyed",{target:this.dom}),delete this.dom[t]};function h(n){const o=window.getSelection();if(!o||o.rangeCount===0)return null;let r=o.anchorNode;if(!r)return null;for(;r&&r!==n;){if(r.nodeType===1){const s=r.tagName;if(s==="H2"||s==="H3"||s==="H4"||s==="BLOCKQUOTE"||s==="PRE"||s==="P")return s}r=r.parentNode}return null}function p(n,o,r){for(;n&&n!==r;){if(n.nodeType===1&&n.tagName===o)return n;n=n.parentNode}return null}function b(n,o){o.preventDefault();let r="";if(o.clipboardData&&(r=o.clipboardData.getData("text/html"),!r)){const w=o.clipboardData.getData("text/plain");w&&(r=w.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/\n\n/g,"</p><p>").replace(/\n/g,"<br>"),r="<p>"+r+"</p>")}if(!r)return;const s=y(r);s&&document.execCommand("insertHTML",!1,s)}function y(n){const o=document.createElement("div");return o.innerHTML=n,C(o),o.innerHTML}function C(n){const o=Array.from(n.childNodes);for(let r=0;r<o.length;r++){const s=o[r];if(s.nodeType!==3){if(s.nodeType!==1){n.removeChild(s);continue}if(i[s.tagName]){const w=Array.from(s.attributes);for(let g=0;g<w.length;g++){const _=w[g].name;if(s.tagName==="A"&&_==="href"){const u=s.getAttribute("href")||"";/^(https?:|mailto:|\/|#)/.test(u)||s.removeAttribute("href")}else s.removeAttribute(_)}s.tagName==="A"&&s.setAttribute("rel","noopener noreferrer"),C(s)}else{for(;s.firstChild;)n.insertBefore(s.firstChild,s);n.removeChild(s)}}}}function A(n,o){if(!(o.ctrlKey||o.metaKey))return;let r=null;switch(o.key.toLowerCase()){case"b":r="bold";break;case"i":r="italic";break;case"u":r="underline";break;case"k":r="link";break}r&&(o.preventDefault(),n._execAction(r))}function L(n){const o=window.getSelection();if(!o||o.rangeCount===0)return;const r=p(o.anchorNode,"A",n._surface),s=o.getRangeAt(0).cloneRange(),w=n.dom.querySelector(".ln-editor__link-popover");w&&w.remove();const g=V(n.dom,"ln-editor-link-popover","ln-editor");if(!g)return;const _=g.firstElementChild;if(!_)return;const u=_.querySelector('input[type="url"]'),v=_.querySelector('[data-ln-editor-action="confirm-link"]'),S=_.querySelector('[data-ln-editor-action="cancel-link"]');r&&(u.value=r.getAttribute("href")||"");const K=n.dom.querySelector('[role="toolbar"]');K?K.after(_):n.dom.insertBefore(_,n._surface),u.focus();function P(){const x=window.getSelection();x.removeAllRanges(),x.addRange(s)}function j(){const x=u.value.trim();if(_.remove(),P(),n._surface.focus(),x)if(r)r.setAttribute("href",x),r.setAttribute("rel","noopener noreferrer"),n._syncToTextarea(),T(n.dom,"ln-editor:changed",{html:n._textarea.value,target:n.dom});else{document.execCommand("createLink",!1,x);const M=window.getSelection();if(M&&M.anchorNode){const W=p(M.anchorNode,"A",n._surface);W&&(W.setAttribute("rel","noopener noreferrer"),n._syncToTextarea())}}else r&&document.execCommand("unlink",!1,null)}function U(){_.remove(),P(),n._surface.focus()}v.addEventListener("click",j),S.addEventListener("click",U),u.addEventListener("keydown",function(x){x.key==="Enter"?(x.preventDefault(),j()):x.key==="Escape"&&(x.preventDefault(),U())})}X(e,t,a,"ln-editor")})()})();
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
@use '../../scss/config/mixins' as *;
|
|
2
|
-
|
|
3
|
-
// ln-editor co-located styles — JS-state-driven CSS only.
|
|
4
|
-
// Visual styling lives in scss/config/mixins/_editor.scss.
|
|
5
|
-
|
|
6
|
-
// ─── Link popover (JS-created element) ────────────────────────
|
|
7
|
-
// Inline URL input that appears below the toolbar when inserting
|
|
8
|
-
// or editing a link. Created/removed by JS, not authored HTML.
|
|
9
|
-
|
|
10
|
-
.ln-editor__link-popover {
|
|
11
|
-
display: flex;
|
|
12
|
-
align-items: center;
|
|
13
|
-
gap: var(--size-xs);
|
|
14
|
-
padding: var(--size-xs) var(--size-sm);
|
|
15
|
-
background: var(--bg-sunken);
|
|
16
|
-
border-bottom: var(--border-width) solid var(--color-border);
|
|
17
|
-
|
|
18
|
-
> input {
|
|
19
|
-
flex: 1;
|
|
20
|
-
min-width: 0;
|
|
21
|
-
padding: var(--size-2xs) var(--size-sm);
|
|
22
|
-
@include typography(body-sm);
|
|
23
|
-
background: var(--bg-base);
|
|
24
|
-
border: var(--border-width) solid var(--color-border);
|
|
25
|
-
border-radius: var(--radius-sm);
|
|
26
|
-
color: var(--color-fg);
|
|
27
|
-
outline: none;
|
|
28
|
-
|
|
29
|
-
&:focus-visible {
|
|
30
|
-
border-color: var(--color-accent);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
> button {
|
|
35
|
-
padding: var(--size-2xs);
|
|
36
|
-
border-radius: var(--radius-sm);
|
|
37
|
-
background: transparent;
|
|
38
|
-
|
|
39
|
-
&:hover {
|
|
40
|
-
background: var(--bg-base);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(){"use strict";if(typeof window<"u"){const t=console.warn;console.warn=function(...e){typeof e[0]=="string"&&(e[0].startsWith("[ln-")||e[0].startsWith("[lnCore"))&&!(document.documentElement.hasAttribute("data-ln-debug")||document.body&&document.body.hasAttribute("data-ln-debug"))||t.apply(console,e)}}const p={};function x(t,e){p[t]||(p[t]=document.querySelector('[data-ln-template="'+t+'"]'));const r=p[t];return r?r.content.cloneNode(!0):(console.warn("["+(e||"ln-core")+'] Template "'+t+'" not found'),null)}function m(t,e,r){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r||{}}))}function g(t,e){if(!t||!e)return t;const r=t.querySelectorAll("[data-ln-field]");for(let l=0;l<r.length;l++){const o=r[l],n=o.getAttribute("data-ln-field");e[n]!=null&&(o.textContent=e[n])}const a=t.querySelectorAll("[data-ln-attr]");for(let l=0;l<a.length;l++){const o=a[l],n=o.getAttribute("data-ln-attr").split(",");for(let i=0;i<n.length;i++){const s=n[i].trim().split(":");if(s.length!==2)continue;const f=s[0].trim(),d=s[1].trim();e[d]!=null&&o.setAttribute(f,e[d])}}const u=t.querySelectorAll("[data-ln-show]");for(let l=0;l<u.length;l++){const o=u[l],n=o.getAttribute("data-ln-show");n in e&&o.classList.toggle("hidden",!e[n])}const c=t.querySelectorAll("[data-ln-class]");for(let l=0;l<c.length;l++){const o=c[l],n=o.getAttribute("data-ln-class").split(",");for(let i=0;i<n.length;i++){const s=n[i].trim().split(":");if(s.length!==2)continue;const f=s[0].trim(),d=s[1].trim();d in e&&o.classList.toggle(f,!!e[d])}}return t}function A(t,e){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));const r=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let a=0;a<r.length;a++)r[a].dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));return t}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._fillBound||(window.lnCore._fillBound=!0,document.addEventListener("ln-fill",function(t){if(!(!t.target.matches||!t.target.matches("[data-ln-fillable]")))if(t.detail)g(t.target,t.detail);else{const e=t.target.querySelectorAll("[data-ln-field]");for(let r=0;r<e.length;r++)e[r].textContent=""}})));function b(t,e){if(!t||!e)return t;const r=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;r.nextNode();){const c=r.currentNode;c.textContent.indexOf("{{")!==-1&&(c.textContent=c.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(l,o){return e[o]!==void 0?e[o]:""}))}const a=function(c,l){return e[l]!==void 0?e[l]:""},u=Array.from(t.querySelectorAll("*"));t.nodeType===1&&u.push(t);for(let c=0;c<u.length;c++){const l=u[c],o=l.attributes;for(let n=0;n<o.length;n++){const i=o[n];i.value.indexOf("{{")!==-1&&l.setAttribute(i.name,i.value.replace(/\{\{\s*(\w+)\s*\}\}/g,a))}}return t}function S(t,e,r,a,u,c){const l={};for(let n=0;n<t.children.length;n++){const i=t.children[n],s=i.getAttribute("data-ln-key");s&&(l[s]=i)}const o=document.createDocumentFragment();for(let n=0;n<e.length;n++){const i=e[n],s=String(a(i));let f=l[s];if(f)u(f,i,n);else{const d=x(r,c);if(!d||(b(d,i),f=d.firstElementChild,!f))continue;f.setAttribute("data-ln-key",s),u(f,i,n)}o.appendChild(f)}t.textContent="",t.appendChild(o)}function h(t,e){if(!document.body){document.addEventListener("DOMContentLoaded",function(){h(t,e)}),console.warn("["+e+'] Script loaded before <body> — add "defer" to your <script> tag');return}t()}const y={};function v(t,e){y[t]=e}function _(t){return y[t]||{ingress:e=>e,egress:e=>e}}const C={};function L(t,e){if(!t||typeof e!="object")return;const r=t.toLowerCase().split("-")[0];C[r]=e}function E(t){if(!t)return null;const e=t.toLowerCase().split("-")[0];return C[e]||null}L("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=v,window.lnCore.getDataMapper=_,window.lnCore.registerLocaleFallback=L,window.lnCore.getLocaleFallback=E,window.lnCore.fillTemplate=b,window.lnCore.fill=g,window.lnCore.lnFill=A,window.lnCore.renderList=S);function k(t){return(t||"").replace(/^#/,"")}function w(t){const e=t===void 0?location.hash:t,r={},a=k(e);if(!a)return r;const u=a.split("&");for(let c=0;c<u.length;c++){const l=u[c];if(!l)continue;const o=l.indexOf(":"),n=o>-1?l.slice(0,o):l,i=o>-1?l.slice(o+1):"";if(n)try{r[n]=decodeURIComponent(i)}catch{r[n]=i}}return r}function T(t){if(!t)return null;const e=w();return t in e?e[t]:null}function q(t,e){if(!t)return;const r=w();e==null?delete r[t]:r[t]=String(e);const u=Object.keys(r).map(function(c){const l=r[c];return l===""?c:c+":"+encodeURIComponent(l)}).join("&");k(location.hash)!==u&&(location.hash=u)}function D(t){return t.button===1||t.ctrlKey||t.metaKey||t.shiftKey?!1:(t.preventDefault(),!0)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=w,window.lnCore.hashGet=T,window.lnCore.hashSet=q,window.lnCore.hashLinkClick=D),(function(){const t="lnExternalLinks";if(window[t]!==void 0)return;function e(o){return o.hostname&&o.hostname!==window.location.hostname}function r(o){if(o.getAttribute("data-ln-external-link")==="processed"||!e(o))return;o.target="_blank";const n=(o.rel||"").split(/\s+/).filter(Boolean);n.includes("noopener")||n.push("noopener"),n.includes("noreferrer")||n.push("noreferrer"),o.rel=n.join(" ");const i=document.createElement("span");i.className="sr-only",i.textContent="(opens in new tab)",o.appendChild(i),o.setAttribute("data-ln-external-link","processed"),m(o,"ln-external-links:processed",{link:o,href:o.href})}function a(o){o=o||document.body;for(const n of o.querySelectorAll("a, area"))r(n)}function u(){h(function(){document.body.addEventListener("click",function(o){const n=o.target.closest("a, area");n&&n.getAttribute("data-ln-external-link")==="processed"&&m(n,"ln-external-links:clicked",{link:n,href:n.href,text:n.textContent||n.title||""})})},"ln-external-links")}function c(){h(function(){new MutationObserver(function(n){for(const i of n){if(i.type==="childList"){for(const s of i.addedNodes)if(s.nodeType===1&&(s.matches&&(s.matches("a")||s.matches("area"))&&r(s),s.querySelectorAll))for(const f of s.querySelectorAll("a, area"))r(f)}if(i.type==="attributes"&&i.attributeName==="href"){const s=i.target;s.matches&&(s.matches("a")||s.matches("area"))&&r(s)}}}).observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["href"]})},"ln-external-links")}function l(){u(),c(),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){a()}):a()}window[t]={process:a},l()})()})();
|
package/js/ln-fill/ln-fill.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(){"use strict";if(typeof window<"u"){const t=console.warn;console.warn=function(...e){typeof e[0]=="string"&&(e[0].startsWith("[ln-")||e[0].startsWith("[lnCore"))&&!(document.documentElement.hasAttribute("data-ln-debug")||document.body&&document.body.hasAttribute("data-ln-debug"))||t.apply(console,e)}}const w={};function S(t,e){w[t]||(w[t]=document.querySelector('[data-ln-template="'+t+'"]'));const i=w[t];return i?i.content.cloneNode(!0):(console.warn("["+(e||"ln-core")+'] Template "'+t+'" not found'),null)}function p(t,e){if(!t||!e)return t;const i=t.querySelectorAll("[data-ln-field]");for(let n=0;n<i.length;n++){const o=i[n],l=o.getAttribute("data-ln-field");e[l]!=null&&(o.textContent=e[l])}const a=t.querySelectorAll("[data-ln-attr]");for(let n=0;n<a.length;n++){const o=a[n],l=o.getAttribute("data-ln-attr").split(",");for(let s=0;s<l.length;s++){const u=l[s].trim().split(":");if(u.length!==2)continue;const f=u[0].trim(),d=u[1].trim();e[d]!=null&&o.setAttribute(f,e[d])}}const c=t.querySelectorAll("[data-ln-show]");for(let n=0;n<c.length;n++){const o=c[n],l=o.getAttribute("data-ln-show");l in e&&o.classList.toggle("hidden",!e[l])}const r=t.querySelectorAll("[data-ln-class]");for(let n=0;n<r.length;n++){const o=r[n],l=o.getAttribute("data-ln-class").split(",");for(let s=0;s<l.length;s++){const u=l[s].trim().split(":");if(u.length!==2)continue;const f=u[0].trim(),d=u[1].trim();d in e&&o.classList.toggle(f,!!e[d])}}return t}function A(t,e){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));const i=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let a=0;a<i.length;a++)i[a].dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));return t}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._fillBound||(window.lnCore._fillBound=!0,document.addEventListener("ln-fill",function(t){if(!(!t.target.matches||!t.target.matches("[data-ln-fillable]")))if(t.detail)p(t.target,t.detail);else{const e=t.target.querySelectorAll("[data-ln-field]");for(let i=0;i<e.length;i++)e[i].textContent=""}})));function g(t,e){if(!t||!e)return t;const i=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;i.nextNode();){const r=i.currentNode;r.textContent.indexOf("{{")!==-1&&(r.textContent=r.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(n,o){return e[o]!==void 0?e[o]:""}))}const a=function(r,n){return e[n]!==void 0?e[n]:""},c=Array.from(t.querySelectorAll("*"));t.nodeType===1&&c.push(t);for(let r=0;r<c.length;r++){const n=c[r],o=n.attributes;for(let l=0;l<o.length;l++){const s=o[l];s.value.indexOf("{{")!==-1&&n.setAttribute(s.name,s.value.replace(/\{\{\s*(\w+)\s*\}\}/g,a))}}return t}function L(t,e,i,a,c,r){const n={};for(let l=0;l<t.children.length;l++){const s=t.children[l],u=s.getAttribute("data-ln-key");u&&(n[u]=s)}const o=document.createDocumentFragment();for(let l=0;l<e.length;l++){const s=e[l],u=String(a(s));let f=n[u];if(f)c(f,s,l);else{const d=S(i,r);if(!d||(g(d,s),f=d.firstElementChild,!f))continue;f.setAttribute("data-ln-key",u),c(f,s,l)}o.appendChild(f)}t.textContent="",t.appendChild(o)}const m={};function k(t,e){m[t]=e}function F(t){return m[t]||{ingress:e=>e,egress:e=>e}}const C={};function b(t,e){if(!t||typeof e!="object")return;const i=t.toLowerCase().split("-")[0];C[i]=e}function E(t){if(!t)return null;const e=t.toLowerCase().split("-")[0];return C[e]||null}b("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=k,window.lnCore.getDataMapper=F,window.lnCore.registerLocaleFallback=b,window.lnCore.getLocaleFallback=E,window.lnCore.fillTemplate=g,window.lnCore.fill=p,window.lnCore.lnFill=A,window.lnCore.renderList=L);function y(t){return(t||"").replace(/^#/,"")}function h(t){const e=t===void 0?location.hash:t,i={},a=y(e);if(!a)return i;const c=a.split("&");for(let r=0;r<c.length;r++){const n=c[r];if(!n)continue;const o=n.indexOf(":"),l=o>-1?n.slice(0,o):n,s=o>-1?n.slice(o+1):"";if(l)try{i[l]=decodeURIComponent(s)}catch{i[l]=s}}return i}function x(t){if(!t)return null;const e=h();return t in e?e[t]:null}function _(t,e){if(!t)return;const i=h();e==null?delete i[t]:i[t]=String(e);const c=Object.keys(i).map(function(r){const n=i[r];return n===""?r:r+":"+encodeURIComponent(n)}).join("&");y(location.hash)!==c&&(location.hash=c)}function T(t){return t.button===1||t.ctrlKey||t.metaKey||t.shiftKey?!1:(t.preventDefault(),!0)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=h,window.lnCore.hashGet=x,window.lnCore.hashSet=_,window.lnCore.hashLinkClick=T),(function(){const t="lnFill";if(window[t]!==void 0)return;const e={lnFillForm:!0,lnFillStore:!0};function i(c){const r={},n=c.dataset;for(const o in n){if(!o.startsWith("lnFill")||e[o])continue;const l=o.slice(6);l&&(r[l.charAt(0).toLowerCase()+l.slice(1)]=n[o])}return r}function a(c,r){const n=window.CSS&&CSS.escape?CSS.escape(r):r,o=document.querySelectorAll('[data-ln-fill-id="'+n+'"]');if(o.length===0)return null;for(let l=0;l<o.length;l++){const s=o[l].getAttribute("data-ln-fill-form");if(s){const u=document.getElementById(s);if(u&&c.contains(u))return o[l]}}return o[0]}document.addEventListener("click",function(c){if(c.ctrlKey||c.metaKey||c.button===1)return;const r=c.target.closest("[data-ln-fill-form]");if(!r)return;const n=r.getAttribute("href");if(n&&n.indexOf("#")!==-1)return;const o=r.getAttribute("data-ln-fill-form"),l=document.getElementById(o);if(!l)return;const s=i(r),u=Object.keys(s).length>0;window.lnCore.lnFill(l,u?s:null)}),document.addEventListener("ln-fill:request",function(c){const r=c.detail;if(!r)return;const n=c.target,o=r.id;if(o==null){window.lnCore.lnFill(n,null);return}const l=a(n,o);if(!l)return;const s=i(l);window.lnCore.lnFill(n,s)}),window[t]=!0})()})();
|
package/js/ln-filter/README.md
DELETED
|
@@ -1,189 +0,0 @@
|
|
|
1
|
-
# ln-filter
|
|
2
|
-
|
|
3
|
-
A zero-dependency, event-driven **Generic List & Table Filter Primitive** that manages item visibility states through declarative checkbox controls.
|
|
4
|
-
|
|
5
|
-
It filters target elements either by comparing child dataset attributes (for custom cards/lists) or scanning table column cell contents (for plain HTML tables). It operates independently of and in harmony with `ln-search`, combining multiple filter criteria seamlessly.
|
|
6
|
-
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
## 🧭 Philosophy & Architecture
|
|
10
|
-
|
|
11
|
-
1. **Declarative State Model:** The component has no custom imperative state-change methods. Filter state is driven entirely by native checkboxes. External scripts update selections by writing `input.checked = true` and dispatching a standard bubbled `change` event.
|
|
12
|
-
2. **Sentinel Rules:** The `data-ln-filter-reset` ("All") checkbox is kept in sync
|
|
13
|
-
automatically through three rules:
|
|
14
|
-
- **Check sentinel** → unchecks all value inputs (resets to All).
|
|
15
|
-
- **Uncheck last value** → re-checks the sentinel (never allows empty selection).
|
|
16
|
-
- **Check all values** → collapses to sentinel: unchecks all values, re-checks
|
|
17
|
-
sentinel. Guard: only applies when a reset sentinel exists in the list.
|
|
18
|
-
3. **Table Column & Auto-Population Mode:** By defining `data-ln-filter-col="N"`, the component filters plain HTML `<table>` rows by column cell text. When a `<template>` tag is nested inside, the component automatically populates value checkboxes from the column's unique values on page load.
|
|
19
|
-
4. **Local State Persistence:** Adding the `data-ln-persist` attribute saves active filter selections to `localStorage` under `lnf:{id}`, ensuring filter states survive page reloads and browser transitions.
|
|
20
|
-
5. **Decoupled `ln-table` Integration (Guard & Event Pattern):** When targeting an `ln-table` component (identified by the `data-ln-table` attribute on the target container), `ln-filter` acts purely as an event emitter. It detects the attribute and bypasses local DOM-based column option generation (`_populateFromColumn`) and DOM-based row hiding (`_filterTableRows`). This avoids interfering with `ln-table`'s internal rendering lifecycle, delegating all rendering and filtering to `ln-table` via the `ln-filter:changed` event.
|
|
21
|
-
|
|
22
|
-
---
|
|
23
|
-
|
|
24
|
-
## 📦 Minimal Blueprint
|
|
25
|
-
|
|
26
|
-
### Generic List Attribute Filter (Zero-JS)
|
|
27
|
-
Bind the filter to a container `id`. Target items declare attributes matching the filter key.
|
|
28
|
-
```html
|
|
29
|
-
<nav data-ln-filter="employees-list">
|
|
30
|
-
<!-- Reset Sentinel -->
|
|
31
|
-
<label><input type="checkbox" data-ln-filter-key="category" data-ln-filter-reset checked> All</label>
|
|
32
|
-
<!-- Values -->
|
|
33
|
-
<label><input type="checkbox" data-ln-filter-key="category" data-ln-filter-value="design"> Design</label>
|
|
34
|
-
<label><input type="checkbox" data-ln-filter-key="category" data-ln-filter-value="dev"> Development</label>
|
|
35
|
-
</nav>
|
|
36
|
-
|
|
37
|
-
<ul id="employees-list">
|
|
38
|
-
<li data-category="design">Ana Petrova — UI Designer</li>
|
|
39
|
-
<li data-category="dev">Marko Nikolov — Developer</li>
|
|
40
|
-
</ul>
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
### Table Column Filter with Auto-Population & Persistence
|
|
44
|
-
Auto-populates filter checkboxes from Column Index `2` (Department) and saves state to storage.
|
|
45
|
-
```html
|
|
46
|
-
<nav id="dept-filter" data-ln-filter="users-table" data-ln-filter-col="2" data-ln-persist>
|
|
47
|
-
<label><input type="checkbox" data-ln-filter-key="dept" data-ln-filter-reset checked> All Departments</label>
|
|
48
|
-
<!-- Checklist generated dynamically here -->
|
|
49
|
-
<template>
|
|
50
|
-
<label><input type="checkbox"> {{ text }}</label>
|
|
51
|
-
</template>
|
|
52
|
-
</nav>
|
|
53
|
-
|
|
54
|
-
<table id="users-table">
|
|
55
|
-
<thead>
|
|
56
|
-
<tr><th>ID</th><th>Name</th><th>Department</th></tr>
|
|
57
|
-
</thead>
|
|
58
|
-
<tbody>
|
|
59
|
-
<tr><td>1</td><td>Ana Petrova</td><td>Engineering</td></tr>
|
|
60
|
-
<tr><td>2</td><td>Marko Nikolov</td><td>Design</td></tr>
|
|
61
|
-
</tbody>
|
|
62
|
-
</table>
|
|
63
|
-
```
|
|
64
|
-
|
|
65
|
-
---
|
|
66
|
-
|
|
67
|
-
## 🛠️ Declarative API Contract
|
|
68
|
-
|
|
69
|
-
### HTML Attributes
|
|
70
|
-
|
|
71
|
-
| Attribute | Elements | Description |
|
|
72
|
-
| :--- | :--- | :--- |
|
|
73
|
-
| `data-ln-filter` | Container root | Component root. Value is the `id` of the target container whose items are filtered. |
|
|
74
|
-
| `data-ln-filter-key` | `<input type="checkbox">` | The field name representing the target dataset attribute (e.g. `category` matches `data-category`). |
|
|
75
|
-
| `data-ln-filter-value` | `<input type="checkbox">` | The value to match. Active checkboxes show matching items; others are hidden. |
|
|
76
|
-
| `data-ln-filter-reset` | `<input type="checkbox">` | Marks the reset ("All") sentinel. |
|
|
77
|
-
| `data-ln-filter-col` | Container root | Opt-in. 0-based column index to filter plain `<table>` rows by column cell text. |
|
|
78
|
-
| `data-ln-persist` | Container root | Opt-in. Persists active checkbox selections in `localStorage` under `lnf:{id}`. |
|
|
79
|
-
| `data-ln-filter-hide` | Children of target | *State*. Automatically toggled on non-matching elements (`display: none !important`). |
|
|
80
|
-
|
|
81
|
-
---
|
|
82
|
-
|
|
83
|
-
## ⚡ DOM Events
|
|
84
|
-
|
|
85
|
-
Events are dispatched on **both** the filter navigation container and the target element (dual dispatch).
|
|
86
|
-
|
|
87
|
-
### `ln-filter:changed`
|
|
88
|
-
Fired when any filter selection is modified.
|
|
89
|
-
- **Payload (`detail`)**: `{ key: string, values: string[] }` (where `values` lists active filter options).
|
|
90
|
-
|
|
91
|
-
### `ln-filter:reset`
|
|
92
|
-
Fired when the reset sentinel is activated.
|
|
93
|
-
- **Payload (`detail`)**: `{}`
|
|
94
|
-
|
|
95
|
-
---
|
|
96
|
-
|
|
97
|
-
---
|
|
98
|
-
|
|
99
|
-
## Table Column Filter with Popover
|
|
100
|
-
|
|
101
|
-
The canonical composition for `ln-table` per-column filters. `ln-filter` handles mutual exclusion and dispatches to the table by id — DOM position is irrelevant because dispatch uses `getElementById`.
|
|
102
|
-
|
|
103
|
-
```html
|
|
104
|
-
<!-- th: data-ln-table-filter-col maps the filter key to this column -->
|
|
105
|
-
<th data-ln-table-filter-col="department">
|
|
106
|
-
Department
|
|
107
|
-
<button class="table-filter" type="button"
|
|
108
|
-
data-ln-table-col-filter
|
|
109
|
-
data-ln-popover-for="filter-my-table-dept"
|
|
110
|
-
aria-label="Filter department">
|
|
111
|
-
<svg class="ln-icon" aria-hidden="true"><use href="#ln-icon-filter"></use></svg>
|
|
112
|
-
</button>
|
|
113
|
-
</th>
|
|
114
|
-
|
|
115
|
-
<!-- Popover: sibling to [data-ln-table], NOT inside it -->
|
|
116
|
-
<!-- ln-popover promotes this to the top layer via showPopover() on open — no overflow clipping -->
|
|
117
|
-
<div data-ln-popover id="filter-my-table-dept">
|
|
118
|
-
<!-- search targets the OPTIONS UL id, not the table id -->
|
|
119
|
-
<input type="search" placeholder="Search..."
|
|
120
|
-
data-ln-search="filter-my-table-dept-list"
|
|
121
|
-
data-ln-search-items="label">
|
|
122
|
-
<ul id="filter-my-table-dept-list" data-ln-filter="my-table">
|
|
123
|
-
<li><label><input type="checkbox" data-ln-filter-key="department" data-ln-filter-reset checked> All</label></li>
|
|
124
|
-
<li><label><input type="checkbox" data-ln-filter-key="department" data-ln-filter-value="Engineering"> Engineering</label></li>
|
|
125
|
-
<li><label><input type="checkbox" data-ln-filter-key="department" data-ln-filter-value="Legal"> Legal</label></li>
|
|
126
|
-
</ul>
|
|
127
|
-
</div>
|
|
128
|
-
```
|
|
129
|
-
|
|
130
|
-
### Attribute roles in this composition
|
|
131
|
-
|
|
132
|
-
| Attribute | Where | Purpose |
|
|
133
|
-
|---|---|---|
|
|
134
|
-
| `data-ln-filter-key="department"` | `<input type="checkbox">` | Column field name — must match `data-ln-table-filter-col` on `<th>` |
|
|
135
|
-
| `data-ln-filter-value="Engineering"` | `<input type="checkbox">` | Raw machine value — must match `data-ln-value` in the corresponding `<td>` |
|
|
136
|
-
| `data-ln-filter-reset` | `<input type="checkbox">` | Marks the "All" sentinel; checking it unchecks all value inputs |
|
|
137
|
-
| `data-ln-filter="my-table"` | `<ul>` | Targets the TABLE wrapper id — not the popover id |
|
|
138
|
-
|
|
139
|
-
### How dispatch reaches ln-table
|
|
140
|
-
|
|
141
|
-
`ln-filter` fires `ln-filter:changed` on both the filter container and on `getElementById(tableId)` (see `_dispatchOnBoth` in [ln-filter.js](file:///c:/laragon/www/ln-ashlar/js/ln-filter/src/ln-filter.js#L314-L320)). `ln-table` receives the event directly on its root element regardless of where in the DOM the filter markup lives.
|
|
142
|
-
|
|
143
|
-
Because `ln-filter` detects the `data-ln-table` attribute on the target container, it activates its internal safety guards to avoid conflicting with the table's state management:
|
|
144
|
-
- **`_populateFromColumn` (Option Generation):** Skips dynamically parsing HTML cells to generate checkbox options, as `ln-table` governs its own data columns.
|
|
145
|
-
- **`_filterTableRows` (Row Hiding):** Skips setting `data-ln-filter-hide="true"` on rows, avoiding collisions with `ln-table`'s rendering lifecycle (like pagination and virtual scrolling).
|
|
146
|
-
|
|
147
|
-
Instead, `ln-table` itself listens for the `ln-filter:changed` event on its root element (e.g., `dom.addEventListener('ln-filter:changed', this._onColumnFilter)`) and handles the actual filtration and display logic internally.
|
|
148
|
-
|
|
149
|
-
---
|
|
150
|
-
|
|
151
|
-
## ⚠️ Common Pitfalls
|
|
152
|
-
|
|
153
|
-
- **Driving State Programmatically Without Events:** Changing `input.checked = true` using JavaScript does not trigger browser `change` listeners. You must explicitly dispatch the event:
|
|
154
|
-
```javascript
|
|
155
|
-
input.checked = true;
|
|
156
|
-
input.dispatchEvent(new Event('change', { bubbles: true }));
|
|
157
|
-
```
|
|
158
|
-
- **Missing `id` on Persisted Filters:** The `data-ln-persist` storage key relies on the filter element's ID (e.g. `<nav id="my-filter" data-ln-persist>`). If the ID is missing, the component will fail to initialize persistence.
|
|
159
|
-
- **Using `data-ln-filter-col` for ln-table column filters:** The `data-ln-filter-col` attribute (0-based column index for plain table row filtering) is for standalone `ln-filter` targeting a plain `<table>` — not for the `ln-table` component. When composing with `ln-table`, use `data-ln-filter="<tableId>"` on the `<ul>` and `data-ln-table-filter-col="<fieldName>"` on the `<th>`. `ln-table` receives `ln-filter:changed` and maps keys to columns via `data-ln-table-filter-col`.
|
|
160
|
-
|
|
161
|
-
---
|
|
162
|
-
|
|
163
|
-
## 🔧 Internals
|
|
164
|
-
|
|
165
|
-
Source: `js/ln-filter/ln-filter.js`. No JS-side state object — the active filter is derived on demand from checked inputs; `_lastSnapshot` is a diff cache only, used to decide whether to fire `ln-filter:changed`, never a source of truth.
|
|
166
|
-
|
|
167
|
-
### Render pipeline
|
|
168
|
-
|
|
169
|
-
change → mutual-exclusion rule (see Sentinel Rules above) → `queueRender()` (batched via `queueMicrotask`, dedupes same-tick calls) → `_render()` (derive + apply visibility) → `_afterRender()` (derive again, diff vs `_lastSnapshot`, dispatch, persist). Splitting render from afterRender keeps rendering free of side effects.
|
|
170
|
-
|
|
171
|
-
### Table-column filtering
|
|
172
|
-
|
|
173
|
-
When `data-ln-filter-col` is set (and the target is a plain `<table>`, not `[data-ln-table]`), a module-level `WeakMap<table, {key: {col, values}}>` tracks every active column filter per table — multiple `ln-filter` navs can filter the same table concurrently, each owning one key. Per row: AND across filter keys, OR within a key's values. WeakMap avoids leaks when tables are removed from the DOM.
|
|
174
|
-
|
|
175
|
-
### Auto-populate from column
|
|
176
|
-
|
|
177
|
-
Runs once at construction end (before `this.inputs` is collected) when a `<template>` is nested and `data-ln-filter-col` is set: scans the table's column cells, de-duplicates, sorts, clones the template per unique value via `fillTemplate(clone, { text })`, appends. Ordering matters — inputs are collected after population so the new checkboxes are wired.
|
|
178
|
-
|
|
179
|
-
### Dual dispatch
|
|
180
|
-
|
|
181
|
-
Every event fires on both the filter nav (`this.dom`) and `document.getElementById(targetId)` via `_dispatchOnBoth`. This is how a filter nested inside a `<th>` reaches `ln-table`'s root listener regardless of DOM position.
|
|
182
|
-
|
|
183
|
-
### Persistence
|
|
184
|
-
|
|
185
|
-
`data-ln-persist` stores `{ key, values }` (or `null` on reset) under `ln:filter:{pagePath}:{filterId}` — restored in the constructor *before* the DOM-init scan, so a persisted selection overrides any server-rendered `checked` attributes; the DOM-init render is skipped entirely when persistence restores state.
|
|
186
|
-
|
|
187
|
-
### Destroy
|
|
188
|
-
|
|
189
|
-
Removes this filter's key entry from the table-filter WeakMap (deleting the table's map entirely when it empties), removes all `change` listeners and their double-bind guard flags.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(){"use strict";if(typeof window<"u"){const t=console.warn;console.warn=function(...n){typeof n[0]=="string"&&(n[0].startsWith("[ln-")||n[0].startsWith("[lnCore"))&&!(document.documentElement.hasAttribute("data-ln-debug")||document.body&&document.body.hasAttribute("data-ln-debug"))||t.apply(console,n)}}const I={};function J(t,n){I[t]||(I[t]=document.querySelector('[data-ln-template="'+t+'"]'));const l=I[t];return l?l.content.cloneNode(!0):(console.warn("["+(n||"ln-core")+'] Template "'+t+'" not found'),null)}function B(t,n,l){t.dispatchEvent(new CustomEvent(n,{bubbles:!0,detail:l||{}}))}function F(t,n){if(!t||!n)return t;const l=t.querySelectorAll("[data-ln-field]");for(let u=0;u<l.length;u++){const c=l[u],s=c.getAttribute("data-ln-field");n[s]!=null&&(c.textContent=n[s])}const f=t.querySelectorAll("[data-ln-attr]");for(let u=0;u<f.length;u++){const c=f[u],s=c.getAttribute("data-ln-attr").split(",");for(let d=0;d<s.length;d++){const m=s[d].trim().split(":");if(m.length!==2)continue;const w=m[0].trim(),y=m[1].trim();n[y]!=null&&c.setAttribute(w,n[y])}}const p=t.querySelectorAll("[data-ln-show]");for(let u=0;u<p.length;u++){const c=p[u],s=c.getAttribute("data-ln-show");s in n&&c.classList.toggle("hidden",!n[s])}const g=t.querySelectorAll("[data-ln-class]");for(let u=0;u<g.length;u++){const c=g[u],s=c.getAttribute("data-ln-class").split(",");for(let d=0;d<s.length;d++){const m=s[d].trim().split(":");if(m.length!==2)continue;const w=m[0].trim(),y=m[1].trim();y in n&&c.classList.toggle(w,!!n[y])}}return t}function P(t,n){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:n??null,bubbles:!0}));const l=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let f=0;f<l.length;f++)l[f].dispatchEvent(new CustomEvent("ln-fill",{detail:n??null,bubbles:!0}));return t}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._fillBound||(window.lnCore._fillBound=!0,document.addEventListener("ln-fill",function(t){if(!(!t.target.matches||!t.target.matches("[data-ln-fillable]")))if(t.detail)F(t.target,t.detail);else{const n=t.target.querySelectorAll("[data-ln-field]");for(let l=0;l<n.length;l++)n[l].textContent=""}})));function O(t,n){if(!t||!n)return t;const l=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;l.nextNode();){const g=l.currentNode;g.textContent.indexOf("{{")!==-1&&(g.textContent=g.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(u,c){return n[c]!==void 0?n[c]:""}))}const f=function(g,u){return n[u]!==void 0?n[u]:""},p=Array.from(t.querySelectorAll("*"));t.nodeType===1&&p.push(t);for(let g=0;g<p.length;g++){const u=p[g],c=u.attributes;for(let s=0;s<c.length;s++){const d=c[s];d.value.indexOf("{{")!==-1&&u.setAttribute(d.name,d.value.replace(/\{\{\s*(\w+)\s*\}\}/g,f))}}return t}function V(t,n,l,f,p,g){const u={};for(let s=0;s<t.children.length;s++){const d=t.children[s],m=d.getAttribute("data-ln-key");m&&(u[m]=d)}const c=document.createDocumentFragment();for(let s=0;s<n.length;s++){const d=n[s],m=String(f(d));let w=u[m];if(w)p(w,d,s);else{const y=J(l,g);if(!y||(O(y,d),w=y.firstElementChild,!w))continue;w.setAttribute("data-ln-key",m),p(w,d,s)}c.appendChild(w)}t.textContent="",t.appendChild(c)}function D(t,n){if(!document.body){document.addEventListener("DOMContentLoaded",function(){D(t,n)}),console.warn("["+n+'] Script loaded before <body> — add "defer" to your <script> tag');return}t()}function q(t,n,l,f){if(t.nodeType!==1)return;const g=n.indexOf("[")!==-1||n.indexOf(".")!==-1||n.indexOf("#")!==-1?n:"["+n+"]",u=Array.from(t.querySelectorAll(g));t.matches&&t.matches(g)&&u.push(t);for(const c of u)c[l]||(c[l]=new f(c))}function X(t,n,l,f,p={}){const g=p.extraAttributes||[],u=p.onAttributeChange||null,c=p.onInit||null;function s(d){const m=d||document.body;q(m,t,n,l),c&&c(m)}return D(function(){const d=new MutationObserver(function(w){for(let y=0;y<w.length;y++){const e=w[y];if(e.type==="childList"){for(let i=0;i<e.addedNodes.length;i++){const r=e.addedNodes[i];r.nodeType===1&&(q(r,t,n,l),c&&c(r))}for(let i=0;i<e.removedNodes.length;i++){const r=e.removedNodes[i];if(r.nodeType===1){const a=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",h=Array.from(r.querySelectorAll(a));r.matches&&r.matches(a)&&h.push(r);for(let A=0;A<h.length;A++){const b=h[A];if(!document.contains(b)){const v=b[n];v&&typeof v.destroy=="function"&&v.destroy()}}}}}else e.type==="attributes"&&(u&&e.target[n]?u(e.target,e.attributeName):(q(e.target,t,n,l),c&&c(e.target)))}});let m=[];if(t.indexOf("[")!==-1){const w=/\[([\w-]+)/g;let y;for(;(y=w.exec(t))!==null;)m.push(y[1])}else m.push(t);d.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:m.concat(g)})},f),window[n]=s,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){s(document.body)}):s(document.body),s}const K={};function Y(t,n){K[t]=n}function $(t){return K[t]||{ingress:n=>n,egress:n=>n}}const N={};function M(t,n){if(!t||typeof n!="object")return;const l=t.toLowerCase().split("-")[0];N[l]=n}function z(t){if(!t)return null;const n=t.toLowerCase().split("-")[0];return N[n]||null}M("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=Y,window.lnCore.getDataMapper=$,window.lnCore.registerLocaleFallback=M,window.lnCore.getLocaleFallback=z,window.lnCore.fillTemplate=O,window.lnCore.fill=F,window.lnCore.lnFill=P,window.lnCore.renderList=V);function Q(t,n){let l=!1;return function(){l||(l=!0,queueMicrotask(function(){l=!1,t(),n&&n()}))}}const Z="ln:";let E=null;function j(){if(E!==null)return E;try{if(typeof localStorage>"u")return E=!1,!1;const t="__ln_test__";localStorage.setItem(t,t),localStorage.removeItem(t),E=!0}catch{E=!1}return E}function tt(){return location.pathname.replace(/\/+$/,"").toLowerCase()||"/"}function W(t,n){const l=n.getAttribute("data-ln-persist"),f=l!==null&&l!==""?l:n.id;return f?Z+t+":"+tt()+":"+f:(console.warn('[ln-persist] Element requires id or data-ln-persist="key"',n),null)}function et(t,n){if(!j())return null;const l=W(t,n);if(!l)return null;try{const f=localStorage.getItem(l);return f!==null?JSON.parse(f):null}catch{return null}}function H(t,n,l){if(!j())return;const f=W(t,n);if(f)try{l==null?localStorage.removeItem(f):localStorage.setItem(f,JSON.stringify(l))}catch{}}function U(t){return(t||"").replace(/^#/,"")}function R(t){const n=t===void 0?location.hash:t,l={},f=U(n);if(!f)return l;const p=f.split("&");for(let g=0;g<p.length;g++){const u=p[g];if(!u)continue;const c=u.indexOf(":"),s=c>-1?u.slice(0,c):u,d=c>-1?u.slice(c+1):"";if(s)try{l[s]=decodeURIComponent(d)}catch{l[s]=d}}return l}function nt(t){if(!t)return null;const n=R();return t in n?n[t]:null}function lt(t,n){if(!t)return;const l=R();n==null?delete l[t]:l[t]=String(n);const p=Object.keys(l).map(function(g){const u=l[g];return u===""?g:g+":"+encodeURIComponent(u)}).join("&");U(location.hash)!==p&&(location.hash=p)}function it(t){return t.button===1||t.ctrlKey||t.metaKey||t.shiftKey?!1:(t.preventDefault(),!0)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=R,window.lnCore.hashGet=nt,window.lnCore.hashSet=lt,window.lnCore.hashLinkClick=it),(function(){const t="data-ln-filter",n="lnFilter",l="data-ln-filter-key",f="data-ln-filter-value",p="data-ln-filter-hide",g="data-ln-filter-reset",u="data-ln-filter-col",c=new WeakMap;if(window[n]!==void 0)return;function s(e){return e.hasAttribute(g)||e.getAttribute(f)===""}function d(e){let i=e._filterKey;const r=[];for(let o=0;o<e.inputs.length;o++){const a=e.inputs[o];if(a.checked&&!s(a)){const h=a.getAttribute(f);h&&r.push(h)}}return{key:i,values:r}}function m(e,i){if(e.length!==i.length)return!0;for(let r=0;r<e.length;r++)if(e[r]!==i[r])return!0;return!1}function w(e){const i=e.dom,r=e.colIndex,o=i.querySelector("template");if(!o||r===null)return;const a=document.getElementById(e.targetId);if(!a)return;const h=a.tagName==="TABLE"?a:a.querySelector("table");if(!h||a.hasAttribute("data-ln-table"))return;const A={},b=[],v=h.tBodies;for(let k=0;k<v.length;k++){const C=v[k].rows;for(let _=0;_<C.length;_++){const T=C[_].cells[r],L=T?T.textContent.trim():"";L&&!A[L]&&(A[L]=!0,b.push(L))}}b.sort(function(k,C){return k.localeCompare(C)});const x=i.querySelector("["+l+"]"),S=x?x.getAttribute(l):i.getAttribute("data-ln-filter-key")||"col"+r;for(let k=0;k<b.length;k++){const C=o.content.cloneNode(!0),_=C.querySelector("input");_&&(_.setAttribute(l,S),_.setAttribute(f,b[k]),O(C,{text:b[k]}),i.appendChild(C))}}function y(e){this.dom=e,this.targetId=e.getAttribute(t);const i=e.getAttribute(u);this.colIndex=i!==null?parseInt(i,10):null,w(this),this.inputs=Array.from(e.querySelectorAll("["+l+"]")),this._filterKey=this.inputs.length>0?this.inputs[0].getAttribute(l):null,this._lastSnapshot=null;const r=this,o=Q(function(){r._render()},function(){r._afterRender()});this._queueRender=o,this._attachHandlers();let a=!1;if(e.hasAttribute("data-ln-persist")){const h=et("filter",e);if(h&&h.key&&Array.isArray(h.values)&&h.values.length>0){for(let A=0;A<this.inputs.length;A++){const b=this.inputs[A];s(b)?b.checked=!1:b.getAttribute(l)===h.key&&h.values.indexOf(b.getAttribute(f))!==-1?b.checked=!0:b.checked=!1}o(),a=!0}}if(!a){for(let h=0;h<this.inputs.length;h++)if(this.inputs[h].checked&&!s(this.inputs[h])){o();break}}return this}y.prototype._attachHandlers=function(){const e=this;this.inputs.forEach(function(i){i[n+"Bound"]||(i[n+"Bound"]=!0,i._lnFilterChange=function(){if(s(i)){for(let r=0;r<e.inputs.length;r++)s(e.inputs[r])||(e.inputs[r].checked=!1);i.checked=!0,e._queueRender();return}if(i.checked){for(let o=0;o<e.inputs.length;o++)s(e.inputs[o])&&(e.inputs[o].checked=!1);let r=!1;for(let o=0;o<e.inputs.length;o++)if(s(e.inputs[o])){r=!0;break}if(r){let o=!0;for(let a=0;a<e.inputs.length;a++)if(!s(e.inputs[a])&&!e.inputs[a].checked){o=!1;break}if(o)for(let a=0;a<e.inputs.length;a++)s(e.inputs[a])?e.inputs[a].checked=!0:e.inputs[a].checked=!1}}else{let r=!1;for(let o=0;o<e.inputs.length;o++)if(!s(e.inputs[o])&&e.inputs[o].checked){r=!0;break}if(!r)for(let o=0;o<e.inputs.length;o++)s(e.inputs[o])&&(e.inputs[o].checked=!0)}e._queueRender()},i.addEventListener("change",i._lnFilterChange))})},y.prototype._render=function(){const e=this,i=d(this),r=i.key===null||i.values.length===0,o=[];for(let a=0;a<i.values.length;a++)o.push(i.values[a].toLowerCase());if(e.colIndex!==null)e._filterTableRows(i);else{const a=document.getElementById(e.targetId);if(!a)return;const h=a.children;for(let A=0;A<h.length;A++){const b=h[A];if(r){b.removeAttribute(p);continue}const v=b.getAttribute("data-"+i.key);b.removeAttribute(p),v!==null&&o.indexOf(v.toLowerCase())===-1&&b.setAttribute(p,"true")}}},y.prototype._afterRender=function(){const e=d(this),i=this._lastSnapshot;if(!i||i.key!==e.key||m(i.values,e.values)){this._dispatchOnBoth("ln-filter:changed",{key:e.key,values:e.values.slice()});const o=i&&i.values.length>0,a=e.values.length===0;o&&a&&this._dispatchOnBoth("ln-filter:reset",{}),this._lastSnapshot={key:e.key,values:e.values.slice()}}this.dom.hasAttribute("data-ln-persist")&&(e.key&&e.values.length>0?H("filter",this.dom,{key:e.key,values:e.values.slice()}):H("filter",this.dom,null))},y.prototype._dispatchOnBoth=function(e,i){B(this.dom,e,i);const r=document.getElementById(this.targetId);r&&r!==this.dom&&B(r,e,i)},y.prototype._filterTableRows=function(e){const i=document.getElementById(this.targetId);if(!i)return;const r=i.tagName==="TABLE"?i:i.querySelector("table");if(!r||i.hasAttribute("data-ln-table"))return;const o=e.key||this._filterKey,a=e.values;c.has(r)||c.set(r,{});const h=c.get(r);if(o&&a.length>0){const x=[];for(let S=0;S<a.length;S++)x.push(a[S].toLowerCase());h[o]={col:this.colIndex,values:x}}else o&&delete h[o];const A=Object.keys(h),b=A.length>0,v=r.tBodies;for(let x=0;x<v.length;x++){const S=v[x].rows;for(let k=0;k<S.length;k++){const C=S[k];if(!b){C.removeAttribute(p);continue}let _=!0;for(let T=0;T<A.length;T++){const L=h[A[T]],G=C.cells[L.col],rt=G?G.textContent.trim().toLowerCase():"";if(L.values.indexOf(rt)===-1){_=!1;break}}_?C.removeAttribute(p):C.setAttribute(p,"true")}}},y.prototype.destroy=function(){if(this.dom[n]){if(this.colIndex!==null){const e=document.getElementById(this.targetId);if(e){const i=e.tagName==="TABLE"?e:e.querySelector("table");if(i&&c.has(i)){const r=c.get(i),o=this._filterKey;o&&r[o]&&delete r[o],Object.keys(r).length===0&&c.delete(i)}}}this.inputs.forEach(function(e){e._lnFilterChange&&(e.removeEventListener("change",e._lnFilterChange),delete e._lnFilterChange),delete e[n+"Bound"]}),delete this.dom[n]}},X(t,n,y,"ln-filter")})()})();
|