@allsrvsonline/vue-component-library 0.6.1 → 0.6.2

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.
Files changed (4) hide show
  1. package/dist/vue-component-library.css +1 -1
  2. package/dist/vue-component-library.es.js +1 -1
  3. package/dist/vue-component-library.umd.js +1 -1
  4. package/package.json +1 -1
package/dist/vue-component-library.css CHANGED
@@ -1 +1 @@
1
- html,body{height:100vh;margin:0;padding:0;overflow:hidden}:root{color-scheme:light dark;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-text: white;--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-secondary-text: white;--color-success: #10b981;--color-success-hover: #059669;--color-success-text: white;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-text: white;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-text: white;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-border: var(--color-gray-300);--color-border-focus: var(--color-primary);--color-border-error: var(--color-danger);--color-background: white;--color-background-secondary: var(--color-gray-50);--color-background-disabled: var(--color-gray-100);--color-focus-ring: var(--color-primary);--color-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .1);--color-error-focus-shadow: 0 0 0 3px rgba(239, 68, 68, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--opacity-disabled: .6;--opacity-loading: .7;--base-header-height: 4rem;--base-header-padding: 1rem;--base-header-background: var(--color-primary);--base-header-color: var(--color-primary-text);--base-footer-height: 2rem;--base-footer-padding: .5rem;--base-footer-background: var(--color-primary);--base-footer-color: var(--color-primary-text);--color-arrow: var(--color-gray-500)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-text: white;--color-secondary: #9ca3af;--color-secondary-hover: #6b7280;--color-secondary-text: white;--color-success: #34d399;--color-success-hover: #10b981;--color-success-text: white;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-text: white;--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-text: #1f2937;--color-gray-50: #1f2937;--color-gray-100: #374151;--color-gray-200: #4b5563;--color-gray-300: #6b7280;--color-gray-400: #9ca3af;--color-gray-500: #d1d5db;--color-gray-600: #e5e7eb;--color-gray-700: #f3f4f6;--color-gray-800: #f9fafb;--color-gray-900: #ffffff;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-border: var(--color-gray-200);--color-border-focus: var(--color-primary);--color-border-error: var(--color-danger);--color-background: var(--color-gray-50);--color-background-secondary: var(--color-gray-100);--color-background-disabled: var(--color-gray-200);--color-focus-ring: var(--color-primary);--color-focus-shadow: 0 0 0 3px rgba(96, 165, 250, .2);--color-error-focus-shadow: 0 0 0 3px rgba(248, 113, 113, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--base-header-background: var(--color-gray-100);--base-header-color: var(--color-gray-900);--base-footer-background: var(--color-gray-100);--base-footer-color: var(--color-gray-900);--color-arrow: var(--color-gray-400)}}.theme-dark{color-scheme:dark!important;--color-primary: #60a5fa !important;--color-primary-hover: #3b82f6 !important;--color-primary-text: white !important;--color-secondary: #9ca3af !important;--color-secondary-hover: #6b7280 !important;--color-secondary-text: white !important;--color-success: #34d399 !important;--color-success-hover: #10b981 !important;--color-success-text: white !important;--color-danger: #f87171 !important;--color-danger-hover: #ef4444 !important;--color-danger-text: white !important;--color-warning: #fbbf24 !important;--color-warning-hover: #f59e0b !important;--color-warning-text: #1f2937 !important;--color-gray-50: #1f2937 !important;--color-gray-100: #374151 !important;--color-gray-200: #4b5563 !important;--color-gray-300: #6b7280 !important;--color-gray-400: #9ca3af !important;--color-gray-500: #d1d5db !important;--color-gray-600: #e5e7eb !important;--color-gray-700: #f3f4f6 !important;--color-gray-800: #f9fafb !important;--color-gray-900: #ffffff !important;--color-text-primary: var(--color-gray-900) !important;--color-text-secondary: var(--color-gray-600) !important;--color-text-muted: var(--color-gray-400) !important;--color-border: var(--color-gray-200) !important;--color-border-focus: var(--color-primary) !important;--color-border-error: var(--color-danger) !important;--color-background: var(--color-gray-50) !important;--color-background-secondary: var(--color-gray-100) !important;--color-background-disabled: var(--color-gray-200) !important;--color-focus-ring: var(--color-primary) !important;--color-focus-shadow: 0 0 0 3px rgba(96, 165, 250, .2) !important;--color-error-focus-shadow: 0 0 0 3px rgba(248, 113, 113, .2) !important;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3) !important;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3) !important;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3) !important;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3) !important;--color-arrow: var(--color-gray-400) !important;--base-header-background: var(--color-gray-100) !important;--base-header-color: var(--color-gray-900) !important;--base-footer-background: var(--color-gray-100) !important;--base-footer-color: var(--color-gray-900) !important}.theme-light{color-scheme:light!important;--color-primary: #3b82f6 !important;--color-primary-hover: #2563eb !important;--color-primary-text: white !important;--color-secondary: #6b7280 !important;--color-secondary-hover: #4b5563 !important;--color-secondary-text: white !important;--color-success: #10b981 !important;--color-success-hover: #059669 !important;--color-success-text: white !important;--color-danger: #ef4444 !important;--color-danger-hover: #dc2626 !important;--color-danger-text: white !important;--color-warning: #f59e0b !important;--color-warning-hover: #d97706 !important;--color-warning-text: white !important;--color-gray-50: #f9fafb !important;--color-gray-100: #f3f4f6 !important;--color-gray-200: #e5e7eb !important;--color-gray-300: #d1d5db !important;--color-gray-400: #9ca3af !important;--color-gray-500: #6b7280 !important;--color-gray-600: #4b5563 !important;--color-gray-700: #374151 !important;--color-gray-800: #1f2937 !important;--color-gray-900: #111827 !important;--color-text-primary: var(--color-gray-900) !important;--color-text-secondary: var(--color-gray-600) !important;--color-text-muted: var(--color-gray-400) !important;--color-border: var(--color-gray-300) !important;--color-border-focus: var(--color-primary) !important;--color-border-error: var(--color-danger) !important;--color-background: white !important;--color-background-secondary: var(--color-gray-50) !important;--color-background-disabled: var(--color-gray-100) !important;--color-focus-ring: var(--color-primary) !important;--color-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .1) !important;--color-error-focus-shadow: 0 0 0 3px rgba(239, 68, 68, .1) !important;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05) !important;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;--color-arrow: var(--color-gray-500) !important;--base-header-background: var(--color-primary) !important;--base-header-color: var(--color-primary-text) !important;--base-footer-background: var(--color-primary) !important;--base-footer-color: var(--color-primary-text) !important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-background)}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary)}h1{font-size:3.2em;line-height:1.1;color:var(--color-text-primary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-gray-800);color:var(--color-gray-100);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto var(--color-focus-ring)}.card{padding:2em;background-color:var(--color-background);color:var(--color-text-primary)}#app{max-width:1280px;margin:0 auto;padding:2rem}:root{--base-button-primary-bg: var(--color-primary);--base-button-primary-bg-hover: var(--color-primary-hover);--base-button-primary-text: var(--color-primary-text);--base-button-secondary-bg: var(--color-secondary);--base-button-secondary-bg-hover: var(--color-secondary-hover);--base-button-secondary-text: var(--color-secondary-text);--base-button-success-bg: var(--color-success);--base-button-success-bg-hover: var(--color-success-hover);--base-button-success-text: var(--color-success-text);--base-button-danger-bg: var(--color-danger);--base-button-danger-bg-hover: var(--color-danger-hover);--base-button-danger-text: var(--color-danger-text);--base-button-warning-bg: var(--color-warning);--base-button-warning-bg-hover: var(--color-warning-hover);--base-button-warning-text: var(--color-warning-text);--base-button-disabled-opacity: var(--opacity-disabled);--base-button-loading-opacity: var(--opacity-loading)}.base-button[data-v-a4a5350a]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit;position:relative}.base-button[data-v-a4a5350a]:focus-visible{outline:2px solid currentColor;outline-offset:2px}.base-button--small[data-v-a4a5350a]{padding:.375rem .75rem;font-size:.875rem}.base-button--medium[data-v-a4a5350a]{padding:.5rem 1rem;font-size:1rem}.base-button--large[data-v-a4a5350a]{padding:.75rem 1.5rem;font-size:1.125rem}.base-button--primary[data-v-a4a5350a]{background-color:var(--base-button-primary-bg);color:var(--base-button-primary-text)}.base-button--primary[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-primary-bg-hover)}.base-button--secondary[data-v-a4a5350a]{background-color:var(--base-button-secondary-bg);color:var(--base-button-secondary-text)}.base-button--secondary[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-secondary-bg-hover)}.base-button--success[data-v-a4a5350a]{background-color:var(--base-button-success-bg);color:var(--base-button-success-text)}.base-button--success[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-success-bg-hover)}.base-button--danger[data-v-a4a5350a]{background-color:var(--base-button-danger-bg);color:var(--base-button-danger-text)}.base-button--danger[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-danger-bg-hover)}.base-button--warning[data-v-a4a5350a]{background-color:var(--base-button-warning-bg);color:var(--base-button-warning-text)}.base-button--warning[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-warning-bg-hover)}.base-button--full-width[data-v-a4a5350a]{width:100%}.base-button--disabled[data-v-a4a5350a],.base-button[data-v-a4a5350a]:disabled{opacity:var(--base-button-disabled-opacity);cursor:not-allowed}.base-button--loading[data-v-a4a5350a]{cursor:wait}.base-button__spinner[data-v-a4a5350a]{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin-a4a5350a .6s linear infinite}.base-button__content--loading[data-v-a4a5350a]{opacity:var(--base-button-loading-opacity)}@keyframes spin-a4a5350a{to{transform:rotate(360deg)}}:root{--base-input-label-color: var(--input-label-color);--base-input-required-color: var(--input-required-color);--base-input-border: var(--input-border);--base-input-border-focus: var(--input-border-focus);--base-input-border-error: var(--input-border-error);--base-input-bg: var(--input-bg);--base-input-bg-disabled: var(--input-bg-disabled);--base-input-placeholder-color: var(--input-placeholder-color);--base-input-focus-shadow: var(--input-focus-shadow);--base-input-error-focus-shadow: var(--input-error-focus-shadow);--base-input-error-color: var(--input-error-color);--base-input-disabled-opacity: var(--input-disabled-opacity)}.base-input[data-v-eff0ecb9]{display:flex;flex-direction:column;gap:.375rem}.base-input__label[data-v-eff0ecb9]{font-size:.875rem;font-weight:500;color:var(--base-input-label-color)}.base-input__required[data-v-eff0ecb9]{color:var(--base-input-required-color)}.base-input__field[data-v-eff0ecb9]{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--base-input-border);border-radius:.375rem;background-color:var(--base-input-bg);transition:all .2s ease-in-out;font-family:inherit}.base-input__field[data-v-eff0ecb9]:focus{outline:none;border-color:var(--base-input-border-focus);box-shadow:var(--base-input-focus-shadow)}.base-input__field[data-v-eff0ecb9]::placeholder{color:var(--base-input-placeholder-color)}.base-input__field--error[data-v-eff0ecb9]{border-color:var(--base-input-border-error)}.base-input__field--error[data-v-eff0ecb9]:focus{border-color:var(--base-input-border-error);box-shadow:var(--base-input-error-focus-shadow)}.base-input__field--disabled[data-v-eff0ecb9],.base-input__field[data-v-eff0ecb9]:disabled{background-color:var(--base-input-bg-disabled);cursor:not-allowed;opacity:var(--base-input-disabled-opacity)}.base-input__error[data-v-eff0ecb9]{font-size:.875rem;color:var(--base-input-error-color)}:root{--input-label-color: var(--color-text-primary);--input-required-color: var(--color-danger);--input-border: var(--color-border);--input-border-focus: var(--color-border-focus);--input-border-error: var(--color-border-error);--input-bg: var(--color-background);--input-bg-disabled: var(--color-background-disabled);--input-placeholder-color: var(--color-text-muted);--input-focus-shadow: var(--color-focus-shadow);--input-error-focus-shadow: var(--color-error-focus-shadow);--input-error-color: var(--color-danger);--input-disabled-opacity: var(--opacity-disabled)}:root{--base-select-label-color: var(--input-label-color);--base-select-required-color: var(--input-required-color);--base-select-border: var(--input-border);--base-select-border-focus: var(--input-border-focus);--base-select-border-error: var(--input-border-error);--base-select-bg: var(--input-bg);--base-select-bg-disabled: var(--input-bg-disabled);--base-select-focus-shadow: var(--input-focus-shadow);--base-select-error-focus-shadow: var(--input-error-focus-shadow);--base-select-error-color: var(--input-error-color);--base-select-disabled-opacity: var(--input-disabled-opacity)}.base-select[data-v-8a0c8926]{display:flex;flex-direction:column;gap:.375rem}.base-select__label[data-v-8a0c8926]{font-size:.875rem;font-weight:500;color:var(--base-select-label-color)}.base-select__required[data-v-8a0c8926]{color:var(--base-select-required-color)}.base-select__field[data-v-8a0c8926]{padding:.5rem 2rem .5rem .75rem;font-size:1rem;border:1px solid var(--base-select-border);border-radius:.375rem;transition:all .2s ease-in-out;font-family:inherit;background-color:var(--base-select-bg);appearance:none;cursor:pointer;position:relative}.base-select__field[data-v-8a0c8926]:after{content:"";position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.375rem solid var(--color-arrow);pointer-events:none}.base-select__field[data-v-8a0c8926]:focus{outline:none;border-color:var(--base-select-border-focus);box-shadow:var(--base-select-focus-shadow)}.base-select__field--error[data-v-8a0c8926]{border-color:var(--base-select-border-error)}.base-select__field--error[data-v-8a0c8926]:focus{border-color:var(--base-select-border-error);box-shadow:var(--base-select-error-focus-shadow)}.base-select__field--disabled[data-v-8a0c8926],.base-select__field[data-v-8a0c8926]:disabled{background-color:var(--base-select-bg-disabled);cursor:not-allowed;opacity:var(--base-select-disabled-opacity)}.base-select__error[data-v-8a0c8926]{font-size:.875rem;color:var(--base-select-error-color)}:root{--base-card-bg: var(--color-background);--base-card-footer-bg: var(--color-background-secondary);--base-card-border: var(--color-border);--base-card-title-color: var(--color-text-primary);--base-card-shadow: var(--shadow-md)}.base-card[data-v-80b8fdda]{background-color:var(--base-card-bg);border-radius:.5rem;border:1px solid var(--base-card-border);overflow:hidden}.base-card--elevated[data-v-80b8fdda]{box-shadow:var(--base-card-shadow);border:none}.base-card__header[data-v-80b8fdda]{padding:1rem 1.5rem;border-bottom:1px solid var(--base-card-border)}.base-card__title[data-v-80b8fdda]{margin:0;font-size:1.125rem;font-weight:600;color:var(--base-card-title-color)}.base-card__body[data-v-80b8fdda]{padding:1.5rem}.base-card--no-padding .base-card__body[data-v-80b8fdda]{padding:0}.base-card__footer[data-v-80b8fdda]{padding:1rem 1.5rem;border-top:1px solid var(--base-card-border);background-color:var(--base-card-footer-bg)}:root{--collapsible-card-bg: var(--color-background);--collapsible-card-footer-bg: var(--color-background-secondary);--collapsible-card-header-hover-bg: var(--color-background-secondary);--collapsible-card-toggle-hover-bg: var(--color-gray-200);--collapsible-card-border: var(--color-border);--collapsible-card-title-color: var(--color-text-primary);--collapsible-card-icon-color: var(--color-text-secondary);--collapsible-card-focus-ring: var(--color-focus-ring);--collapsible-card-shadow: var(--shadow-md)}.collapsible-card[data-v-14982384]{background-color:var(--collapsible-card-bg);border-radius:.5rem;border:1px solid var(--collapsible-card-border);overflow:hidden}.collapsible-card--elevated[data-v-14982384]{box-shadow:var(--collapsible-card-shadow);border:none}.collapsible-card__header[data-v-14982384]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--collapsible-card-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.collapsible-card__header[data-v-14982384]:hover{background-color:var(--collapsible-card-header-hover-bg)}.collapsible-card__header-content[data-v-14982384]{flex:1}.collapsible-card__title[data-v-14982384]{margin:0;font-size:1.125rem;font-weight:600;color:var(--collapsible-card-title-color)}.collapsible-card__toggle[data-v-14982384]{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--collapsible-card-icon-color);display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s ease}.collapsible-card__toggle[data-v-14982384]:hover{background-color:var(--collapsible-card-toggle-hover-bg)}.collapsible-card__toggle[data-v-14982384]:focus{outline:2px solid var(--collapsible-card-focus-ring);outline-offset:2px}.collapsible-card__icon[data-v-14982384]{transition:transform .2s ease}.collapsible-card__icon--collapsed[data-v-14982384]{transform:rotate(-90deg)}.collapsible-card__body[data-v-14982384]{padding:1.5rem}.collapsible-card--no-padding .collapsible-card__body[data-v-14982384]{padding:0}.collapsible-card__footer[data-v-14982384]{padding:1rem 1.5rem;border-top:1px solid var(--collapsible-card-border);background-color:var(--collapsible-card-footer-bg)}.base-delete-button[data-v-413ae3e1]{padding:.5rem;min-width:auto;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}.base-delete-button__icon[data-v-413ae3e1]{flex-shrink:0}header[data-v-61913712]{margin:0;position:fixed;top:0;left:0;width:100%;height:var(--base-header-height);padding:var(--base-header-padding);background:var(--base-header-background);color:var(--base-header-color);box-shadow:0 2px 5px #0003;z-index:1000}.header-content[data-v-61913712]{display:flex;align-items:center;box-sizing:border-box;margin-right:calc(var(--base-header-padding) * 2)}.icons-slot[data-v-61913712]{margin-left:auto;display:flex}.titleblock[data-v-71d47028]{height:var(--base-header-height);display:flex;flex-direction:column;text-align:left;margin:0;padding:0}p.title[data-v-71d47028]{margin:0;padding:0;font-size:calc(var(--base-header-height) * .55);line-height:calc(var(--base-header-height) * .55);font-weight:700;display:flex;align-items:center;transform:translateY(-.05em)}p.subtitle[data-v-71d47028]{margin:0;padding:0;font-size:calc(var(--base-header-height) * .375);line-height:calc(var(--base-header-height) * .375);font-weight:400;display:flex;align-items:center;transform:translateY(-.05em)}.logo[data-v-f440fa71]{margin:0;padding:0;height:calc(var(--base-header-height));margin-right:.5rem}main[data-v-db8e7081]{position:fixed;top:calc(var(--base-header-height) + (var(--base-header-padding) * 2));bottom:calc(var(--base-footer-height) + (var(--base-footer-padding) * 2));left:0;right:0;overflow-y:auto;padding:1rem;z-index:1;line-height:1.2}footer[data-v-d3ef973b]{position:fixed;bottom:0;left:0;width:100%;height:var(--base-footer-height);padding:var(--base-footer-padding);background:var(--base-footer-background);color:var(--base-footer-color);box-shadow:0 -2px 5px #0003;z-index:1000}.footer-content[data-v-d3ef973b]{display:flex;align-items:center;justify-content:center;height:100%}.icons-slot[data-v-d3ef973b]{margin-left:auto;display:flex}p[data-v-6954ee3f]{margin:0;padding:0;padding-left:calc(var(--base-header-padding) - var(--base-footer-padding));font-size:inherit;color:inherit}
1
+ html,body{height:100vh;margin:0;padding:0;overflow:hidden}:root{color-scheme:light dark;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-text: white;--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-secondary-text: white;--color-success: #10b981;--color-success-hover: #059669;--color-success-text: white;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-text: white;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-text: white;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-border: var(--color-gray-300);--color-border-focus: var(--color-primary);--color-border-error: var(--color-danger);--color-background: white;--color-background-secondary: var(--color-gray-50);--color-background-disabled: var(--color-gray-100);--color-focus-ring: var(--color-primary);--color-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .1);--color-error-focus-shadow: 0 0 0 3px rgba(239, 68, 68, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--opacity-disabled: .6;--opacity-loading: .7;--base-header-height: 4rem;--base-header-padding: 1rem;--base-header-background: var(--color-primary);--base-header-color: var(--color-primary-text);--base-footer-height: 2rem;--base-footer-padding: .5rem;--base-footer-background: var(--color-primary);--base-footer-color: var(--color-primary-text);--color-arrow: var(--color-gray-500)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-text: white;--color-secondary: #9ca3af;--color-secondary-hover: #6b7280;--color-secondary-text: white;--color-success: #34d399;--color-success-hover: #10b981;--color-success-text: white;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-text: white;--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-text: #1f2937;--color-gray-50: #1f2937;--color-gray-100: #374151;--color-gray-200: #4b5563;--color-gray-300: #6b7280;--color-gray-400: #9ca3af;--color-gray-500: #d1d5db;--color-gray-600: #e5e7eb;--color-gray-700: #f3f4f6;--color-gray-800: #f9fafb;--color-gray-900: #ffffff;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-border: var(--color-gray-200);--color-border-focus: var(--color-primary);--color-border-error: var(--color-danger);--color-background: var(--color-gray-50);--color-background-secondary: var(--color-gray-100);--color-background-disabled: var(--color-gray-200);--color-focus-ring: var(--color-primary);--color-focus-shadow: 0 0 0 3px rgba(96, 165, 250, .2);--color-error-focus-shadow: 0 0 0 3px rgba(248, 113, 113, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--base-header-background: var(--color-gray-100);--base-header-color: var(--color-gray-900);--base-footer-background: var(--color-gray-100);--base-footer-color: var(--color-gray-900);--color-arrow: var(--color-gray-400)}}.theme-dark{color-scheme:dark!important;--color-primary: #60a5fa !important;--color-primary-hover: #3b82f6 !important;--color-primary-text: white !important;--color-secondary: #9ca3af !important;--color-secondary-hover: #6b7280 !important;--color-secondary-text: white !important;--color-success: #34d399 !important;--color-success-hover: #10b981 !important;--color-success-text: white !important;--color-danger: #f87171 !important;--color-danger-hover: #ef4444 !important;--color-danger-text: white !important;--color-warning: #fbbf24 !important;--color-warning-hover: #f59e0b !important;--color-warning-text: #1f2937 !important;--color-gray-50: #1f2937 !important;--color-gray-100: #374151 !important;--color-gray-200: #4b5563 !important;--color-gray-300: #6b7280 !important;--color-gray-400: #9ca3af !important;--color-gray-500: #d1d5db !important;--color-gray-600: #e5e7eb !important;--color-gray-700: #f3f4f6 !important;--color-gray-800: #f9fafb !important;--color-gray-900: #ffffff !important;--color-text-primary: var(--color-gray-900) !important;--color-text-secondary: var(--color-gray-600) !important;--color-text-muted: var(--color-gray-400) !important;--color-border: var(--color-gray-200) !important;--color-border-focus: var(--color-primary) !important;--color-border-error: var(--color-danger) !important;--color-background: var(--color-gray-50) !important;--color-background-secondary: var(--color-gray-100) !important;--color-background-disabled: var(--color-gray-200) !important;--color-focus-ring: var(--color-primary) !important;--color-focus-shadow: 0 0 0 3px rgba(96, 165, 250, .2) !important;--color-error-focus-shadow: 0 0 0 3px rgba(248, 113, 113, .2) !important;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3) !important;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3) !important;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3) !important;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3) !important;--color-arrow: var(--color-gray-400) !important;--base-header-background: var(--color-gray-100) !important;--base-header-color: var(--color-gray-900) !important;--base-footer-background: var(--color-gray-100) !important;--base-footer-color: var(--color-gray-900) !important}.theme-light{color-scheme:light!important;--color-primary: #3b82f6 !important;--color-primary-hover: #2563eb !important;--color-primary-text: white !important;--color-secondary: #6b7280 !important;--color-secondary-hover: #4b5563 !important;--color-secondary-text: white !important;--color-success: #10b981 !important;--color-success-hover: #059669 !important;--color-success-text: white !important;--color-danger: #ef4444 !important;--color-danger-hover: #dc2626 !important;--color-danger-text: white !important;--color-warning: #f59e0b !important;--color-warning-hover: #d97706 !important;--color-warning-text: white !important;--color-gray-50: #f9fafb !important;--color-gray-100: #f3f4f6 !important;--color-gray-200: #e5e7eb !important;--color-gray-300: #d1d5db !important;--color-gray-400: #9ca3af !important;--color-gray-500: #6b7280 !important;--color-gray-600: #4b5563 !important;--color-gray-700: #374151 !important;--color-gray-800: #1f2937 !important;--color-gray-900: #111827 !important;--color-text-primary: var(--color-gray-900) !important;--color-text-secondary: var(--color-gray-600) !important;--color-text-muted: var(--color-gray-400) !important;--color-border: var(--color-gray-300) !important;--color-border-focus: var(--color-primary) !important;--color-border-error: var(--color-danger) !important;--color-background: white !important;--color-background-secondary: var(--color-gray-50) !important;--color-background-disabled: var(--color-gray-100) !important;--color-focus-ring: var(--color-primary) !important;--color-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .1) !important;--color-error-focus-shadow: 0 0 0 3px rgba(239, 68, 68, .1) !important;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05) !important;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;--color-arrow: var(--color-gray-500) !important;--base-header-background: var(--color-primary) !important;--base-header-color: var(--color-primary-text) !important;--base-footer-background: var(--color-primary) !important;--base-footer-color: var(--color-primary-text) !important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-background)}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary)}h1{font-size:3.2em;line-height:1.1;color:var(--color-text-primary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-gray-800);color:var(--color-gray-100);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto var(--color-focus-ring)}.card{padding:2em;background-color:var(--color-background);color:var(--color-text-primary)}#app{max-width:1280px;margin:0 auto;padding:2rem}:root{--base-button-primary-bg: var(--color-primary);--base-button-primary-bg-hover: var(--color-primary-hover);--base-button-primary-text: var(--color-primary-text);--base-button-secondary-bg: var(--color-secondary);--base-button-secondary-bg-hover: var(--color-secondary-hover);--base-button-secondary-text: var(--color-secondary-text);--base-button-success-bg: var(--color-success);--base-button-success-bg-hover: var(--color-success-hover);--base-button-success-text: var(--color-success-text);--base-button-danger-bg: var(--color-danger);--base-button-danger-bg-hover: var(--color-danger-hover);--base-button-danger-text: var(--color-danger-text);--base-button-warning-bg: var(--color-warning);--base-button-warning-bg-hover: var(--color-warning-hover);--base-button-warning-text: var(--color-warning-text);--base-button-disabled-opacity: var(--opacity-disabled);--base-button-loading-opacity: var(--opacity-loading)}.base-button[data-v-a4a5350a]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit;position:relative}.base-button[data-v-a4a5350a]:focus-visible{outline:2px solid currentColor;outline-offset:2px}.base-button--small[data-v-a4a5350a]{padding:.375rem .75rem;font-size:.875rem}.base-button--medium[data-v-a4a5350a]{padding:.5rem 1rem;font-size:1rem}.base-button--large[data-v-a4a5350a]{padding:.75rem 1.5rem;font-size:1.125rem}.base-button--primary[data-v-a4a5350a]{background-color:var(--base-button-primary-bg);color:var(--base-button-primary-text)}.base-button--primary[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-primary-bg-hover)}.base-button--secondary[data-v-a4a5350a]{background-color:var(--base-button-secondary-bg);color:var(--base-button-secondary-text)}.base-button--secondary[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-secondary-bg-hover)}.base-button--success[data-v-a4a5350a]{background-color:var(--base-button-success-bg);color:var(--base-button-success-text)}.base-button--success[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-success-bg-hover)}.base-button--danger[data-v-a4a5350a]{background-color:var(--base-button-danger-bg);color:var(--base-button-danger-text)}.base-button--danger[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-danger-bg-hover)}.base-button--warning[data-v-a4a5350a]{background-color:var(--base-button-warning-bg);color:var(--base-button-warning-text)}.base-button--warning[data-v-a4a5350a]:hover:not(:disabled){background-color:var(--base-button-warning-bg-hover)}.base-button--full-width[data-v-a4a5350a]{width:100%}.base-button--disabled[data-v-a4a5350a],.base-button[data-v-a4a5350a]:disabled{opacity:var(--base-button-disabled-opacity);cursor:not-allowed}.base-button--loading[data-v-a4a5350a]{cursor:wait}.base-button__spinner[data-v-a4a5350a]{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin-a4a5350a .6s linear infinite}.base-button__content--loading[data-v-a4a5350a]{opacity:var(--base-button-loading-opacity)}@keyframes spin-a4a5350a{to{transform:rotate(360deg)}}:root{--base-input-label-color: var(--input-label-color);--base-input-required-color: var(--input-required-color);--base-input-border: var(--input-border);--base-input-border-focus: var(--input-border-focus);--base-input-border-error: var(--input-border-error);--base-input-bg: var(--input-bg);--base-input-bg-disabled: var(--input-bg-disabled);--base-input-placeholder-color: var(--input-placeholder-color);--base-input-focus-shadow: var(--input-focus-shadow);--base-input-error-focus-shadow: var(--input-error-focus-shadow);--base-input-error-color: var(--input-error-color);--base-input-disabled-opacity: var(--input-disabled-opacity)}.base-input[data-v-eff0ecb9]{display:flex;flex-direction:column;gap:.375rem}.base-input__label[data-v-eff0ecb9]{font-size:.875rem;font-weight:500;color:var(--base-input-label-color)}.base-input__required[data-v-eff0ecb9]{color:var(--base-input-required-color)}.base-input__field[data-v-eff0ecb9]{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--base-input-border);border-radius:.375rem;background-color:var(--base-input-bg);transition:all .2s ease-in-out;font-family:inherit}.base-input__field[data-v-eff0ecb9]:focus{outline:none;border-color:var(--base-input-border-focus);box-shadow:var(--base-input-focus-shadow)}.base-input__field[data-v-eff0ecb9]::placeholder{color:var(--base-input-placeholder-color)}.base-input__field--error[data-v-eff0ecb9]{border-color:var(--base-input-border-error)}.base-input__field--error[data-v-eff0ecb9]:focus{border-color:var(--base-input-border-error);box-shadow:var(--base-input-error-focus-shadow)}.base-input__field--disabled[data-v-eff0ecb9],.base-input__field[data-v-eff0ecb9]:disabled{background-color:var(--base-input-bg-disabled);cursor:not-allowed;opacity:var(--base-input-disabled-opacity)}.base-input__error[data-v-eff0ecb9]{font-size:.875rem;color:var(--base-input-error-color)}:root{--input-label-color: var(--color-text-primary);--input-required-color: var(--color-danger);--input-border: var(--color-border);--input-border-focus: var(--color-border-focus);--input-border-error: var(--color-border-error);--input-bg: var(--color-background);--input-bg-disabled: var(--color-background-disabled);--input-placeholder-color: var(--color-text-muted);--input-focus-shadow: var(--color-focus-shadow);--input-error-focus-shadow: var(--color-error-focus-shadow);--input-error-color: var(--color-danger);--input-disabled-opacity: var(--opacity-disabled)}:root{--base-select-label-color: var(--input-label-color);--base-select-required-color: var(--input-required-color);--base-select-border: var(--input-border);--base-select-border-focus: var(--input-border-focus);--base-select-border-error: var(--input-border-error);--base-select-bg: var(--input-bg);--base-select-bg-disabled: var(--input-bg-disabled);--base-select-focus-shadow: var(--input-focus-shadow);--base-select-error-focus-shadow: var(--input-error-focus-shadow);--base-select-error-color: var(--input-error-color);--base-select-disabled-opacity: var(--input-disabled-opacity)}.base-select[data-v-8a0c8926]{display:flex;flex-direction:column;gap:.375rem}.base-select__label[data-v-8a0c8926]{font-size:.875rem;font-weight:500;color:var(--base-select-label-color)}.base-select__required[data-v-8a0c8926]{color:var(--base-select-required-color)}.base-select__field[data-v-8a0c8926]{padding:.5rem 2rem .5rem .75rem;font-size:1rem;border:1px solid var(--base-select-border);border-radius:.375rem;transition:all .2s ease-in-out;font-family:inherit;background-color:var(--base-select-bg);appearance:none;cursor:pointer;position:relative}.base-select__field[data-v-8a0c8926]:after{content:"";position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.375rem solid var(--color-arrow);pointer-events:none}.base-select__field[data-v-8a0c8926]:focus{outline:none;border-color:var(--base-select-border-focus);box-shadow:var(--base-select-focus-shadow)}.base-select__field--error[data-v-8a0c8926]{border-color:var(--base-select-border-error)}.base-select__field--error[data-v-8a0c8926]:focus{border-color:var(--base-select-border-error);box-shadow:var(--base-select-error-focus-shadow)}.base-select__field--disabled[data-v-8a0c8926],.base-select__field[data-v-8a0c8926]:disabled{background-color:var(--base-select-bg-disabled);cursor:not-allowed;opacity:var(--base-select-disabled-opacity)}.base-select__error[data-v-8a0c8926]{font-size:.875rem;color:var(--base-select-error-color)}:root{--base-card-bg: var(--color-background);--base-card-footer-bg: var(--color-background-secondary);--base-card-border: var(--color-border);--base-card-title-color: var(--color-text-primary);--base-card-shadow: var(--shadow-md)}.base-card[data-v-80b8fdda]{background-color:var(--base-card-bg);border-radius:.5rem;border:1px solid var(--base-card-border);overflow:hidden}.base-card--elevated[data-v-80b8fdda]{box-shadow:var(--base-card-shadow);border:none}.base-card__header[data-v-80b8fdda]{padding:1rem 1.5rem;border-bottom:1px solid var(--base-card-border)}.base-card__title[data-v-80b8fdda]{margin:0;font-size:1.125rem;font-weight:600;color:var(--base-card-title-color)}.base-card__body[data-v-80b8fdda]{padding:1.5rem}.base-card--no-padding .base-card__body[data-v-80b8fdda]{padding:0}.base-card__footer[data-v-80b8fdda]{padding:1rem 1.5rem;border-top:1px solid var(--base-card-border);background-color:var(--base-card-footer-bg)}:root{--collapsible-card-bg: var(--color-background);--collapsible-card-footer-bg: var(--color-background-secondary);--collapsible-card-header-hover-bg: var(--color-background-secondary);--collapsible-card-toggle-hover-bg: var(--color-gray-200);--collapsible-card-border: var(--color-border);--collapsible-card-title-color: var(--color-text-primary);--collapsible-card-icon-color: var(--color-text-secondary);--collapsible-card-focus-ring: var(--color-focus-ring);--collapsible-card-shadow: var(--shadow-md)}.collapsible-card[data-v-14982384]{background-color:var(--collapsible-card-bg);border-radius:.5rem;border:1px solid var(--collapsible-card-border);overflow:hidden}.collapsible-card--elevated[data-v-14982384]{box-shadow:var(--collapsible-card-shadow);border:none}.collapsible-card__header[data-v-14982384]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--collapsible-card-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.collapsible-card__header[data-v-14982384]:hover{background-color:var(--collapsible-card-header-hover-bg)}.collapsible-card__header-content[data-v-14982384]{flex:1}.collapsible-card__title[data-v-14982384]{margin:0;font-size:1.125rem;font-weight:600;color:var(--collapsible-card-title-color)}.collapsible-card__toggle[data-v-14982384]{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--collapsible-card-icon-color);display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s ease}.collapsible-card__toggle[data-v-14982384]:hover{background-color:var(--collapsible-card-toggle-hover-bg)}.collapsible-card__toggle[data-v-14982384]:focus{outline:2px solid var(--collapsible-card-focus-ring);outline-offset:2px}.collapsible-card__icon[data-v-14982384]{transition:transform .2s ease}.collapsible-card__icon--collapsed[data-v-14982384]{transform:rotate(-90deg)}.collapsible-card__body[data-v-14982384]{padding:1.5rem}.collapsible-card--no-padding .collapsible-card__body[data-v-14982384]{padding:0}.collapsible-card__footer[data-v-14982384]{padding:1rem 1.5rem;border-top:1px solid var(--collapsible-card-border);background-color:var(--collapsible-card-footer-bg)}.base-delete-button[data-v-413ae3e1]{padding:.5rem;min-width:auto;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}.base-delete-button__icon[data-v-413ae3e1]{flex-shrink:0}header[data-v-a7646216]{margin:0;position:fixed;top:0;left:0;width:100%;height:var(--base-header-height);padding:var(--base-header-padding);background:var(--base-header-background);color:var(--base-header-color);box-shadow:0 2px 5px #0003;z-index:1000}.header-content[data-v-a7646216]{display:flex;align-items:center;box-sizing:border-box;margin-right:calc(var(--base-header-padding) * 2)}.icons-slot[data-v-a7646216]{margin-left:auto;display:flex;gap:1rem;align-items:center}.titleblock[data-v-71d47028]{height:var(--base-header-height);display:flex;flex-direction:column;text-align:left;margin:0;padding:0}p.title[data-v-71d47028]{margin:0;padding:0;font-size:calc(var(--base-header-height) * .55);line-height:calc(var(--base-header-height) * .55);font-weight:700;display:flex;align-items:center;transform:translateY(-.05em)}p.subtitle[data-v-71d47028]{margin:0;padding:0;font-size:calc(var(--base-header-height) * .375);line-height:calc(var(--base-header-height) * .375);font-weight:400;display:flex;align-items:center;transform:translateY(-.05em)}.logo[data-v-f440fa71]{margin:0;padding:0;height:calc(var(--base-header-height));margin-right:.5rem}main[data-v-db8e7081]{position:fixed;top:calc(var(--base-header-height) + (var(--base-header-padding) * 2));bottom:calc(var(--base-footer-height) + (var(--base-footer-padding) * 2));left:0;right:0;overflow-y:auto;padding:1rem;z-index:1;line-height:1.2}footer[data-v-d3ef973b]{position:fixed;bottom:0;left:0;width:100%;height:var(--base-footer-height);padding:var(--base-footer-padding);background:var(--base-footer-background);color:var(--base-footer-color);box-shadow:0 -2px 5px #0003;z-index:1000}.footer-content[data-v-d3ef973b]{display:flex;align-items:center;justify-content:center;height:100%}.icons-slot[data-v-d3ef973b]{margin-left:auto;display:flex}p[data-v-6954ee3f]{margin:0;padding:0;padding-left:calc(var(--base-header-padding) - var(--base-footer-padding));font-size:inherit;color:inherit}
package/dist/vue-component-library.es.js CHANGED
@@ -357,7 +357,7 @@ function me(e, l) {
357
357
  ])
358
358
  ]);
359
359
  }
360
- const Ye = /* @__PURE__ */ f(ve, [["render", me], ["__scopeId", "data-v-61913712"]]), ge = { class: "titleblock" }, $e = { class: "title" }, ye = {
360
+ const Ye = /* @__PURE__ */ f(ve, [["render", me], ["__scopeId", "data-v-a7646216"]]), ge = { class: "titleblock" }, $e = { class: "title" }, ye = {
361
361
  key: 0,
362
362
  class: "subtitle"
363
363
  }, Be = /* @__PURE__ */ h({
package/dist/vue-component-library.umd.js CHANGED
@@ -1 +1 @@
1
- (function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.VueComponentLibrary={},n.Vue))})(this,(function(n,e){"use strict";function b(...t){return t.filter(Boolean).join(" ")}function y(t,o){let l;return function(...a){clearTimeout(l),l=setTimeout(()=>t.apply(this,a),o)}}function B(t="id"){return`${t}-${Math.random().toString(36).substr(2,9)}`}const $=["disabled","type"],C={key:0,class:"base-button__spinner"},E=e.defineComponent({__name:"BaseButton",props:{variant:{default:"primary"},size:{default:"medium"},disabled:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"button"}},emits:["click"],setup(t,{emit:o}){const l=t,a=o,s=e.computed(()=>b("base-button",`base-button--${l.variant}`,`base-button--${l.size}`,l.fullWidth&&"base-button--full-width",l.loading&&"base-button--loading",l.disabled&&"base-button--disabled")),i=c=>{!l.disabled&&!l.loading&&a("click",c)};return(c,f)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(s.value),disabled:t.disabled||t.loading,type:t.type,onClick:i},[t.loading?(e.openBlock(),e.createElementBlock("span",C)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass({"base-button__content--loading":t.loading})},[e.renderSlot(c.$slots,"default",{},void 0,!0)],2)],10,$))}}),r=(t,o)=>{const l=t.__vccOpts||t;for(const[a,s]of o)l[a]=s;return l},g=r(E,[["__scopeId","data-v-a4a5350a"]]),V={class:"base-input"},S=["for"],N={key:0,class:"base-input__required"},I=["id","value","type","placeholder","disabled","required"],D={key:1,class:"base-input__error"},w=r(e.defineComponent({__name:"BaseInput",props:{modelValue:{default:""},type:{default:"text"},placeholder:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},label:{},error:{}},emits:["update:modelValue","focus","blur"],setup(t,{emit:o}){const l=t,a=o,s=B("base-input"),i=e.computed(()=>b("base-input__field",l.error&&"base-input__field--error",l.disabled&&"base-input__field--disabled")),c=m=>{const h=m.target;a("update:modelValue",h.value)},f=m=>{a("focus",m)},k=m=>{a("blur",m)};return(m,h)=>(e.openBlock(),e.createElementBlock("div",V,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(s),class:"base-input__label"},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.required?(e.openBlock(),e.createElementBlock("span",N,"*")):e.createCommentVNode("",!0)],8,S)):e.createCommentVNode("",!0),e.createElementVNode("input",{id:e.unref(s),value:t.modelValue,type:t.type,placeholder:t.placeholder,disabled:t.disabled,required:t.required,class:e.normalizeClass(i.value),onInput:c,onFocus:f,onBlur:k},null,42,I),t.error?(e.openBlock(),e.createElementBlock("span",D,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-eff0ecb9"]]),z={class:"base-select"},L=["for"],F={key:0,class:"base-select__required"},q=["id","value","disabled","required"],T={key:0,value:"",disabled:""},M=["value"],j={key:1,class:"base-select__error"},O=r(e.defineComponent({__name:"BaseSelect",props:{modelValue:{default:""},options:{default:()=>[]},placeholder:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},label:{},error:{},labelField:{default:"label"},valueField:{default:"value"}},emits:["update:modelValue","focus","blur"],setup(t,{emit:o}){const l=t,a=o,s=B("base-select"),i=e.computed(()=>b("base-select__field",l.error&&"base-select__field--error",l.disabled&&"base-select__field--disabled")),c=d=>{if(typeof d=="object"){const _=l.valueField||"value",u=d,p=u[_];return p!==void 0?p:u.value??""}return d},f=d=>{if(typeof d=="object"){const _=l.labelField||"label",u=d,p=u[_];return String(p!==void 0?p:u.label??"")}return String(d)},k=d=>{const _=d.target;a("update:modelValue",_.value)},m=d=>{a("focus",d)},h=d=>{a("blur",d)};return(d,_)=>(e.openBlock(),e.createElementBlock("div",z,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(s),class:"base-select__label"},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.required?(e.openBlock(),e.createElementBlock("span",F,"*")):e.createCommentVNode("",!0)],8,L)):e.createCommentVNode("",!0),e.createElementVNode("select",{id:e.unref(s),value:t.modelValue,disabled:t.disabled,required:t.required,class:e.normalizeClass(i.value),onChange:k,onFocus:m,onBlur:h},[t.placeholder?(e.openBlock(),e.createElementBlock("option",T,e.toDisplayString(t.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,u=>(e.openBlock(),e.createElementBlock("option",{key:c(u),value:c(u)},e.toDisplayString(f(u)),9,M))),128))],42,q),t.error?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-8a0c8926"]]),Y={key:0,class:"base-card__header"},H={class:"base-card__title"},W={class:"base-card__body"},P={key:1,class:"base-card__footer"},A=r(e.defineComponent({__name:"BaseCard",props:{title:{},elevated:{type:Boolean,default:!1},padding:{type:Boolean,default:!0}},setup(t){const o=t,l=e.computed(()=>b(o.elevated&&"base-card--elevated",!o.padding&&"base-card--no-padding"));return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["base-card",l.value])},[a.$slots.header||t.title?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(a.$slots,"header",{},()=>[e.createElementVNode("h3",H,e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",W,[e.renderSlot(a.$slots,"default",{},void 0,!0)]),a.$slots.footer?(e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(a.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-80b8fdda"]]),R={class:"collapsible-card__header-content"},U={class:"collapsible-card__title"},G=["aria-label","aria-expanded"],J={class:"collapsible-card__body"},K={key:0,class:"collapsible-card__footer"},Q=r(e.defineComponent({__name:"CollapsibleCard",props:{title:{},elevated:{type:Boolean,default:!1},padding:{type:Boolean,default:!0},initiallyCollapsed:{type:Boolean,default:!0}},setup(t,{expose:o}){const l=t,a=e.ref(l.initiallyCollapsed),s=()=>{a.value=!a.value},i=e.computed(()=>b(l.elevated&&"collapsible-card--elevated",!l.padding&&"collapsible-card--no-padding"));return o({toggle:s,isCollapsed:a}),(c,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["collapsible-card",i.value])},[e.createElementVNode("div",{class:"collapsible-card__header",onClick:s},[e.createElementVNode("div",R,[e.renderSlot(c.$slots,"header",{},()=>[e.createElementVNode("h3",U,e.toDisplayString(t.title),1)],!0)]),e.createElementVNode("button",{type:"button",class:"collapsible-card__toggle","aria-label":a.value?"Expand":"Collapse","aria-expanded":!a.value},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["collapsible-card__icon",{"collapsible-card__icon--collapsed":a.value}]),width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor"},[...f[0]||(f[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z","clip-rule":"evenodd"},null,-1)])],2))],8,G)]),e.withDirectives(e.createElementVNode("div",J,[e.renderSlot(c.$slots,"default",{},void 0,!0)],512),[[e.vShow,!a.value]]),c.$slots.footer&&!a.value?(e.openBlock(),e.createElementBlock("div",K,[e.renderSlot(c.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-14982384"]]),X=["width","height"],Z=r(e.defineComponent({__name:"BaseDeleteButton",props:{size:{default:"medium"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},type:{default:"button"},ariaLabel:{}},emits:["click"],setup(t){const o=t,l=e.computed(()=>{switch(o.size){case"small":return 16;case"large":return 24;default:return 20}});return(a,s)=>(e.openBlock(),e.createBlock(g,{variant:"danger",size:t.size,disabled:t.disabled,loading:t.loading,"full-width":t.fullWidth,type:t.type,onClick:s[0]||(s[0]=i=>a.$emit("click",i)),class:"base-delete-button","aria-label":t.ariaLabel||"Delete"},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{class:"base-delete-button__icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:l.value,height:l.value},[...s[1]||(s[1]=[e.createElementVNode("path",{d:"M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2M10 11v6M14 11v6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],8,X))]),_:1},8,["size","disabled","loading","full-width","type","aria-label"]))}}),[["__scopeId","data-v-413ae3e1"]]),x={},v={class:"header-content"},ee={class:"icons-slot"};function te(t,o){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("div",v,[e.renderSlot(t.$slots,"default",{},void 0,!0),e.createElementVNode("div",ee,[e.renderSlot(t.$slots,"icons",{},void 0,!0)])])])}const le=r(x,[["render",te],["__scopeId","data-v-61913712"]]),ae={class:"titleblock"},oe={class:"title"},ne={key:0,class:"subtitle"},se=r(e.defineComponent({__name:"Title",props:{title:{default:"TITLE PLACEHOLDER"},subtitle:{}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("p",oe,e.toDisplayString(t.title),1),t.subtitle?(e.openBlock(),e.createElementBlock("p",ne,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-71d47028"]]),ce=["src","alt"],de=r(e.defineComponent({__name:"Logo",props:{src:{default:"/logo.svg"},alt:{default:"Logo"}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("img",{src:t.src,alt:t.alt,class:"logo"},null,8,ce))}}),[["__scopeId","data-v-f440fa71"]]),re={};function ie(t,o){return e.openBlock(),e.createElementBlock("main",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const ue=r(re,[["render",ie],["__scopeId","data-v-db8e7081"]]),me={},fe={class:"footer-content"},be={class:"icons-slot"};function _e(t,o){return e.openBlock(),e.createElementBlock("footer",null,[e.createElementVNode("div",fe,[e.renderSlot(t.$slots,"default",{},void 0,!0),e.createElementVNode("div",be,[e.renderSlot(t.$slots,"icons",{},void 0,!0)])])])}const pe=r(me,[["render",_e],["__scopeId","data-v-d3ef973b"]]),he=r(e.defineComponent({__name:"Copyright",props:{startYear:{},name:{}},setup(t){const o=t,l=e.computed(()=>{const a=new Date().getFullYear();return o.startYear===a?o.startYear.toString():`${o.startYear}-${a}`});return(a,s)=>(e.openBlock(),e.createElementBlock("p",null,"© "+e.toDisplayString(l.value)+" "+e.toDisplayString(t.name),1))}}),[["__scopeId","data-v-6954ee3f"]]);function Be(t,o){const l=e.ref(t),a=e.ref(null),s=e.computed(()=>a.value===null);return{value:l,error:a,isValid:s,validate:()=>(a.value=o(l.value),s.value),reset:()=>{l.value=t,a.value=null}}}function ke(t,o){const l=a=>{t.value&&!t.value.contains(a.target)&&o()};e.onMounted(()=>{document.addEventListener("click",l)}),e.onUnmounted(()=>{document.removeEventListener("click",l)})}n.BaseButton=g,n.BaseCard=A,n.BaseDeleteButton=Z,n.BaseInput=w,n.BaseSelect=O,n.CollapsibleCard=Q,n.Copyright=he,n.Footer=pe,n.Header=le,n.Logo=de,n.Main=ue,n.Title=se,n.cn=b,n.debounce=y,n.generateId=B,n.useClickOutside=ke,n.useValidation=Be,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.VueComponentLibrary={},n.Vue))})(this,(function(n,e){"use strict";function b(...t){return t.filter(Boolean).join(" ")}function y(t,o){let l;return function(...a){clearTimeout(l),l=setTimeout(()=>t.apply(this,a),o)}}function B(t="id"){return`${t}-${Math.random().toString(36).substr(2,9)}`}const $=["disabled","type"],C={key:0,class:"base-button__spinner"},E=e.defineComponent({__name:"BaseButton",props:{variant:{default:"primary"},size:{default:"medium"},disabled:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"button"}},emits:["click"],setup(t,{emit:o}){const l=t,a=o,s=e.computed(()=>b("base-button",`base-button--${l.variant}`,`base-button--${l.size}`,l.fullWidth&&"base-button--full-width",l.loading&&"base-button--loading",l.disabled&&"base-button--disabled")),i=c=>{!l.disabled&&!l.loading&&a("click",c)};return(c,f)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(s.value),disabled:t.disabled||t.loading,type:t.type,onClick:i},[t.loading?(e.openBlock(),e.createElementBlock("span",C)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass({"base-button__content--loading":t.loading})},[e.renderSlot(c.$slots,"default",{},void 0,!0)],2)],10,$))}}),r=(t,o)=>{const l=t.__vccOpts||t;for(const[a,s]of o)l[a]=s;return l},g=r(E,[["__scopeId","data-v-a4a5350a"]]),V={class:"base-input"},S=["for"],N={key:0,class:"base-input__required"},I=["id","value","type","placeholder","disabled","required"],D={key:1,class:"base-input__error"},w=r(e.defineComponent({__name:"BaseInput",props:{modelValue:{default:""},type:{default:"text"},placeholder:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},label:{},error:{}},emits:["update:modelValue","focus","blur"],setup(t,{emit:o}){const l=t,a=o,s=B("base-input"),i=e.computed(()=>b("base-input__field",l.error&&"base-input__field--error",l.disabled&&"base-input__field--disabled")),c=m=>{const h=m.target;a("update:modelValue",h.value)},f=m=>{a("focus",m)},k=m=>{a("blur",m)};return(m,h)=>(e.openBlock(),e.createElementBlock("div",V,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(s),class:"base-input__label"},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.required?(e.openBlock(),e.createElementBlock("span",N,"*")):e.createCommentVNode("",!0)],8,S)):e.createCommentVNode("",!0),e.createElementVNode("input",{id:e.unref(s),value:t.modelValue,type:t.type,placeholder:t.placeholder,disabled:t.disabled,required:t.required,class:e.normalizeClass(i.value),onInput:c,onFocus:f,onBlur:k},null,42,I),t.error?(e.openBlock(),e.createElementBlock("span",D,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-eff0ecb9"]]),z={class:"base-select"},L=["for"],F={key:0,class:"base-select__required"},q=["id","value","disabled","required"],T={key:0,value:"",disabled:""},M=["value"],j={key:1,class:"base-select__error"},O=r(e.defineComponent({__name:"BaseSelect",props:{modelValue:{default:""},options:{default:()=>[]},placeholder:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},label:{},error:{},labelField:{default:"label"},valueField:{default:"value"}},emits:["update:modelValue","focus","blur"],setup(t,{emit:o}){const l=t,a=o,s=B("base-select"),i=e.computed(()=>b("base-select__field",l.error&&"base-select__field--error",l.disabled&&"base-select__field--disabled")),c=d=>{if(typeof d=="object"){const _=l.valueField||"value",u=d,p=u[_];return p!==void 0?p:u.value??""}return d},f=d=>{if(typeof d=="object"){const _=l.labelField||"label",u=d,p=u[_];return String(p!==void 0?p:u.label??"")}return String(d)},k=d=>{const _=d.target;a("update:modelValue",_.value)},m=d=>{a("focus",d)},h=d=>{a("blur",d)};return(d,_)=>(e.openBlock(),e.createElementBlock("div",z,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(s),class:"base-select__label"},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.required?(e.openBlock(),e.createElementBlock("span",F,"*")):e.createCommentVNode("",!0)],8,L)):e.createCommentVNode("",!0),e.createElementVNode("select",{id:e.unref(s),value:t.modelValue,disabled:t.disabled,required:t.required,class:e.normalizeClass(i.value),onChange:k,onFocus:m,onBlur:h},[t.placeholder?(e.openBlock(),e.createElementBlock("option",T,e.toDisplayString(t.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,u=>(e.openBlock(),e.createElementBlock("option",{key:c(u),value:c(u)},e.toDisplayString(f(u)),9,M))),128))],42,q),t.error?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-8a0c8926"]]),Y={key:0,class:"base-card__header"},H={class:"base-card__title"},W={class:"base-card__body"},P={key:1,class:"base-card__footer"},A=r(e.defineComponent({__name:"BaseCard",props:{title:{},elevated:{type:Boolean,default:!1},padding:{type:Boolean,default:!0}},setup(t){const o=t,l=e.computed(()=>b(o.elevated&&"base-card--elevated",!o.padding&&"base-card--no-padding"));return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["base-card",l.value])},[a.$slots.header||t.title?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(a.$slots,"header",{},()=>[e.createElementVNode("h3",H,e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",W,[e.renderSlot(a.$slots,"default",{},void 0,!0)]),a.$slots.footer?(e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(a.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-80b8fdda"]]),R={class:"collapsible-card__header-content"},U={class:"collapsible-card__title"},G=["aria-label","aria-expanded"],J={class:"collapsible-card__body"},K={key:0,class:"collapsible-card__footer"},Q=r(e.defineComponent({__name:"CollapsibleCard",props:{title:{},elevated:{type:Boolean,default:!1},padding:{type:Boolean,default:!0},initiallyCollapsed:{type:Boolean,default:!0}},setup(t,{expose:o}){const l=t,a=e.ref(l.initiallyCollapsed),s=()=>{a.value=!a.value},i=e.computed(()=>b(l.elevated&&"collapsible-card--elevated",!l.padding&&"collapsible-card--no-padding"));return o({toggle:s,isCollapsed:a}),(c,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["collapsible-card",i.value])},[e.createElementVNode("div",{class:"collapsible-card__header",onClick:s},[e.createElementVNode("div",R,[e.renderSlot(c.$slots,"header",{},()=>[e.createElementVNode("h3",U,e.toDisplayString(t.title),1)],!0)]),e.createElementVNode("button",{type:"button",class:"collapsible-card__toggle","aria-label":a.value?"Expand":"Collapse","aria-expanded":!a.value},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["collapsible-card__icon",{"collapsible-card__icon--collapsed":a.value}]),width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor"},[...f[0]||(f[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z","clip-rule":"evenodd"},null,-1)])],2))],8,G)]),e.withDirectives(e.createElementVNode("div",J,[e.renderSlot(c.$slots,"default",{},void 0,!0)],512),[[e.vShow,!a.value]]),c.$slots.footer&&!a.value?(e.openBlock(),e.createElementBlock("div",K,[e.renderSlot(c.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-14982384"]]),X=["width","height"],Z=r(e.defineComponent({__name:"BaseDeleteButton",props:{size:{default:"medium"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},type:{default:"button"},ariaLabel:{}},emits:["click"],setup(t){const o=t,l=e.computed(()=>{switch(o.size){case"small":return 16;case"large":return 24;default:return 20}});return(a,s)=>(e.openBlock(),e.createBlock(g,{variant:"danger",size:t.size,disabled:t.disabled,loading:t.loading,"full-width":t.fullWidth,type:t.type,onClick:s[0]||(s[0]=i=>a.$emit("click",i)),class:"base-delete-button","aria-label":t.ariaLabel||"Delete"},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{class:"base-delete-button__icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:l.value,height:l.value},[...s[1]||(s[1]=[e.createElementVNode("path",{d:"M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2M10 11v6M14 11v6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],8,X))]),_:1},8,["size","disabled","loading","full-width","type","aria-label"]))}}),[["__scopeId","data-v-413ae3e1"]]),x={},v={class:"header-content"},ee={class:"icons-slot"};function te(t,o){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("div",v,[e.renderSlot(t.$slots,"default",{},void 0,!0),e.createElementVNode("div",ee,[e.renderSlot(t.$slots,"icons",{},void 0,!0)])])])}const le=r(x,[["render",te],["__scopeId","data-v-a7646216"]]),ae={class:"titleblock"},oe={class:"title"},ne={key:0,class:"subtitle"},se=r(e.defineComponent({__name:"Title",props:{title:{default:"TITLE PLACEHOLDER"},subtitle:{}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("p",oe,e.toDisplayString(t.title),1),t.subtitle?(e.openBlock(),e.createElementBlock("p",ne,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-71d47028"]]),ce=["src","alt"],de=r(e.defineComponent({__name:"Logo",props:{src:{default:"/logo.svg"},alt:{default:"Logo"}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("img",{src:t.src,alt:t.alt,class:"logo"},null,8,ce))}}),[["__scopeId","data-v-f440fa71"]]),re={};function ie(t,o){return e.openBlock(),e.createElementBlock("main",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const ue=r(re,[["render",ie],["__scopeId","data-v-db8e7081"]]),me={},fe={class:"footer-content"},be={class:"icons-slot"};function _e(t,o){return e.openBlock(),e.createElementBlock("footer",null,[e.createElementVNode("div",fe,[e.renderSlot(t.$slots,"default",{},void 0,!0),e.createElementVNode("div",be,[e.renderSlot(t.$slots,"icons",{},void 0,!0)])])])}const pe=r(me,[["render",_e],["__scopeId","data-v-d3ef973b"]]),he=r(e.defineComponent({__name:"Copyright",props:{startYear:{},name:{}},setup(t){const o=t,l=e.computed(()=>{const a=new Date().getFullYear();return o.startYear===a?o.startYear.toString():`${o.startYear}-${a}`});return(a,s)=>(e.openBlock(),e.createElementBlock("p",null,"© "+e.toDisplayString(l.value)+" "+e.toDisplayString(t.name),1))}}),[["__scopeId","data-v-6954ee3f"]]);function Be(t,o){const l=e.ref(t),a=e.ref(null),s=e.computed(()=>a.value===null);return{value:l,error:a,isValid:s,validate:()=>(a.value=o(l.value),s.value),reset:()=>{l.value=t,a.value=null}}}function ke(t,o){const l=a=>{t.value&&!t.value.contains(a.target)&&o()};e.onMounted(()=>{document.addEventListener("click",l)}),e.onUnmounted(()=>{document.removeEventListener("click",l)})}n.BaseButton=g,n.BaseCard=A,n.BaseDeleteButton=Z,n.BaseInput=w,n.BaseSelect=O,n.CollapsibleCard=Q,n.Copyright=he,n.Footer=pe,n.Header=le,n.Logo=de,n.Main=ue,n.Title=se,n.cn=b,n.debounce=y,n.generateId=B,n.useClickOutside=ke,n.useValidation=Be,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@allsrvsonline/vue-component-library",
3
- "version": "0.6.1",
3
+ "version": "0.6.2",
4
4
  "type": "module",
5
5
  "main": "./dist/vue-component-library.umd.js",
6
6
  "module": "./dist/vue-component-library.es.js",