@dubai-design-system/components-js 3.12.9 → 3.12.11

package/www/build/p-a11bf02a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["inputCss","DdaSelectStyle0","globalCss","DdaSelectStyle1","Ddaselect","constructor","hostRef","this","disabled","validation_id","custom_class","placeholder","main_aria_label","input_name","is_open","handleClickOutside","event","el","contains","target","handleBlur","selectBlurred","emit","name","button_id","value","selectedText","onBlurred","selectedId","dispatchEvent","FocusEvent","bubbles","composed","parsedOptions","JSON","parse","options","_a","componentWillLoad","selectedOption","find","opt","id","toString","selected","text","watchSelected","toggleSelect","selectOption","option","selectChanged","onChanged","InputEvent","data","inputType","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","setSelected","undefined","setValue","getSelectedText","getValue","newVal","numberToWord","num","words","render","labelId","valueId","h","Host","key","class","component_mode","size","validation_type","label","toggle_button_name","type","onClick","onBlur","length","map","index","role","error_message","helper_text"],"sources":["src/global/input.css?tag=dda-select","src/global/global.css?tag=dda-select","src/components/dda-select/dda-select.tsx"],"sourcesContent":[".dda-input-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    position: relative;\r\n}\r\n\r\n.dda-input-label {\r\n    font-size: var(--font-body);\r\n    color: var(--dda-on-surface-0);\r\n    line-height: 24px;\r\n    font-weight: var(--font-weight-regular);\r\n}\r\n.light-mode .dda-input-label {\r\n    color: var(--dda-neutral-0);\r\n}\r\n.dda-input-field-wrapper {\r\n    position: relative;\r\n}\r\n\r\n.dda-field-group-input {\r\n    height: 32px;\r\n    background-color: transparent;\r\n    flex: 1;\r\n    font-size: var(--font-caption);\r\n    font-weight: var(--dda-fw-400);\r\n    padding: 0px;\r\n    color: var(--dda-on-surface-0);\r\n    border: none;\r\n    outline: none;\r\n}\r\n.light-mode .dda-field-group-input{\r\n    color: var(--dda-neutral-0);\r\n} \r\n.dda-input-field-group {\r\n    width: 100%;\r\n    height: 55px;\r\n    padding: 8px 16px;\r\n    background: var(--dda-surface-100);\r\n    border: 1px solid var(--dda-surface-90);\r\n    border-radius: 8px;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-0);\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.light-mode .dda-input-field-group{\r\n    background: var(--dda-neutral-100);\r\n    border: 1px solid var(--dda-neutral-90);\r\n    color: var(--dda-neutral-0);\r\n}\r\n.dda-input-field {\r\n    width: 100%;\r\n    height: 55px;\r\n    padding: 8px 16px;\r\n    background: var(--dda-surface-100);\r\n    border: 1px solid var(--dda-surface-90);\r\n    border-radius: 8px;\r\n    font-size: var(--font-body);\r\n    color: var(--dda-on-surface-0);\r\n    font-weight: var(--dda-fw-400);\r\n}\r\n.dda-date-picker input{\r\n    color: var(--dda-on-surface-40)\r\n}\r\n.dda-date-picker input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n  color: var(--dda-on-surface-40);\r\n}\r\n.dda-date-picker input[type=\"date\"]::-moz-calendar-picker-indicator {\r\n  /* filter: invert(20%) sepia(90%) saturate(300%) hue-rotate(180deg); */\r\n}\r\n.dda-date-picker input[type=\"date\"].has-value {\r\n    color: var(--dda-on-surface-0);\r\n}\r\n.light-mode .dda-input-field{\r\n    background: var(--dda-neutral-100);\r\n    border: 1px solid var(--dda-neutral-90);\r\n    color: var(--dda-neutral-0);\r\n}\r\n.dda-input-size-small .dda-input-field-group,\r\n.dda-input-size-small .dda-input-field {\r\n    height: 48px;\r\n    padding: 8px 12px;\r\n}\r\n\r\n.dda-input-focus-filled .dda-phone-field,   \r\n.dda-input-focus .dda-input-field-group,\r\n.dda-input-field:focus {\r\n    /* outline: none; */\r\n    border-color: var(--dda-color-primary-40);\r\n    box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n.dda-input-field:focus-visible {\r\n    outline: 1px solid var(--dda-color-primary-40);\r\n    outline-offset: -1px;\r\n}\r\n.light-mode.dda-input-focus-filled .dda-phone-field,\r\n.light-mode.dda-input-focus .dda-input-field-group,\r\n.light-mode .dda-input-field:focus {\r\n    outline: none;\r\n    border-color: var(--dda-primary-40);\r\n    box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n\r\n.dda-input-dropdown-btn {\r\n    min-width: 110px;\r\n    position: relative;\r\n    display: inline-block;\r\n    padding: 0;\r\n}\r\n\r\n.dda-dropdown-select {\r\n    width: 100%;\r\n    height: 32px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    background: transparent;\r\n    border: transparent;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-0);\r\n    padding: 0;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    gap: 6px;\r\n}\r\n.dda-dropdown-select:focus-visible{\r\n    outline: 1px solid var(--dda-color-primary-40);\r\n    outline-offset: 1px;\r\n}\r\n.light-mode .dda-dropdown-select{\r\n    color: var(--dda-neutral-0);\r\n}\r\n\r\n.dda-dropdown-select img {\r\n    width: 24px;\r\n}\r\n\r\n\r\n.dda-dropdown-container {\r\n    position: relative;\r\n    width: auto;\r\n    /* min-width: 140px; */\r\n}\r\n.dda-dropdown-container.bg-transparent .dda-dropdown-header{\r\n    padding: 0px;\r\n    height: auto;\r\n    background: transparent;\r\n    border: transparent;\r\n    box-shadow: none;\r\n}\r\n.dda-dropdown-header {\r\n    width: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n.dda-dropdown-header .three-dots{\r\n    font-size: 25px;\r\n    color: var(--dda-neutral-variant-60);\r\n}\r\n.dda-dropdown-header .three-dots path{\r\n    fill: var(--dda-neutral-variant-60);\r\n}\r\n.dda-dropdown-header .dda-dropdown-text{\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n}\r\n.dda-dropdown-header .dda-dropdown-text span{\r\n    color: var(--dda-on-surface-variant-30);\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n.light-mode .dda-dropdown-text span{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-dropdown-header .dda-dropdown-text i{\r\n    font-size: 31px;\r\n}\r\n.dda-dropdown-header .dda-dropdown-text path{\r\n    fill: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-dropdown-header .dda-dropdown-text path{\r\n    fill: var(--dda-neutral-variant-30);\r\n}\r\n.dda-dropdown-header:focus .three-dots path{\r\n    fill: var(--dda-on-surface-variant-30);\r\n}\r\n.dda-input-dropdown-list {\r\n    width: 100%;\r\n    min-width: 150px;\r\n    max-height: 200px;\r\n    background-color: var(--dda-neutral-100);\r\n    border: 1px solid var(--dda-neutral-90);\r\n    border-radius: 8px;\r\n    overflow-y: auto;\r\n    position: absolute;\r\n    top: 100%;\r\n    margin-top: 1px;\r\n    inset-inline-start: 0px;\r\n    z-index: 9999;\r\n    box-shadow: 0px 8px 10px -6px #1018281A;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar-track {\r\n    border-radius: 4px;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar {\r\n    width: 4px;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar-thumb {\r\n    border-radius: 4px;\r\n    background-color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-input-dropdown-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    width: 100%;\r\n    font-size: var(--font-caption);\r\n    background: transparent;\r\n    border: transparent;\r\n    padding: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.dda-input-dropdown-item:focus-visible,\r\n.dda-input-dropdown-item:hover,\r\n.dda-input-dropdown-item.selected {\r\n    background-color: var(--dda-neutral-variant-95);\r\n    outline: 0;\r\n}\r\n.dda-input-dropdown-list .country-select img{\r\n    width: 20px;\r\n}\r\n\r\n.dda-helper-text {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-helper-text{\r\n    color: var(--dda-neutral-30);\r\n}\r\n.dda-error-message {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-color-error-40);\r\n}\r\n\r\n.dda-helper-text i,\r\n.dda-helper-text svg,\r\n.dda-error-message i,\r\n.dda-error-message svg  {\r\n    font-size: 21px;\r\n}\r\n\r\n.dda-success-text {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-color-success-40);\r\n}\r\n\r\n.dda-validation-error .dda-input-field-group,\r\n.dda-validation-error .dda-input-field {\r\n    color: var(--dda-color-error-40);\r\n    border-color: var(--dda-color-error-40);\r\n    box-shadow: none;\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field-group,\r\n.light-mode.dda-validation-error .dda-input-field {\r\n    color: var(--dda-error-40);\r\n    border-color: var(--dda-error-40);\r\n    box-shadow: none;\r\n}\r\n\r\n.dda-validation-error .icon-close,\r\n.dda-validation-error .dda-error-message,\r\n.dda-validation-error .dda-field-group-input,\r\n.dda-validation-error .dda-file-input span {\r\n    color: var(--dda-color-error-40) !important;\r\n}\r\n\r\n.light-mode.dda-validation-error .icon-close,\r\n.light-mode.dda-validation-error .dda-error-message,\r\n.light-mode.dda-validation-error .dda-field-group-input,\r\n.light-mode.dda-validation-error .dda-file-input span {\r\n    color: var(--dda-error-40) !important;\r\n}\r\n\r\n.dda-validation-error .dda-input-field::-ms-input-placeholder,\r\n.dda-validation-error .dda-field-group-input::-ms-input-placeholder {\r\n    color: var(--dda-color-error-40);\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field::-ms-input-placeholder,\r\n.light-mode.dda-validation-error .dda-field-group-input::-ms-input-placeholder {\r\n    color: var(--dda-error-40);\r\n}\r\n\r\n.dda-validation-error .dda-input-field::placeholder,\r\n.dda-validation-error .dda-field-group-input::placeholder {\r\n    color: var(--dda-color-error-40);\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field::placeholder,\r\n.light-mode.dda-validation-error .dda-field-group-input::placeholder {\r\n    color: var(--dda-error-40);\r\n}\r\n\r\n.dda-input-disabled .dda-input-label,\r\n.dda-input-disabled .dda-helper-text,\r\n.dda-input-disabled .dda-error-message,\r\n.dda-input-disabled i,\r\n.dda-input-disabled .dda-dropdown-select,\r\n.dda-input-disabled .dda-file-input span,\r\n.dda-input-disabled .dda-file-choose {\r\n    color: var(--dda-neutral-60) !important;\r\n}\r\n\r\n.dda-input-disabled .dda-input-field-group,\r\n.dda-input-disabled .dda-input-field {\r\n    background: var(--dda-neutral-92);\r\n    border-color: var(--dda-neutral-90);\r\n    color: var(--dda-neutral-60) !important;\r\n    box-shadow: none;\r\n    pointer-events: none;\r\n    outline: none;\r\n}\r\n.dda-input-disabled i{\r\n    color: var(--dda-neutral-variant-60);\r\n}\r\n.dda-input-disabled svg path{\r\n    fill: var(--dda-neutral-variant-60);\r\n}\r\n.dda-input-disabled .dda-input-field::-ms-input-placeholder {\r\n    color: var(--dda-neutral-60);\r\n}\r\n\r\n.dda-input-disabled .dda-input-field::placeholder {\r\n    color: var(--dda-neutral-60);\r\n}\r\n\r\n.dda-input-disabled .dda-btn {\r\n    background-color: var(--dda-neutral-70) !important;\r\n    border-color: var(--dda-neutral-70) !important;\r\n}\r\n\r\n.dda-input-disabled .dda-dropdown-select img,\r\n.dda-input-disabled .dda-input-field-wrapper img {\r\n    filter: grayscale(1);\r\n}\r\n\r\n/*Specifications*/\r\n\r\n/*Number Field*/\r\n.dda-number-field .dda-field-group-input {\r\n    padding-inline-end: 10px;\r\n    border-inline-end: solid 1px var(--dda-neutral-90);\r\n}\r\n\r\n.dda-number-field .dda-field-group-input:focus,\r\n.dda-phone-field .dda-field-group-input:focus {\r\n    border-inline-start: solid 1px var(--dda-color-primary-40);\r\n}   \r\n.dda-number-field .dda-field-group-input:focus-visible,\r\n.dda-phone-field .dda-field-group-input:focus-visible {\r\n    outline: 1px solid var(--dda-surface-100);\r\n    outline-offset: -1px;\r\n}\r\n.dda-number-field .dda-input-dropdown-btn {\r\n    min-width: 80px;\r\n}\r\n\r\n.dda-number-field .dda-input-dropdown-list {\r\n    top: 44px;\r\n}\r\n\r\n.dda-input-size-small .dda-number-field .dda-input-dropdown-list {\r\n    top: 41px;\r\n}\r\n\r\n/*text ares*/\r\n.dda-input-textarea {\r\n    height: auto;\r\n    min-height: 120px;\r\n    resize: vertical;\r\n}\r\n\r\n/*Search Field*/\r\n.dda-search-area {\r\n    position: relative;\r\n}\r\n\r\n.dda-search-area .icon-left {\r\n    position: absolute;\r\n    top: 16px;\r\n    inset-inline-start: 15px;\r\n    font-size: 24px;\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.light-mode .dda-search-area .icon-left{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-input-size-small .dda-search-area .icon-left {\r\n    top: 14px;\r\n}\r\n\r\n.dda-search-area .dda-search-btngroup {\r\n    height: 40px;\r\n    position: absolute;\r\n    top: 7px;\r\n    inset-inline-end: 7px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.dda-input-size-small .dda-search-btngroup {\r\n    top: 4px;\r\n}\r\n\r\n.dda-search-area .dda-search-close-icon {\r\n    display: flex;\r\n    color: var(--dda-on-surface-variant-30);\r\n    font-size: 20px;\r\n    margin: 0px;\r\n    padding: 0px;\r\n    background: none;\r\n    border: 0;\r\n    cursor: pointer;\r\n}\r\n\r\n.light-mode .dda-search-area .dda-search-close-icon{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-search-field {\r\n    padding: 8px 26px 8px 40px;\r\n}\r\n\r\n.dda-search-action .dda-search-field {\r\n    padding-top: 8px;\r\n    padding-bottom: 8px;\r\n    padding-inline-start: 40px;\r\n}\r\n.dda-search-action .dda-search-field.has-search-button{\r\n    padding-inline-end: 110px;\r\n}\r\n.dda-search-sm .icon-left {\r\n    top: 14px;\r\n}\r\n\r\n.dda-search-sm .dda-search-btngroup {\r\n    top: 4px;\r\n}\r\n\r\n/*Phone Field*/\r\n.dda-phone-field-group {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.dda-phone-field-group.dda-phone-field-small {\r\n    height: 48px;\r\n}\r\n\r\n.dda-phone-field-group.focused,\r\n.dda-phone-field-group.filled {\r\n    outline: none;\r\n    border-color: var(--dda-color-primary-40);\r\n    box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n\r\n.dda-phone-field-group.error {\r\n    border-color: var(--dda-color-error-40);\r\n    box-shadow: none;\r\n}\r\n\r\n.phone-field-country-code {\r\n    border: none;\r\n    background: none;\r\n    margin-inline-end: 0.5rem;\r\n    font-size: 1rem;\r\n    color: var(--dda-on-surface-0);\r\n}\r\n\r\n.phone-field-country-code:focus-within {\r\n    outline: 0;\r\n}\r\n\r\n.dda-phone-field .dda-input-dropdown-list {\r\n    top: 44px;\r\n}\r\n\r\n.dda-input-size-small .dda-phone-field .dda-input-dropdown-list {\r\n    top: 41px;\r\n}\r\n\r\n/*Credit Card Field*/\r\n.dda-credit-card-field .dda-creditcard-icon {\r\n    width: 40px;\r\n    position: absolute;\r\n    top: 14px;\r\n    inset-inline-start: 15px;\r\n}\r\n\r\n.dda-input-size-small .dda-creditcard-icon {\r\n    top: 11px;\r\n}\r\n\r\n.dda-credit-card-field .dda-input-field {\r\n    padding: 8px 16px 8px 65px;\r\n}\r\n[dir=\"rtl\"]  .dda-credit-card-field .dda-input-field {\r\n    padding: 8px 65px 8px 16px;\r\n}\r\n/*Select Field*/\r\n.dda-select-header {\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.dda-select-header i {\r\n    font-size: 28px;\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n.dda-select-header .dda-select-button-label:empty {\r\n  flex-grow: 1;\r\n}\r\n/*Rich Text Editor*/\r\n.dda-input-container.dda-richtext-editor {\r\n    gap: 0px;\r\n}\r\n\r\n.dda-richtext-editor .dda-input-label {\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.dda-richtext-editor .dda-helper-text,\r\n.dda-richtext-editor .dda-error-message {\r\n    margin-top: 8px;\r\n}\r\n\r\n.dda-richtext-editor .ql-toolbar.ql-snow {\r\n    border: 1px solid var(--dda-neutral-90) !important;\r\n    border-radius: 8px 8px 0 0;\r\n}\r\n\r\n.dda-richeditor-field {\r\n    border: 1px solid var(--dda-neutral-90) !important;\r\n    border-radius: 0 0 8px 8px;\r\n}\r\n\r\n.dda-richeditor-field .ql-editor {\r\n    height: 100px;\r\n    font-size: var(--font-caption);\r\n}\r\n\r\n/*Attach Files*/\r\n\r\n.dda-input-field-group.dda-attach-file {\r\n    padding-inline-end: 6px;\r\n}\r\n\r\n.dda-file-input {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.dda-file-input span {\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-file-input span{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-file-choose {\r\n    height: 40px;\r\n    background-color: var(--dda-neutral-100);\r\n    border: solid 1px var(--dda-neutral-90);\r\n    color: var(--dda-color-primary-40);\r\n    font-weight: var(--dda-fw-500);\r\n    padding: 8px 16px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n.dda-file-choose:focus{\r\n    outline: solid 1px var(--dda-color-primary-40);\r\n    outline-offset: -1px;\r\n}\r\n\r\n.light-mode .dda-file-choose {\r\n    color: var(--dda-primary-40);\r\n}\r\n\r\n.dda-input-disabled .dda-file-choose {\r\n    background-color: var(--dda-neutral-95);\r\n}\r\n\r\n.dda-file-choose input {\r\n    display: none;\r\n}\r\n\r\n.dda-file-details {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-inline-end: 10px;\r\n}\r\n\r\n.dda-file-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n}\r\n\r\n.dda-items {\r\n    width: calc(100% - 30px);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.dda-file-details .remove-file{\r\n    margin: 0;\r\n    padding: 0;\r\n    background: transparent;\r\n    border: transparent;\r\n}\r\n.dda-file-details .remove-file svg{\r\n    font-size: var(--font-caption);\r\n}\r\n.dda-file-name {\r\n    width: 100%;\r\n    font-size: var(--font-caption);\r\n    white-space: nowrap;\r\n    overflow-x: auto;\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n    position: relative;\r\n    text-overflow: ellipsis\r\n}\r\n.dda-file-name::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n\r\n\r\n\r\n.dda-remove-file {\r\n    font-size: 20px;\r\n    background: transparent;\r\n    border: transparent;\r\n    color: var(--dda-on-surface-variant-30);\r\n    cursor: pointer;\r\n    padding: 0px;\r\n}\r\n\r\ninput[type=\"date\"]::-webkit-input-placeholder {\r\n    color: transparent;\r\n}\r\n\r\ninput[type=\"date\"]::-moz-placeholder {\r\n    color: transparent;\r\n}\r\n\r\ninput[type=\"date\"]::placeholder {\r\n    color: transparent;\r\n}\r\n","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/dda-grid.css');\r\n\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n/* @import url('./templates/dda-sticky-footer.css'); */\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n/* @import url('./templates/dda-header-main.css'); */\r\n\r\n\r\n.material-flat-icon {\r\n  font-variation-settings:\r\n  'FILL' 1,\r\n  'wght' 400,\r\n  'GRAD' 0,\r\n  'opsz' 24\r\n}\r\n\r\n.material-symbols-outlined {\r\n  font-family: 'Material Symbols Outlined';\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-size: 24px;\r\n  display: inline-block;\r\n  line-height: 1;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.material-icons {\r\n  font-family: 'Material Icons';\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-size: 24px;\r\n  line-height: 1;\r\n  letter-spacing: normal;\r\n  text-transform: none;\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n:root{\r\n  --font-family-main: system-ui, sans-serif;\r\n}\r\nbody {\r\n  background-color: var(--dda-surface-100) !important;\r\n  font-family: var(--font-family-main) !important;\r\n  font-size: var(--font-caption) !important;\r\n  font-weight: var(--font-weight-regular) !important;\r\n  line-height: 1.5;\r\n  color: var(--dda-on-surface-0) !important;\r\n  margin: 0;\r\n}\r\nlegend{\r\n  font-size: inherit !important;\r\n}\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\nul{\r\n  margin: 0;\r\n}\r\na{\r\n  text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1);  font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2);  font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3);  font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4);  font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5);  font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6);  font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title);  font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body);  font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption);  font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label);  font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n  text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n}\r\n\r\nul {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n  background: none;\r\n  color: #ffffff;\r\n  border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n  background: #ffffff;\r\n  color: inherit;\r\n}\r\n\r\n/*Colors*/\r\n.dda-bg-primary {\r\n  background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n  background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n  color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n  color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n  color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n  color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n  color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n  color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n  color: var(--dda-on-surface-0);\r\n}\r\n\r\n/**/\r\n.visualy-hidden {\r\n  position: absolute;\r\n  opacity: 0;\r\n  width: 0px;\r\n  overflow: hidden;\r\n}\r\n/* Border-radius classes */\r\n.dda-rounded-sm {\r\n  border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n  border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n  border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n  border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n  gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n  gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n  gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n  gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n  gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n  gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n  gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n  gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n  gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n  gap: 0.375rem !important;\r\n}\r\n\r\n.dda-text-center{\r\n  text-align: center;\r\n}\r\n::-ms-input-placeholder {\r\n  color: #8E9191;\r\n}\r\n::placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.dda-items-start {\r\n  align-items: flex-start;\r\n}\r\n\r\n.dda-items-end {\r\n  align-items: flex-end;\r\n}\r\n\r\n.dda-items-center {\r\n  align-items: center;\r\n}\r\n\r\n.dda-items-baseline {\r\n  align-items: baseline;\r\n}\r\n\r\n.dda-items-stretch {\r\n  align-items: stretch;\r\n}\r\n\r\n\r\n.dda-position-static {\r\n  position: static !important;\r\n}\r\n\r\n.dda-position-relative {\r\n  position: relative !important;\r\n}\r\n\r\n.dda-position-absolute {\r\n  position: absolute !important;\r\n}\r\n\r\n.dda-position-fixed {\r\n  position: fixed !important;\r\n}\r\n\r\n.dda-position-sticky {\r\n  position: -webkit-sticky !important;\r\n  position: sticky !important;\r\n}\r\n\r\n.top-0 {\r\n  top: 0 !important;\r\n}\r\n\r\n.top-50 {\r\n  top: 50% !important;\r\n}\r\n\r\n.top-100 {\r\n  top: 100% !important;\r\n}\r\n\r\n.bottom-0 {\r\n  bottom: 0 !important;\r\n}\r\n\r\n.bottom-50 {\r\n  bottom: 50% !important;\r\n}\r\n\r\n.bottom-100 {\r\n  bottom: 100% !important;\r\n}\r\n\r\n.start-0 {\r\n  left: 0 !important;\r\n}\r\n\r\n.start-50 {\r\n  left: 50% !important;\r\n}\r\n\r\n.start-100 {\r\n  left: 100% !important;\r\n}\r\n\r\n.end-0 {\r\n  right: 0 !important;\r\n}\r\n\r\n.end-50 {\r\n  right: 50% !important;\r\n}\r\n\r\n.end-100 {\r\n  right: 100% !important;\r\n}\r\n\r\n\r\n.border-right {\r\n  border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  margin: -1px;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  clip: rect(0, 0, 0, 0);\r\n  border: 0;\r\n}\r\n\r\n.maincontent{\r\n  padding-top: 170px;\r\n  padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n  .maincontent {\r\n      padding-top: 100px;\r\n  }\r\n}\r\n/*Temporary*/\r\n/* body{\r\n  height: 1550px;\r\n} */\r\n","import { Component, Prop, State, h, Host, Element, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-select',\r\n  styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class Ddaselect {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() options: string;\r\n  @Prop() selected: string; // can be id or text\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() error?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() toggle_button_name: string;\r\n  @Prop() option_select_button_name: string;\r\n  @Prop() placeholder: string = '';\r\n  @Prop() main_aria_label: string = '';\r\n  @Prop() input_name: string = '';\r\n\r\n  @State() is_open: boolean = false;\r\n  @State() selectedId: number;\r\n  @State() selectedText: string;\r\n\r\n  @Event() selectChanged: EventEmitter<{ id: number; text: string }>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n  @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  private get parsedOptions(): { id: number; text: string }[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === this.selected || opt.text === this.selected);\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    }\r\n    if (this.selected) {\r\n      this.watchSelected(this.selected);\r\n    }\r\n  }\r\n\r\n  toggleSelect() {\r\n    if (!this.disabled) {\r\n      this.is_open = !this.is_open;\r\n    }\r\n  }\r\n\r\n  selectOption(option: { id: any; text: string }) {\r\n    if (!this.disabled) {\r\n      this.selectedId = option.id;\r\n      this.selectedText = option.text;\r\n      this.is_open = false;\r\n      this.selectChanged.emit(option);\r\n      this.onChanged.emit(option.id);\r\n\r\n      this.el.dispatchEvent(\r\n        new InputEvent('input', {\r\n          bubbles: true,\r\n          composed: true,\r\n          data: option.id,\r\n          inputType: 'select',\r\n        }),\r\n      );\r\n    }\r\n  }\r\n\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    if (this.is_open && !this.el.contains(event.target as Node)) {\r\n      this.is_open = false;\r\n    }\r\n  };\r\n\r\n  handleBlur = () => {\r\n    this.selectBlurred.emit({\r\n      name: this.input_name || this.button_id,\r\n      value: this.selectedText || '',\r\n    });\r\n    this.onBlurred.emit(this.selectedId);\r\n\r\n    this.el.dispatchEvent(\r\n      new FocusEvent('blur', {\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n  };\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  @Method()\r\n  async setSelected(value: string | number) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() || opt.text === value);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n      this.selected = selectedOption.id.toString();\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n      this.selected = '';\r\n    }\r\n  }\r\n\r\n  async setValue(value: string | number) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() || opt.text === value);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n      this.selected = selectedOption.id.toString();\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n      this.selected = '';\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async getSelectedText() {\r\n    return this.selectedText;\r\n  }\r\n\r\n  async getValue() {\r\n    return this.selectedText || '';\r\n  }\r\n\r\n  @Watch('selected')\r\n  watchSelected(newVal: string) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === newVal || opt.text === newVal);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n    }\r\n  }\r\n\r\n  private numberToWord(num: number): string {\r\n    const words = ['One', 'Two', 'Three', 'Four', 'Five'];\r\n    return words[num - 1] || num.toString();\r\n  }\r\n\r\n  render() {\r\n    const labelId = `${this.button_id}-label`;\r\n    const valueId = `${this.button_id}-value`;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`\r\n            dda-input-container ${this.custom_class} \r\n            ${this.component_mode} \r\n            ${this.disabled ? 'dda-input-disabled' : ''} \r\n            dda-input-size-${this.size} dda-validation-${this.validation_type}\r\n          `}\r\n        >\r\n          {this.label && (\r\n            <span id={labelId} class=\"dda-input-label\">\r\n              {this.label}\r\n            </span>\r\n          )}\r\n          <div class=\"dda-dropdown-container\">\r\n            <button\r\n              name={this.toggle_button_name}\r\n              id={this.button_id}\r\n              type=\"button\"\r\n              class=\"dda-input-field dda-select-header\"\r\n              aria-labelledby={`${labelId} ${this.button_id}`}\r\n              disabled={this.disabled}\r\n              onClick={() => this.toggleSelect()}\r\n              onBlur={this.handleBlur}\r\n            >\r\n              <span id={valueId} class=\"dda-select-button-label\">\r\n                {this.selectedText || this.placeholder}\r\n              </span>\r\n              <i class=\"material-icons\" aria-hidden=\"true\">\r\n                {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n              </i>\r\n            </button>\r\n\r\n            {this.is_open && (\r\n              <div class=\"dda-input-dropdown-list dda-select-list\">\r\n                {this.parsedOptions.length > 0 ? (\r\n                  this.parsedOptions.map((option, index) => (\r\n                    <button\r\n                      name={`option${this.numberToWord(index + 1)}`}\r\n                      type=\"button\"\r\n                      class={`dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`}\r\n                      role=\"option\"\r\n                      aria-selected={this.selectedId === option.id ? 'true' : 'false'}\r\n                      onClick={() => this.selectOption(option)}\r\n                    >\r\n                      {option.text}\r\n                    </button>\r\n                  ))\r\n                ) : (\r\n                  <div class=\"dda-input-dropdown-item\">No options available</div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\r\n            this.helper_text && (\r\n              <span class=\"dda-helper-text\" id={this.validation_id}>\r\n                {this.helper_text}\r\n              </span>\r\n            )\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-a3f284bc.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,H as i,g as a}from"./p-1b339a0a.js";const h=class{constructor(e){t(this,e);this.inputChanged=s(this,"inputChanged",7);this.onChanged=s(this,"onChanged",7);this.buttonClicked=s(this,"buttonClicked",7);this.inputBlurred=s(this,"inputBlurred",7);this.onBlurred=s(this,"onBlurred",7);this.placeholder="Search";this.size="sm";this.show_button=false;this.has_error=false;this.custom_class="";this.hasInputValue=false;this.internalValue="";this.handleInput=t=>{const s=t.target;this.hasInputValue=s.value.length>0};this.handleKeyDown=t=>{if(t.key==="Enter"){const s=t.target;console.log("Search input value (Enter):",s.value)}this.el.dispatchEvent(new KeyboardEvent("keydown",{bubbles:true,composed:true,key:t.key,code:t.code,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,repeat:t.repeat}))};this.handleSearchClick=()=>{const t=this.el.querySelector(`#${this.input_id}`);if(t){this.buttonClicked.emit(this.internalValue||this.value)}}}watchValue(t){this.internalValue=t||"";this.hasInputValue=!!this.internalValue}componentWillLoad(){this.internalValue=this.value||"";this.hasInputValue=!!this.internalValue}clearInput(){if(!this.input_id)return;const t=this.el.querySelector(`#${this.input_id}`);if(t){t.value="";this.internalValue="";this.hasInputValue=false;this.onChanged.emit("");t.focus()}}async reset(){this.internalValue="";this.hasInputValue=false;this.onChanged.emit("")}async setValue(t){this.internalValue=t;this.hasInputValue=!!t;this.onChanged.emit(t)}render(){return e(i,{key:"e23b6f258bc2699153dbe74a0b0a35394a884c09"},e("div",{key:"bb778d44ef2b22c05a6d516aeac4fbf7a37737c3",class:`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status?`dda-input-${this.input_status}`:""} ${this.has_error?"dda-validation-error":""}`},this.label&&e("label",{key:"c6280620a3f1b7742d3fb04157b570e5dd33ca60",htmlFor:this.button_id,class:"dda-input-label"},this.label),e("div",{key:"5b1a38c75b2d281aefba77de7115dfb88314e4ad",class:"dda-search-area dda-search-action"},e("i",{key:"ccdd26425e32e370bfb3547bf5f0915d8de4182f",class:"material-icons icon-left","aria-hidden":"true"},"search"),e("input",{key:"a48aedceda06d6f69c6ffcac840d9dcecc720018",name:this.search_input_name,"aria-label":this.aria_label,id:this.input_id,value:this.internalValue,type:"text",class:`dda-input-field dda-search-field ${this.show_button?"has-search-button":""}`,placeholder:this.placeholder,onKeyDown:this.handleKeyDown,onInput:t=>{this.internalValue=t.target.value;this.hasInputValue=!!this.internalValue;this.inputChanged.emit(t);this.onChanged.emit(t);this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true,data:t.data,inputType:t.inputType,isComposing:t.isComposing}))},onBlur:t=>{const s=t.target.value.trim();this.inputBlurred.emit({name:this.search_input_name,value:s});this.onBlurred.emit(s);this.el.dispatchEvent(new FocusEvent("blur",{bubbles:true,composed:true,relatedTarget:t.relatedTarget}))},onFocus:t=>{this.el.dispatchEvent(new FocusEvent("focus",{bubbles:true,composed:true,relatedTarget:t.relatedTarget}))}}),e("div",{key:"8ffaa5e058389cf65ad70ab29676748d667a8a68",class:"dda-search-btngroup"},this.hasInputValue&&e("button",{key:"c2190c168ad754cb93b60da8d568bb62a89e29de",name:this.close_button_name,"aria-label":this.button_aria_label,id:this.button_id,type:"button",class:"dda-search-close-icon",onClick:()=>this.clearInput()},e("i",{key:"94b4644da93e67679ee2586853977bd7d14f5045",class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close")),this.show_button&&e("button",{key:"5dce491dfeecc09dd4d79bce8dc637c163986749",name:this.search_button_name,type:"button",class:"dda-btn btn-color-default-primary dda-btn-sm",onClick:this.handleSearchClick},this.button_text))),this.helper_text&&e("span",{key:"e0f361ea19e1b30c903b1dfc21d9ae4bd84e7907",class:"dda-helper-text",id:this.validation_id},this.helper_text),this.error_message&&e("span",{key:"ae3eaeb103f2923041b589c9cd3ea67a97752f5b",class:"dda-error-message",id:this.validation_id},this.error_message)))}get el(){return a(this)}static get watchers(){return{value:["watchValue"]}}};export{h as dda_search_input};
-//# sourceMappingURL=p-a3f284bc.entry.js.map

package/www/build/p-a3f284bc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaSearchInput","constructor","hostRef","this","placeholder","size","show_button","has_error","custom_class","hasInputValue","internalValue","handleInput","event","target","value","length","handleKeyDown","key","console","log","el","dispatchEvent","KeyboardEvent","bubbles","composed","code","ctrlKey","shiftKey","altKey","metaKey","repeat","handleSearchClick","input","querySelector","input_id","buttonClicked","emit","watchValue","newValue","componentWillLoad","clearInput","onChanged","focus","reset","setValue","val","render","h","Host","class","component_mode","input_status","label","htmlFor","button_id","name","search_input_name","aria_label","id","type","onKeyDown","onInput","inputChanged","InputEvent","data","inputType","isComposing","onBlur","trim","inputBlurred","onBlurred","FocusEvent","relatedTarget","onFocus","close_button_name","button_aria_label","onClick","search_button_name","button_text","helper_text","validation_id","error_message"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-search-input',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n  @Prop() placeholder: string = 'Search';\r\n  @Prop() label: string;\r\n  @Prop() size: string = 'sm';\r\n  @Prop() error_message: string;\r\n  @Prop() show_button: boolean = false;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_id: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() has_error: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() button_aria_label?: string;\r\n  @Prop() search_input_name: string;\r\n  @Prop() close_button_name: string;\r\n  @Prop() search_button_name: string;\r\n  @Prop() button_text: string;\r\n  @Prop() value: string;\r\n\r\n  @Event() inputChanged: EventEmitter<any>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n  @Event() buttonClicked: EventEmitter<any>;\r\n  @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  @State() hasInputValue: boolean = false;\r\n  @State() internalValue: string = '';\r\n\r\n  handleInput = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.hasInputValue = target.value.length > 0;\r\n  };\r\n\r\n  handleKeyDown = (event: KeyboardEvent) => {\r\n    if (event.key === 'Enter') {\r\n      const target = event.target as HTMLInputElement;\r\n      console.log('Search input value (Enter):', target.value);\r\n    }\r\n\r\n    this.el.dispatchEvent(\r\n      new KeyboardEvent('keydown', {\r\n        bubbles: true,\r\n        composed: true,\r\n        key: event.key,\r\n        code: event.code,\r\n        ctrlKey: event.ctrlKey,\r\n        shiftKey: event.shiftKey,\r\n        altKey: event.altKey,\r\n        metaKey: event.metaKey,\r\n        repeat: event.repeat,\r\n      }),\r\n    );\r\n  };\r\n\r\n  @Watch('value')\r\n  watchValue(newValue: string) {\r\n    this.internalValue = newValue || '';\r\n    this.hasInputValue = !!this.internalValue;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalValue = this.value || '';\r\n    this.hasInputValue = !!this.internalValue;\r\n  }\r\n\r\n  handleSearchClick = () => {\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      // console.log('Search input value (Button):', input.value);\r\n      this.buttonClicked.emit(this.internalValue || this.value);\r\n    }\r\n  };\r\n\r\n  clearInput() {\r\n    if (!this.input_id) return;\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      input.value = '';\r\n      this.internalValue = '';\r\n      this.hasInputValue = false;\r\n      // this.inputChanged.emit('');\r\n      this.onChanged.emit('');\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async reset() {\r\n    this.internalValue = '';\r\n    this.hasInputValue = false;\r\n    // this.inputChanged.emit('');\r\n    this.onChanged.emit('');\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.internalValue = val;\r\n    this.hasInputValue = !!val;\r\n    // this.inputChanged.emit(val);\r\n    this.onChanged.emit(val);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}\r\n        >\r\n          {this.label && (\r\n            <label htmlFor={this.button_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-search-area dda-search-action\">\r\n            <i class=\"material-icons icon-left\" aria-hidden=\"true\">\r\n              search\r\n            </i>\r\n            <input\r\n              name={this.search_input_name}\r\n              aria-label={this.aria_label}\r\n              id={this.input_id}\r\n              value={this.internalValue}\r\n              type=\"text\"\r\n              class={`dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`}\r\n              placeholder={this.placeholder}\r\n              // onInput={this.handleInput}\r\n              onKeyDown={this.handleKeyDown}\r\n              onInput={event => {\r\n                this.internalValue = (event.target as HTMLInputElement).value;\r\n                this.hasInputValue = !!this.internalValue;\r\n                this.inputChanged.emit(event);\r\n                this.onChanged.emit(event);\r\n                this.el.dispatchEvent(\r\n                  new InputEvent('input', {\r\n                    bubbles: true,\r\n                    composed: true,\r\n                    data: event.data,\r\n                    inputType: event.inputType,\r\n                    isComposing: event.isComposing,\r\n                  }),\r\n                );\r\n              }}\r\n              onBlur={event => {\r\n                const value = (event.target as HTMLInputElement).value.trim();\r\n                this.inputBlurred.emit({ name: this.search_input_name, value });\r\n                this.onBlurred.emit(value);\r\n                this.el.dispatchEvent(\r\n                  new FocusEvent('blur', {\r\n                    bubbles: true,\r\n                    composed: true,\r\n                    relatedTarget: event.relatedTarget,\r\n                  }),\r\n                );\r\n              }}\r\n              onFocus={(event: FocusEvent) => {\r\n                this.el.dispatchEvent(\r\n                  new FocusEvent('focus', {\r\n                    bubbles: true,\r\n                    composed: true,\r\n                    relatedTarget: event.relatedTarget,\r\n                  }),\r\n                );\r\n              }}\r\n            />\r\n            <div class=\"dda-search-btngroup\">\r\n              {this.hasInputValue && (\r\n                <button\r\n                  name={this.close_button_name}\r\n                  aria-label={this.button_aria_label}\r\n                  id={this.button_id}\r\n                  type=\"button\"\r\n                  class=\"dda-search-close-icon\"\r\n                  onClick={() => this.clearInput()}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n                    close\r\n                  </i>\r\n                </button>\r\n              )}\r\n              {this.show_button && (\r\n                <button name={this.search_button_name} type=\"button\" class=\"dda-btn btn-color-default-primary dda-btn-sm\" onClick={this.handleSearchClick}>\r\n                  {this.button_text}\r\n                </button>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && (\r\n            <span class=\"dda-helper-text\" id={this.validation_id}>\r\n              {this.helper_text}\r\n            </span>\r\n          )}\r\n          {this.error_message && (\r\n            <span class=\"dda-error-message\" id={this.validation_id}>\r\n              {this.error_message}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-aefe49c4.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as d,H as c}from"./p-1b339a0a.js";const o='.dda-checkbox-container{display:inline-flex;align-items:center}.dda-checkbox-container input[type="checkbox"]{width:0;height:0;position:absolute;opacity:0}.dda-checkbox-container label{cursor:pointer;display:inline-flex;align-items:flex-start;gap:10px}.dda-checkbox-fill label .dda-check-square{width:24px;height:24px;flex-shrink:0;border:solid 2px var(--dda-color-primary-40);border-radius:6px;position:relative}.dda-checkbox-fill label .dda-check-square::before{content:"";width:8px;height:3px;border-left:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:6px;left:5px;transform:rotate(-45deg)}.dda-checkbox-fill input[type="checkbox"]:checked~label .dda-check-square{background-color:var(--dda-color-primary-40)}.dda-checkbox-fill input[type="checkbox"]:checked~label .dda-check-square::before{border-left:solid 2px var(--dda-surface-100);border-bottom:solid 2px var(--dda-surface-100)}.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square{background:var(--dda-neutral-95);border:solid 2px var(--dda-neutral-95)}.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square::before{border-left:solid 2px var(--dda-on-surface-40);border-bottom:solid 2px var(--dda-on-surface-40)}.dda-checkbox-stroke label .dda-check-square{width:24px;height:24px;border:solid 2px var(--dda-surface-variant-80);border-radius:6px;position:relative}.dda-checkbox-stroke input[type="checkbox"]:checked~label .dda-check-square{border:solid 2px var(--dda-color-primary-40)}.dda-checkbox-stroke input[type="checkbox"]:checked~label .dda-check-square::before{content:"";width:8px;height:3px;border-left:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:6px;left:5px;transform:rotate(-45deg)}.dda-checkbox-fill input[type="checkbox"]:focus-within~label .dda-check-square,.dda-checkbox-stroke input[type="checkbox"]:focus-within~label .dda-check-square{box-shadow:0px 0px 0px 3px var(--dda-primary-variant-95)}.dda-checkbox-stroke.dda-checkbox-disabled label .dda-check-square{background-color:var(--dda-neutral-95);border:solid 2px var(--dda-neutral-95)}.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-title,.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-supporting{color:var(--dda-on-surface-40)}.dda-checkbox-container label p{margin:0px}.dda-checkbox-title{font-size:var(--font-body);color:var(--dda-on-surface-0);font-weight:var(--font-weight-regular);display:block}.light-mode .dda-checkbox-title{color:var(--dda-neutral-0)}.dda-checkbox-supporting{display:block;font-size:var(--font-small);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-variant-30)}.light-mode .dda-checkbox-supporting{color:var(--dda-neutral-variant-30)}.dda-checkbox-disabled i,.dda-checkbox-disabled svg{color:var(--dda-neutral-70);border:solid 2px var(--dda-surface-90)}.dda-checkbox-container.dda-checkbox-disabled{pointer-events:none}';const r=o;const t=class{constructor(d){e(this,d);this.checkboxChange=a(this,"checkboxChange",7);this.custom_class="";this.handleInputChange=e=>{const a=e.target;this.checkboxChange.emit(a.checked)}}render(){const e=["dda-checkbox-container",this.style_type?`dda-checkbox-${this.style_type}`:"",this.custom_class?this.custom_class:"",this.checkbox_status?`dda-checkbox-${this.checkbox_status}`:"",this.component_mode].filter(Boolean).join(" ");return d(c,{key:"62d5bb8496479ffa713d0a9f54da0a173c32e2a5"},d("div",{key:"4e34ec1af36e01612a035baf5967177961308cff",class:e},d("input",{key:"6d13b9a173c33122243067b51c8dc9ef26fb5c0e",type:"checkbox",id:this.input_id,name:this.group_name,"aria-label":this.aria_label,checked:this.checked,onChange:this.handleInputChange}),d("label",{key:"1fadad451c42bd7d2e0ddc2348bfc633a523b981",htmlFor:this.input_id},d("span",{key:"cd33aeba1663e08178860664e3669ff4897d7691",class:"dda-check-square"}),d("p",{key:"104a8ab3ed30d278ee33507aeb9b11ad1b6d7944"},d("span",{key:"6b75790941267a97ec4301729ede3e7520a66ad0",class:"dda-checkbox-title"},this.title_text),this.supporting&&d("span",{key:"18f6e20e8d29f9dea2084ed375010cd00b46840d",class:"dda-checkbox-supporting"},this.supporting)))))}};t.style=r;export{t as dda_checkbox};
-//# sourceMappingURL=p-aefe49c4.entry.js.map

package/www/build/p-aefe49c4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaCheckboxCss","DdaCheckboxStyle0","DdaCheckbox","constructor","hostRef","this","custom_class","handleInputChange","event","target","checkboxChange","emit","checked","render","checkboxClass","style_type","checkbox_status","component_mode","filter","Boolean","join","h","Host","key","class","type","id","input_id","name","group_name","aria_label","onChange","htmlFor","title_text","supporting"],"sources":["src/components/dda-checkbox/dda-checkbox.css?tag=dda-checkbox","src/components/dda-checkbox/dda-checkbox.tsx"],"sourcesContent":[".dda-checkbox-container {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-checkbox-container input[type=\"checkbox\"] {\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  opacity: 0;\r\n}\r\n\r\n.dda-checkbox-container label {\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n}\r\n\r\n/**/\r\n.dda-checkbox-fill label .dda-check-square{\r\n  width: 24px;\r\n  height: 24px;\r\n  flex-shrink: 0;\r\n  border: solid 2px var(--dda-color-primary-40);\r\n  border-radius: 6px;\r\n  position: relative;\r\n}\r\n.dda-checkbox-fill label .dda-check-square::before{\r\n  content: \"\";\r\n  width: 8px;\r\n  height: 3px;\r\n  border-left: solid 2px var(--dda-color-primary-40);\r\n  border-bottom: solid 2px var(--dda-color-primary-40);\r\n  position: absolute;\r\n  top: 6px;\r\n  left: 5px;\r\n  transform: rotate(-45deg);\r\n}\r\n\r\n.dda-checkbox-fill input[type=\"checkbox\"]:checked~label .dda-check-square{\r\n  background-color: var(--dda-color-primary-40);\r\n}\r\n.dda-checkbox-fill input[type=\"checkbox\"]:checked~label .dda-check-square::before{\r\n  border-left: solid 2px var(--dda-surface-100);\r\n  border-bottom: solid 2px var(--dda-surface-100);\r\n}\r\n.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square{\r\n  background: var(--dda-neutral-95);\r\n  border: solid 2px var(--dda-neutral-95);\r\n}\r\n.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square::before{\r\n  border-left: solid 2px var(--dda-on-surface-40);\r\n  border-bottom: solid 2px var(--dda-on-surface-40);\r\n}\r\n\r\n/**/\r\n.dda-checkbox-stroke label .dda-check-square{\r\n  width: 24px;\r\n  height: 24px;\r\n  border: solid 2px var(--dda-surface-variant-80);\r\n  border-radius: 6px;\r\n  position: relative;\r\n}\r\n.dda-checkbox-stroke input[type=\"checkbox\"]:checked~label .dda-check-square{\r\n  border: solid 2px var(--dda-color-primary-40);\r\n}\r\n.dda-checkbox-stroke input[type=\"checkbox\"]:checked~label .dda-check-square::before{\r\n  content: \"\";\r\n  width: 8px;\r\n  height: 3px;\r\n  border-left: solid 2px var(--dda-color-primary-40);\r\n  border-bottom: solid 2px var(--dda-color-primary-40);\r\n  position: absolute;\r\n  top: 6px;\r\n  left: 5px;\r\n  transform: rotate(-45deg);\r\n}\r\n.dda-checkbox-fill input[type=\"checkbox\"]:focus-within~label .dda-check-square,\r\n.dda-checkbox-stroke input[type=\"checkbox\"]:focus-within~label .dda-check-square{\r\n  box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n\r\n.dda-checkbox-stroke.dda-checkbox-disabled label .dda-check-square{\r\n  background-color: var(--dda-neutral-95);\r\n  border: solid 2px var(--dda-neutral-95);\r\n}\r\n.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-title,\r\n.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-supporting{\r\n  color: var(--dda-on-surface-40);\r\n}\r\n\r\n\r\n.dda-checkbox-container label p {\r\n  margin: 0px;\r\n}\r\n\r\n.dda-checkbox-title {\r\n  font-size: var(--font-body);\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--font-weight-regular);\r\n  display: block;\r\n}\r\n\r\n.light-mode .dda-checkbox-title{\r\n  color: var(--dda-neutral-0);\r\n}\r\n\r\n.dda-checkbox-supporting {\r\n  display: block;\r\n  font-size: var(--font-small);\r\n  font-weight: var(--font-weight-regular);\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.light-mode  .dda-checkbox-supporting {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-checkbox-disabled i,\r\n.dda-checkbox-disabled svg{\r\n  color: var(--dda-neutral-70);\r\n  border: solid 2px var(--dda-surface-90);\r\n}\r\n.dda-checkbox-container.dda-checkbox-disabled{\r\n  pointer-events: none;\r\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-checkbox',\r\n  styleUrls: ['dda-checkbox.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaCheckbox {\r\n  @Prop() title_text: string;\r\n  @Prop() supporting?: string;\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() checked: boolean;\r\n  @Prop() checkbox_status?: string;\r\n  @Prop() style_type?: string;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @Prop() aria_label?: string;\r\n\r\n  /** Emits change event with current checked state */\r\n  @Event() checkboxChange: EventEmitter<boolean>;\r\n\r\n  /** Handles checkbox change */\r\n  handleInputChange = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.checkboxChange.emit(target.checked);\r\n  };\r\n\r\n  render() {\r\n    const checkboxClass = [\r\n      'dda-checkbox-container',\r\n      this.style_type ? `dda-checkbox-${this.style_type}` : '',\r\n      this.custom_class ? this.custom_class : '',\r\n      this.checkbox_status ? `dda-checkbox-${this.checkbox_status}` : '',\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={checkboxClass}>\r\n          <input\r\n            type=\"checkbox\"\r\n            id={this.input_id}\r\n            name={this.group_name}\r\n            aria-label={this.aria_label}\r\n            checked={this.checked}\r\n            onChange={this.handleInputChange}\r\n          />\r\n          <label htmlFor={this.input_id}>\r\n            <span class=\"dda-check-square\"></span>\r\n            <p>\r\n              <span class=\"dda-checkbox-title\">{this.title_text}</span>\r\n              {this.supporting && (\r\n                <span class=\"dda-checkbox-supporting\">{this.supporting}</span>\r\n              )}\r\n            </p>\r\n          </label>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAiB,+5FACvB,MAAAC,EAAeD,E,MCMFE,EAAW,MALxB,WAAAC,CAAAC,G,yDAaUC,KAAAC,aAAwB,GAQhCD,KAAAE,kBAAqBC,IACnB,MAAMC,EAASD,EAAMC,OACrBJ,KAAKK,eAAeC,KAAKF,EAAOG,QAAQ,C,CAG1C,MAAAC,GACE,MAAMC,EAAgB,CACpB,yBACAT,KAAKU,WAAa,gBAAgBV,KAAKU,aAAe,GACtDV,KAAKC,aAAeD,KAAKC,aAAe,GACxCD,KAAKW,gBAAkB,gBAAgBX,KAAKW,kBAAoB,GAChEX,KAAKY,gBACLC,OAAOC,SAASC,KAAK,KAEvB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOV,GACVO,EAAA,SAAAE,IAAA,2CACEE,KAAK,WACLC,GAAIrB,KAAKsB,SACTC,KAAMvB,KAAKwB,WAAU,aACTxB,KAAKyB,WACjBlB,QAASP,KAAKO,QACdmB,SAAU1B,KAAKE,oBAEjBc,EAAA,SAAAE,IAAA,2CAAOS,QAAS3B,KAAKsB,UACnBN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qBACZH,EAAA,KAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBnB,KAAK4B,YACtC5B,KAAK6B,YACJb,EAAA,QAAAE,IAAA,2CAAMC,MAAM,2BAA2BnB,KAAK6B,e","ignoreList":[]}

package/www/build/p-b48e061c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as a}from"./p-1b339a0a.js";const r='.dda-tooltip-container{position:relative;display:inline-flex;align-items:center}.dda-tooltip-box{position:absolute;visibility:hidden;background-color:var(--dda-neutral-100);border:solid 1px var(--dda-neutral-90);color:var(--dda-neutral-0);text-align:center;padding:5px 12px;border-radius:6px;z-index:1;opacity:0;}.dda-tooltip-container:hover .dda-tooltip-box{visibility:visible;opacity:1}.dda-tooltip-box strong{font-size:16px;color:var(--dda-neutral-0);font-weight:var(--dda-fw-400);white-space:nowrap}.dda-tooltip-box p{font-size:14px;color:var(--dda-neutral-variant-30);white-space:nowrap;margin:0}.dda-tooltip-box.top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:7px}.dda-tooltip-box.top::before,.dda-tooltip-box.top::after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;left:50%;margin-inline-start:-10px}.dda-tooltip-box.top::before{top:100%;border-top:8px solid var(--dda-neutral-90);margin-top:0px}.dda-tooltip-box.top::after{top:100%;border-top:8px solid var(--dda-neutral-100);margin-top:-2px;z-index:1}.dda-tooltip-box.bottom{top:100%;left:50%;transform:translate(-50%);margin-top:7px}.dda-tooltip-box.bottom::before,.dda-tooltip-box.bottom::after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;left:50%;margin-inline-start:-10px}.dda-tooltip-box.bottom::before{bottom:100%;border-bottom:8px solid var(--dda-neutral-90);margin-bottom:0px}.dda-tooltip-box.bottom::after{bottom:100%;border-bottom:8px solid var(--dda-neutral-100);margin-bottom:-2px;z-index:1}.dda-tooltip-box.left{top:50%;inset-inline-end:100%;margin-inline-end:13px;transform:translate(0%, -50%)}.dda-tooltip-box.left::before,.dda-tooltip-box.left::after,.dda-tooltip-box.right::before,.dda-tooltip-box.right::after{content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;top:50%;transform:translate(0%, -50%)}.dda-tooltip-box.left::before{bottom:100%;border-left:8px solid var(--dda-neutral-90);right:-9px}.dda-tooltip-box.left::after{bottom:100%;border-left:8px solid var(--dda-neutral-100);z-index:1;right:-8px}.dda-tooltip-box.right{top:50%;inset-inline-start:100%;margin-inline-start:13px;transform:translate(0%, -50%)}.dda-tooltip-box.right::before{bottom:100%;border-right:8px solid var(--dda-neutral-90);left:-9px}.dda-tooltip-box.right::after{bottom:100%;border-right:8px solid var(--dda-neutral-100);z-index:1;left:-8px}@media (prefers-reduced-motion: no-preference){.dda-tooltip-box{transition:opacity 0.3s}}';const e=r;const d=class{constructor(o){t(this,o);this.position="top";this.custom_class=""}render(){return o(a,{key:"e8c8e7633072d59f7c0e922f943931c861db06de"},o("div",{key:"6508bae5ac4df0f433d875648f360a3fadd933e2",class:`dda-tooltip-container ${this.custom_class} ${this.component_mode}`},o("slot",{key:"dc75cd5b276b9d90ec37eb71cf008364c977ab96"}),o("div",{key:"84339f13bf811a0e7f42df8a7c89a848a311eb80",class:`dda-tooltip-box ${this.position}`},o("strong",{key:"ef9abb2b5387fd09d16ac7827b77dc6d605d892e"},this.title_text),o("p",{key:"00d3089ee74ed19ebed6edaf8913c372af38df42"},this.description))))}};d.style=e;export{d as dda_tooltip};
-//# sourceMappingURL=p-b48e061c.entry.js.map

package/www/build/p-b48e061c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaTooltipCss","DdaTooltipStyle0","DdaTooltip","constructor","hostRef","this","position","custom_class","render","h","Host","key","class","component_mode","title_text","description"],"sources":["src/components/dda-tooltip/dda-tooltip.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.tsx"],"sourcesContent":[".dda-tooltip-container {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n.dda-tooltip-box {\r\n  position: absolute;\r\n  visibility: hidden;\r\n  background-color: var(--dda-neutral-100);\r\n  border: solid 1px var(--dda-neutral-90);\r\n  color: var(--dda-neutral-0);\r\n  text-align: center;\r\n  padding: 5px 12px;\r\n  border-radius: 6px;\r\n  z-index: 1;\r\n  opacity: 0;\r\n  /* transition: opacity 0.3s; */\r\n}\r\n.dda-tooltip-container:hover .dda-tooltip-box {\r\n  visibility: visible;\r\n  opacity: 1;\r\n}\r\n.dda-tooltip-box strong{\r\n  font-size: 16px;\r\n  color: var(--dda-neutral-0);\r\n  font-weight: var(--dda-fw-400);\r\n  white-space: nowrap;\r\n}\r\n\r\n.dda-tooltip-box p{\r\n  font-size: 14px;\r\n  color: var(--dda-neutral-variant-30);\r\n  white-space: nowrap;\r\n  margin: 0;\r\n}\r\n\r\n.dda-tooltip-box.top {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  margin-bottom: 7px;\r\n}\r\n.dda-tooltip-box.top::before, .dda-tooltip-box.top::after {\r\n  content: \"\";\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  position: absolute;\r\n  left: 50%;\r\n  margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.top::before {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-90);\r\n  margin-top: 0px;\r\n}\r\n.dda-tooltip-box.top::after {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-100);\r\n  margin-top: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n\r\n.dda-tooltip-box.bottom {\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  margin-top: 7px;\r\n}\r\n.dda-tooltip-box.bottom::before, .dda-tooltip-box.bottom::after {\r\n  content: \"\";\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  position: absolute;\r\n  left: 50%;\r\n  margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.bottom::before {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-90);\r\n  margin-bottom: 0px;\r\n}\r\n.dda-tooltip-box.bottom::after {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-100);\r\n  margin-bottom: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-tooltip-box.left {\r\n  top: 50%;\r\n  inset-inline-end: 100%;\r\n  margin-inline-end: 13px;\r\n  transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before, .dda-tooltip-box.left::after,\r\n.dda-tooltip-box.right::before, .dda-tooltip-box.right::after {\r\n  content: \"\";\r\n  border-top: 10px solid transparent;\r\n  border-bottom: 10px solid transparent;\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before {\r\n  bottom: 100%;\r\n  border-left: 8px solid var(--dda-neutral-90);\r\n  right: -9px;\r\n}\r\n.dda-tooltip-box.left::after {\r\n  bottom: 100%;\r\n  border-left: 8px solid var(--dda-neutral-100);\r\n  z-index: 1;\r\n  right: -8px;\r\n}\r\n\r\n.dda-tooltip-box.right {\r\n  top: 50%;\r\n  inset-inline-start: 100%;\r\n  margin-inline-start: 13px;\r\n  transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.right::before {\r\n  bottom: 100%;\r\n  border-right: 8px solid var(--dda-neutral-90);\r\n  left: -9px;\r\n}\r\n.dda-tooltip-box.right::after {\r\n  bottom: 100%;\r\n  border-right: 8px solid var(--dda-neutral-100);\r\n  z-index: 1;\r\n  left: -8px;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-tooltip-box {\r\n    transition: opacity 0.3s;\r\n  }\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-tooltip',\r\n  styleUrls: ['dda-tooltip.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaTooltip {\r\n  @Prop() title_text: string;\r\n  @Prop() description: string;\r\n  @Prop() position: 'top' | 'bottom' | 'left' | 'right' = 'top'; // Default to top position\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-tooltip-container ${this.custom_class} ${this.component_mode}`}>\r\n          <slot></slot>\r\n          <div class={`dda-tooltip-box ${this.position}`}>\r\n            <strong>{this.title_text}</strong>\r\n            <p>{this.description}</p>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"mappings":"kDAAA,MAAMA,EAAgB,qgFACtB,MAAAC,EAAeD,E,MCMFE,EAAU,MALvB,WAAAC,CAAAC,G,UAQUC,KAAAC,SAAgD,MAChDD,KAAAE,aAAwB,E,CAGhC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,yBAAyBP,KAAKE,gBAAgBF,KAAKQ,kBAC7DJ,EAAA,QAAAE,IAAA,6CACAF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,mBAAmBP,KAAKC,YAClCG,EAAA,UAAAE,IAAA,4CAASN,KAAKS,YACdL,EAAA,KAAAE,IAAA,4CAAIN,KAAKU,e","ignoreList":[]}

package/www/build/p-ba90f4be.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as t,h as i,H as n}from"./p-1b339a0a.js";const s=".dda-pagination-container{min-width:380px;display:inline-flex;justify-content:center;align-items:center;gap:20px}.dda-pagination{display:inline-flex;align-items:center}.dda-pagination button{height:40px;min-width:40px;border:transparent;border-radius:5px;background-color:var(--dda-surface-100);font-size:16px;color:var(--dda-on-surface-variant-30);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.light-mode.dda-pagination button{background-color:var(--dda-neutral-100);color:var(--dda-neutral-variant-30)}.dda-pagination span{color:var(--dda-on-surface-variant-30)}.light-mode.dda-pagination span{color:var(--dda-neutral-variant-30)}.dda-pagination-simple-slider{width:100%;display:inline-flex;align-items:center;justify-content:space-between}.dda-pagination-simple-slider button{background-color:transparent;border:transparent;display:inline-flex;align-items:center;gap:10px}.dda-pagination-simple-slider span{padding:0 20px}.dda-pagination-buttons button{background-color:transparent;border:transparent;display:inline-flex;gap:10px}.dda-pagination-buttons button.active{background-color:transparent;color:var(--dda-color-primary-40)}.light-mode.dda-pagination-buttons button.active{color:var(--dda-primary-40)}.dda-pagination-text{width:100%;justify-content:space-between}.dda-pagination-text button{box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-text-pages{width:100%;justify-content:space-between;gap:8px}.dda-pagination-text-pages button{box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-text-pages button.active{background-color:var(--dda-color-primary-40);color:var(--dda-surface-100)}.light-mode.dda-pagination-text-pages button.active{background-color:var(--dda-primary-40);color:var(--dda-neutral-100)}.dda-pagination-button-text{width:100%;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-button-text button{min-width:50px;border:0px;border-right:solid 1px var(--dda-neutral-90);border-top:solid 1px var(--dda-neutral-90);border-bottom:solid 1px var(--dda-neutral-90);border-radius:0px}.dda-pagination-button-text button.active{color:var(--dda-color-primary-40);font-weight:var(--dda-fw-700)}.light-mode.dda-pagination-button-text button.active{color:var(--dda-primary-40)}.dda-pagination-button-text button.prev{border-left:solid 1px var(--dda-neutral-90);border-radius:5px 0 0 5px}.dda-pagination-button-text button.next{border-radius:0 5px 5px 0}.dda-pagination-buttons-pages{box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-buttons-pages button{border:0px;border-right:solid 1px var(--dda-neutral-90);border-top:solid 1px var(--dda-neutral-90);border-bottom:solid 1px var(--dda-neutral-90);border-radius:0px}.dda-pagination-buttons-pages button.prev{border-left:solid 1px var(--dda-neutral-90);border-radius:5px 0 0 5px}.dda-pagination-buttons-pages button.next{border-radius:0 5px 5px 0}.dda-pagination-full{gap:8px}.dda-pagination-full button{min-width:auto;width:10px;height:10px;border-radius:10px;padding:0px;overflow:hidden;text-indent:-100px;border:solid 1px var(--dda-surface-90)}.light-mode.dda-pagination-full button{border:solid 1px var(--dda-neutral-90)}.dda-pagination-full button.active{background-color:var(--dda-color-primary-40);border:transparent}.light-mode.dda-pagination-full button.active{background-color:var(--dda-primary-40)}";const d=s;const e=class{constructor(i){a(this,i);this.paginateClick=t(this,"paginateClick",7);this.total_pages=8;this.current_page=1;this.type="simple-slider";this.custom_class=""}validateTotalPages(a){if(a<1){this.total_pages=1}}validateCurrentPage(a){if(a<1){this.current_page=1}else if(a>this.total_pages){this.current_page=this.total_pages}}componentWillLoad(){this.validateTotalPages(this.total_pages);this.validateCurrentPage(this.current_page)}renderPagination(){switch(this.type){case"simple-slider":return i("div",{class:`dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}`},i("button",{name:this.simple_slider_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")," Prev"),i("span",null,"Page ",this.current_page," of ",this.total_pages),i("button",{name:this.simple_slider_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},"Next ",i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"buttons":return i("div",{class:`dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}`},i("button",{name:this.buttons_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")," Prev"),this.renderPageButtons(),i("button",{name:this.buttons_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},"Next ",i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"text":return i("div",{class:`dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}`},i("button",{name:this.text_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),i("span",null,"Page ",this.current_page," of ",this.total_pages),i("button",{name:this.text_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"text-pages":return i("div",{class:`dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}`},i("button",{name:this.text_pages_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),this.renderPageButtons(),i("button",{name:this.text_pages_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"button-text":return i("div",{class:`dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}`},i("button",{name:this.button_text_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),this.renderPageButtons(),i("button",{name:this.button_text_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"buttons-pages":return i("div",{class:`dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}`},i("button",{name:this.buttons_pages_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),i("button",{name:this.buttons_pages_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"full":return i("div",{class:`dda-pagination dda-pagination-full ${this.custom_class} ${this.component_mode}`},this.renderPageButtons())}}renderPageButtons(){const a=[];for(let t=1;t<=this.total_pages;t++){a.push(i("button",{class:t===this.current_page?"active":"",onClick:()=>this.setcurrentpage(t)},t))}return a}setcurrentpage(a){if(a>=1&&a<=this.total_pages){console.log("Pagination button clicked, page:",a,this.paginateClick);this.current_page=a;this.paginateClick.emit(a)}}render(){return i(n,{key:"4bb34d20275c1a55a5a79c8209bd716d05665583"},i("div",{key:"f51201134ff25ab3718353b7b6f39535146beb24",class:`dda-pagination-container`},this.renderPagination()))}static get watchers(){return{total_pages:["validateTotalPages"],current_page:["validateCurrentPage"]}}};e.style=d;export{e as dda_pagination};
-//# sourceMappingURL=p-ba90f4be.entry.js.map

package/www/build/p-ba90f4be.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaPaginationCss","DdaPaginationStyle0","DdaPagination","constructor","hostRef","this","total_pages","current_page","type","custom_class","validateTotalPages","newValue","validateCurrentPage","componentWillLoad","renderPagination","h","class","component_mode","name","simple_slider_prev_button","disabled","onClick","setcurrentpage","simple_slider_next_button","buttons_prev_button","renderPageButtons","buttons_next_button","text_prev_button","text_next_button","text_pages_prev_button","text_pages_next_button","button_text_prev_button","button_text_next_button","buttons_pages_prev_button","buttons_pages_next_button","buttons","i","push","page","console","log","paginateClick","emit","render","Host","key"],"sources":["src/components/dda-pagination/dda-pagination.css?tag=dda-pagination","src/components/dda-pagination/dda-pagination.tsx"],"sourcesContent":[".dda-pagination-container {\r\n  min-width: 380px;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n.dda-pagination {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-pagination button {\r\n  height: 40px;\r\n  min-width: 40px;\r\n  border: transparent;\r\n  border-radius: 5px;\r\n  background-color: var(--dda-surface-100);\r\n  font-size: 16px;\r\n  color: var(--dda-on-surface-variant-30);\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.light-mode.dda-pagination button{\r\n  background-color: var(--dda-neutral-100);\r\n  color: var(--dda-neutral-variant-30);\r\n} \r\n\r\n.dda-pagination span{\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode.dda-pagination span {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-pagination-simple-slider {\r\n  width: 100%;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dda-pagination-simple-slider button {\r\n  background-color: transparent;\r\n  border: transparent;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.dda-pagination-simple-slider span {\r\n  padding: 0 20px;\r\n}\r\n\r\n.dda-pagination-buttons button {\r\n  background-color: transparent;\r\n  border: transparent;\r\n  display: inline-flex;\r\n  gap: 10px;\r\n}\r\n\r\n.dda-pagination-buttons button.active {\r\n  background-color: transparent;\r\n  color: var(--dda-color-primary-40)\r\n}\r\n.light-mode.dda-pagination-buttons button.active {\r\n  color: var(--dda-primary-40)\r\n}\r\n\r\n.dda-pagination-text {\r\n  width: 100%;\r\n  justify-content: space-between;\r\n}\r\n.dda-pagination-text button{\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-pagination-text-pages {\r\n  width: 100%;\r\n  justify-content: space-between;\r\n  gap: 8px;\r\n}\r\n.dda-pagination-text-pages button{\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-pagination-text-pages button.active {\r\n  background-color: var(--dda-color-primary-40);\r\n  color: var(--dda-surface-100)\r\n}\r\n.light-mode.dda-pagination-text-pages button.active {\r\n  background-color: var(--dda-primary-40);\r\n  color: var(--dda-neutral-100)\r\n}\r\n.dda-pagination-button-text {\r\n  width: 100%;\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n\r\n.dda-pagination-button-text button {\r\n  min-width: 50px;\r\n  border: 0px;\r\n  border-right: solid 1px var(--dda-neutral-90);\r\n  border-top: solid 1px var(--dda-neutral-90);\r\n  border-bottom: solid 1px var(--dda-neutral-90);\r\n  border-radius: 0px;\r\n}\r\n\r\n.dda-pagination-button-text button.active {\r\n  color: var(--dda-color-primary-40);\r\n  font-weight: var(--dda-fw-700);\r\n}\r\n.light-mode.dda-pagination-button-text button.active {\r\n  color: var(--dda-primary-40);\r\n}\r\n.dda-pagination-button-text button.prev {\r\n  border-left: solid 1px var(--dda-neutral-90);\r\n  border-radius: 5px 0 0 5px;\r\n}\r\n\r\n.dda-pagination-button-text button.next {\r\n  border-radius: 0 5px 5px 0;\r\n}\r\n.dda-pagination-buttons-pages{\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-pagination-buttons-pages button {\r\n  border: 0px;\r\n  border-right: solid 1px var(--dda-neutral-90);\r\n  border-top: solid 1px var(--dda-neutral-90);\r\n  border-bottom: solid 1px var(--dda-neutral-90);\r\n  border-radius: 0px;\r\n}\r\n\r\n.dda-pagination-buttons-pages button.prev {\r\n  border-left: solid 1px var(--dda-neutral-90);\r\n  border-radius: 5px 0 0 5px;\r\n}\r\n\r\n.dda-pagination-buttons-pages button.next {\r\n  border-radius: 0 5px 5px 0;\r\n}\r\n\r\n.dda-pagination-full {\r\n  gap: 8px;\r\n}\r\n\r\n.dda-pagination-full button {\r\n  min-width: auto;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 10px;\r\n  padding: 0px;\r\n  overflow: hidden;\r\n  text-indent: -100px;\r\n  border: solid 1px var(--dda-surface-90);\r\n}\r\n.light-mode.dda-pagination-full button{\r\n  border: solid 1px var(--dda-neutral-90);\r\n}\r\n.dda-pagination-full button.active {\r\n  background-color: var(--dda-color-primary-40);\r\n  border: transparent;\r\n}\r\n.light-mode.dda-pagination-full button.active {\r\n  background-color: var(--dda-primary-40);\r\n}","import { Event, EventEmitter } from '@stencil/core';\r\nimport { Component, Prop, h, Host, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-pagination',\r\n  styleUrls: ['dda-pagination.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaPagination {\r\n  @Prop() total_pages: number = 8;\r\n  @Prop({ mutable: true }) current_page: number = 1;\r\n  @Prop() type: 'simple-slider' | 'buttons' | 'text' | 'text-pages' | 'button-text' | 'buttons-pages' | 'full' = 'simple-slider';\r\n  @Prop() custom_class: string = '';\r\n  @Prop() component_mode?: string; \r\n  @Prop() simple_slider_prev_button: string;\r\n  @Prop() simple_slider_next_button: string;\r\n  @Prop() buttons_prev_button: string;\r\n  @Prop() buttons_next_button: string;\r\n  @Prop() text_prev_button: string;\r\n  @Prop() text_next_button: string;\r\n  @Prop() text_pages_prev_button: string;\r\n  @Prop() text_pages_next_button: string;\r\n  @Prop() button_text_prev_button: string;\r\n  @Prop() button_text_next_button: string;\r\n  @Prop() buttons_pages_prev_button: string;\r\n  @Prop() buttons_pages_next_button: string;\r\n  @Prop() buttons_pages_id: string;\r\n  @Event() paginateClick?: EventEmitter<number>;\r\n\r\n  @Watch('total_pages')\r\n  validateTotalPages(newValue: number) {\r\n    if (newValue < 1) {\r\n      this.total_pages = 1;\r\n    }\r\n  }\r\n\r\n  @Watch('current_page')\r\n  validateCurrentPage(newValue: number) {\r\n    if (newValue < 1) {\r\n      this.current_page = 1;\r\n    } else if (newValue > this.total_pages) {\r\n      this.current_page = this.total_pages;\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.validateTotalPages(this.total_pages);\r\n    this.validateCurrentPage(this.current_page);\r\n  }\r\n\r\n  private renderPagination() {\r\n    switch (this.type) {\r\n      case 'simple-slider':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.simple_slider_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i> Prev\r\n            </button>\r\n            <span>Page {this.current_page} of {this.total_pages}</span>\r\n            <button\r\n              name={this.simple_slider_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              Next <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'buttons':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.buttons_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i> Prev\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.buttons_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              Next <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'text':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.text_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            <span>Page {this.current_page} of {this.total_pages}</span>\r\n            <button\r\n              name={this.text_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'text-pages':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.text_pages_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.text_pages_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'button-text':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.button_text_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.button_text_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'buttons-pages':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.buttons_pages_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            <button\r\n              name={this.buttons_pages_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'full':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-full ${this.custom_class} ${this.component_mode}`}>\r\n            {this.renderPageButtons()}\r\n          </div>\r\n        );\r\n    }\r\n  }\r\n\r\n  private renderPageButtons() {\r\n    const buttons = [];\r\n    for (let i = 1; i <= this.total_pages; i++) {\r\n      buttons.push(\r\n        <button\r\n          class={i === this.current_page ? 'active' : ''}\r\n          onClick={() => this.setcurrentpage(i)}\r\n        >\r\n          {i}\r\n        </button>\r\n      );\r\n    }\r\n    return buttons;\r\n  }\r\n\r\n  private setcurrentpage(page: number) {\r\n    if (page >= 1 && page <= this.total_pages) {\r\n      console.log('Pagination button clicked, page:', page, this.paginateClick);  // <-- Log here\r\n      this.current_page = page;\r\n      this.paginateClick.emit(page)\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-pagination-container`}>\r\n          {this.renderPagination()}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-bd0d09ff.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as t,g as e}from"./p-1b339a0a.js";const s=".dda-slider-container{position:relative;width:100%;background-color:#fff;box-shadow:0 0 20px rgba(0, 0, 0, 0.1);overflow:hidden;border-radius:8px}.dda-slider{position:relative;width:100%;height:450px}.dda-slide{position:absolute;width:100%;height:100%;opacity:0;display:flex;justify-content:center;align-items:center}.dda-slide.active{opacity:1;z-index:1}.dda-slide img{width:100%;height:100%;object-fit:cover}.dda-slide video{width:100%;height:100%;object-fit:cover}.dda-video-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:5;background-color:rgba(0, 0, 0, 0.2)}.dda-video-play-overlay svg{width:64px;height:64px;}.dda-video-play-overlay:hover svg{transform:scale(1.2)}.dda-slider-controls-container{display:flex;justify-content:center;align-items:center;width:100%;padding:15px}.dda-slider-prev,.dda-slider-next{background-color:rgba(255, 255, 255, 0.2);color:black;padding:10px 15px;cursor:pointer;font-size:18px;border:none;border-radius:5px;z-index:2}.dda-slider-prev:hover,.dda-slider-next:hover{background-color:rgba(255, 255, 255, 0.4)}.dda-slider-indicator-container{display:flex;justify-content:center}.dda-slider-indicator{width:24px;height:24px;margin:0 5px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.dda-slider-indicator svg{width:24px;height:24px;display:block}.dda-slider-timer-circle{stroke-dasharray:63;stroke-dashoffset:63;}.dda-slider-play-icon,.dda-slider-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px}.dda-slider-play-pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2}@media (prefers-reduced-motion: no-preference){.dda-slide{transition:opacity 0.5s ease-in-out}.dda-video-play-overlay svg{transition:transform 0.3s ease}.dda-slider-prev,.dda-slider-next{transition:background-color 0.3s}.dda-slider-indicator{transition:all 0.3s}.dda-slider-timer-circle{transition:none}}";const d=s;const o=class{constructor(t){i(this,t);this.slides=[];this.interval=5e3;this.autoplay=true;this.currentSlide=0;this.isPaused=false;this.videoElements=[];this.playIcon=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="play-icon">\n    <polygon points="10,8 16,12 10,16" fill="white" stroke="white" stroke-width="1"/>\n  </svg>`;this.pauseIcon=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="pause-icon">\n    <rect x="9" y="8" width="2" height="8" fill="white" stroke="white" stroke-width="0"/>\n    <rect x="13" y="8" width="2" height="8" fill="white" stroke="white" stroke-width="0"/>\n  </svg>`;this.svgIndicators={inactive:`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="12" cy="12" r="10" fill="#ccc" stroke="#ccc" stroke-width="2"/>\n    </svg>`,active:(i,t)=>`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="12" cy="12" r="10" fill="#ccc" stroke="#ccc" stroke-width="4"/>\n      ${!t?`<circle cx="12" cy="12" r="10" class="dda-slider-timer-circle" fill="none" stroke="white" stroke-width="2" \n              stroke-dasharray="63" stroke-dashoffset="63" transform="rotate(-90 12 12)"/>`:""}\n      ${i?this.playIcon:this.pauseIcon}\n    </svg>`};this.prevSlide=()=>{this.goToSlide(this.currentSlide-1)};this.nextSlide=()=>{this.goToSlide(this.currentSlide+1)};this.handleIndicatorClick=i=>{this.goToSlide(i)};this.togglePlayPause=i=>{var t;i.stopPropagation();this.isPaused=!this.isPaused;const e=(t=this.slides[this.currentSlide])===null||t===void 0?void 0:t.type;if(e==="video"){const i=this.videoElements[this.currentSlide];if(i){if(this.isPaused){i.pause()}else{const t=i.play();if(t!==undefined){t.catch((t=>{console.error("Error toggling video play:",t);this.isPaused=true;this.createPlayButtonOverlay(i)}))}}}}if(this.isPaused){this.resetTimer();const i=this.el.shadowRoot.querySelector(".dda-slider-indicator.active");if(i){const t=i.querySelector("div");if(t){t.innerHTML=this.svgIndicators.active(this.isPaused,e==="video")}}}else{const i=this.el.shadowRoot.querySelector(".dda-slider-indicator.active");if(i){const t=i.querySelector("div");if(t){t.innerHTML=this.svgIndicators.active(this.isPaused,e==="video")}}if(e==="image"){this.startTimer()}}}}componentDidLoad(){setTimeout((()=>{var i;this.slides.forEach(((i,t)=>{if(i.type==="video"){const i=this.el.shadowRoot.querySelector(`.dda-slide[data-index="${t}"] video`);if(i){this.videoElements[t]=i;i.addEventListener("ended",(()=>{if(this.currentSlide===t){this.nextSlide()}}))}}}));if(((i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type)==="video"){const i=this.videoElements[this.currentSlide];if(i&&!this.isPaused){i.play().catch((i=>console.warn("Initial video play failed, may need user interaction:",i)))}}if(this.autoplay&&!this.isPaused){this.startTimer()}}),100)}disconnectedCallback(){this.resetTimer();this.videoElements.forEach((i=>{if(i){i.removeEventListener("ended",this.nextSlide)}}))}watchCurrentSlide(){var i;this.handleVideoPlayback();const t=((i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type)||"image";if(this.autoplay&&!this.isPaused&&t==="image"){setTimeout((()=>{this.resetTimer();this.startTimer()}),50)}}handleVideoPlayback(){var i;this.videoElements.forEach((i=>{if(i){i.pause()}}));const t=(i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type;if(t==="video"&&!this.isPaused){const i=this.videoElements[this.currentSlide];if(i){if(i.readyState>=2){i.currentTime=0;const t=i.play();if(t!==undefined){t.catch((t=>{console.error("Error playing video:",t);this.createPlayButtonOverlay(i)}))}}else{i.addEventListener("canplay",(()=>{if(this.currentSlide===this.slides.indexOf(this.slides[this.currentSlide])&&!this.isPaused){i.play().catch((i=>console.error("Error playing video on canplay:",i)))}}),{once:true})}}}}createPlayButtonOverlay(i){const t=document.createElement("div");t.className="dda-video-play-overlay";t.innerHTML=`\n      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="48" height="48">\n        <circle cx="12" cy="12" r="10" fill="rgba(0,0,0,0.5)" />\n        <polygon points="10,8 16,12 10,16" fill="white" />\n      </svg>\n    `;const e=i.parentElement;if(e){e.style.position="relative";e.appendChild(t);t.addEventListener("click",(()=>{i.play().then((()=>{t.remove()})).catch((i=>console.error("Play from overlay failed:",i)))}))}}startTimer(){var i;if(this.isPaused)return;this.resetTimer();const t=(i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type;if(t==="video")return;requestAnimationFrame((()=>{const i=this.el.shadowRoot.querySelector(".dda-slider-indicator.active .dda-slider-timer-circle");if(i){i.style.transition="none";i.style.strokeDashoffset="63";void i.getBoundingClientRect();setTimeout((()=>{if(!this.isPaused){i.style.transition=`stroke-dashoffset ${this.interval}ms linear`;i.style.strokeDashoffset="0"}}),20)}}));this.slideInterval=window.setInterval((()=>{if(!this.isPaused){this.nextSlide()}}),this.interval)}resetTimer(){if(this.slideInterval){window.clearInterval(this.slideInterval);this.slideInterval=null}const i=this.el.shadowRoot.querySelectorAll(".dda-slider-timer-circle");i.forEach((i=>{i.style.transition="none";i.style.strokeDashoffset="63"}))}goToSlide(i){this.currentSlide=i;if(this.currentSlide<0){this.currentSlide=this.slides.length-1}else if(this.currentSlide>=this.slides.length){this.currentSlide=0}}render(){return t("div",{key:"c913cd71be462a1c4f312570db0fe99dab591a97",class:"dda-slider-container"},t("div",{key:"0fc9861bffb8e4bb74bd79350b75d635838a4fc2",class:"dda-slider"},this.slides.map(((i,e)=>t("div",{class:`dda-slide ${e===this.currentSlide?"active":""}`,"data-index":e},i.type==="image"?t("img",{src:i.url,alt:`Slide ${e+1}`}):t("video",{src:i.url,controls:false,playsInline:true,preload:"auto",muted:false}))))),t("div",{key:"5dc1aebec849a521a75b7caa971b5e54182369c9",class:"dda-slider-controls-container"},t("button",{key:"dfe66b5522ae27085bd48f3f83a336bdc64250a5",class:"dda-slider-prev",onClick:this.prevSlide},"❮"),t("div",{key:"99e06b7a61e2ec5f6848bee62c8b727b96e4eb32",class:"dda-slider-indicator-container"},this.slides.map(((i,e)=>t("div",{class:`dda-slider-indicator ${e===this.currentSlide?"active":""}`,onClick:()=>this.handleIndicatorClick(e)},t("div",{innerHTML:e===this.currentSlide?this.svgIndicators.active(this.isPaused,i.type==="video"):this.svgIndicators.inactive}),e===this.currentSlide&&t("div",{class:"dda-slider-play-pause-overlay",onClick:this.togglePlayPause}))))),t("button",{key:"a3c550c247c8c4c1362182daef81944f9c9682c2",class:"dda-slider-next",onClick:this.nextSlide},"❯")))}get el(){return e(this)}static get watchers(){return{currentSlide:["watchCurrentSlide"]}}};o.style=d;export{o as dda_slider};
-//# sourceMappingURL=p-bd0d09ff.entry.js.map

package/www/build/p-bd0d09ff.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaSliderCss","DdaSliderStyle0","DDASlider","constructor","hostRef","this","slides","interval","autoplay","currentSlide","isPaused","videoElements","playIcon","pauseIcon","svgIndicators","inactive","active","isVideo","prevSlide","goToSlide","nextSlide","handleIndicatorClick","index","togglePlayPause","event","stopPropagation","currentSlideType","_a","type","currentVideo","pause","playPromise","play","undefined","catch","error","console","createPlayButtonOverlay","resetTimer","activeIndicator","el","shadowRoot","querySelector","svgContainer","innerHTML","startTimer","componentDidLoad","setTimeout","forEach","slide","videoEl","addEventListener","warn","disconnectedCallback","video","removeEventListener","watchCurrentSlide","handleVideoPlayback","readyState","currentTime","indexOf","once","videoElement","overlay","document","createElement","className","videoContainer","parentElement","style","position","appendChild","then","remove","requestAnimationFrame","timerCircle","transition","strokeDashoffset","getBoundingClientRect","slideInterval","window","setInterval","clearInterval","timerCircles","querySelectorAll","circle","length","render","h","key","class","map","src","url","alt","controls","playsInline","preload","muted","onClick"],"sources":["src/components/dda-slider/dda-slider.css?tag=dda-slider&encapsulation=shadow","src/components/dda-slider/dda-slider.tsx"],"sourcesContent":[".dda-slider-container {\r\n  position: relative;\r\n  width: 100%;\r\n  background-color: #fff;\r\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  border-radius: 8px;\r\n}\r\n\r\n.dda-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 450px;\r\n}\r\n\r\n.dda-slide {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  /* transition: opacity 0.5s ease-in-out; */\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.dda-slide.active {\r\n  opacity: 1;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.dda-slide video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.dda-video-play-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  z-index: 5;\r\n  background-color: rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.dda-video-play-overlay svg {\r\n  width: 64px;\r\n  height: 64px;\r\n  /* transition: transform 0.3s ease; */\r\n}\r\n\r\n.dda-video-play-overlay:hover svg {\r\n  transform: scale(1.2);\r\n}\r\n\r\n.dda-slider-controls-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 15px;\r\n}\r\n\r\n.dda-slider-prev, .dda-slider-next {\r\n  background-color: rgba(255, 255, 255, 0.2);\r\n  color: black;\r\n  padding: 10px 15px;\r\n  cursor: pointer;\r\n  font-size: 18px;\r\n  border: none;\r\n  border-radius: 5px;\r\n  /* transition: background-color 0.3s; */\r\n  z-index: 2;\r\n}\r\n\r\n.dda-slider-prev:hover, .dda-slider-next:hover {\r\n  background-color: rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.dda-slider-indicator-container {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.dda-slider-indicator {\r\n  width: 24px;\r\n  height: 24px;\r\n  margin: 0 5px;\r\n  cursor: pointer;\r\n  /* transition: all 0.3s; */\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.dda-slider-indicator svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  display: block;\r\n}\r\n\r\n.dda-slider-timer-circle {\r\n  stroke-dasharray: 63;\r\n  stroke-dashoffset: 63;\r\n  /* transition: none; */\r\n}\r\n\r\n.dda-slider-play-icon, .dda-slider-pause-icon {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n\r\n.dda-slider-play-pause-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  cursor: pointer;\r\n  z-index: 2;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-slide {\r\n    transition: opacity 0.5s ease-in-out;\r\n  }\r\n  .dda-video-play-overlay svg {\r\n  transition: transform 0.3s ease;\r\n  }\r\n  .dda-slider-prev, .dda-slider-next {\r\n    transition: background-color 0.3s;\r\n  }\r\n  .dda-slider-indicator {\r\n    transition: all 0.3s;\r\n  }\r\n  .dda-slider-timer-circle {\r\n    transition: none;\r\n  }\r\n}","import { Component, Prop, h, State, Watch, Element } from '@stencil/core';\r\n\r\nexport interface SlideData {\r\n  url: string;\r\n  type: 'image' | 'video';\r\n}\r\n\r\n@Component({\r\n  tag: 'dda-slider',\r\n  styleUrl: 'dda-slider.css',\r\n  shadow: true\r\n})\r\nexport class DDASlider {\r\n  @Element() el: HTMLElement;\r\n  @Prop() slides: SlideData[] = [];\r\n  @Prop() interval: number = 5000;\r\n  @Prop() autoplay: boolean = true;\r\n  @State() currentSlide: number = 0;\r\n  @State() isPaused: boolean = false;\r\n  \r\n  private slideInterval: number;\r\n  private videoElements: HTMLVideoElement[] = [];\r\n  \r\n  private playIcon = `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"play-icon\">\r\n    <polygon points=\"10,8 16,12 10,16\" fill=\"white\" stroke=\"white\" stroke-width=\"1\"/>\r\n  </svg>`;\r\n  \r\n  private pauseIcon = `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pause-icon\">\r\n    <rect x=\"9\" y=\"8\" width=\"2\" height=\"8\" fill=\"white\" stroke=\"white\" stroke-width=\"0\"/>\r\n    <rect x=\"13\" y=\"8\" width=\"2\" height=\"8\" fill=\"white\" stroke=\"white\" stroke-width=\"0\"/>\r\n  </svg>`;\r\n  \r\n  private svgIndicators = {\r\n    inactive: `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#ccc\" stroke=\"#ccc\" stroke-width=\"2\"/>\r\n    </svg>`,\r\n    active: (isPaused: boolean, isVideo: boolean) => `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#ccc\" stroke=\"#ccc\" stroke-width=\"4\"/>\r\n      ${!isVideo ? `<circle cx=\"12\" cy=\"12\" r=\"10\" class=\"dda-slider-timer-circle\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" \r\n              stroke-dasharray=\"63\" stroke-dashoffset=\"63\" transform=\"rotate(-90 12 12)\"/>` : ''}\r\n      ${isPaused ? this.playIcon : this.pauseIcon}\r\n    </svg>`\r\n  }; \r\n  \r\n  componentDidLoad() {\r\n    setTimeout(() => {\r\n      this.slides.forEach((slide, index) => {\r\n        if (slide.type === 'video') {\r\n          const videoEl = this.el.shadowRoot.querySelector(`.dda-slide[data-index=\"${index}\"] video`) as HTMLVideoElement;\r\n          if (videoEl) {\r\n            this.videoElements[index] = videoEl;\r\n            \r\n            videoEl.addEventListener('ended', () => {\r\n              if (this.currentSlide === index) {\r\n                this.nextSlide();\r\n              }\r\n            });\r\n          }\r\n        }\r\n      });\r\n      \r\n      if (this.slides[this.currentSlide]?.type === 'video') {\r\n        const currentVideo = this.videoElements[this.currentSlide];\r\n        if (currentVideo && !this.isPaused) {\r\n          currentVideo.play()\r\n            .catch(error => console.warn('Initial video play failed, may need user interaction:', error));\r\n        }\r\n      }\r\n      \r\n      if (this.autoplay && !this.isPaused) {\r\n        this.startTimer();\r\n      }\r\n    }, 100);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.resetTimer();\r\n    \r\n    this.videoElements.forEach(video => {\r\n      if (video) {\r\n        video.removeEventListener('ended', this.nextSlide);\r\n      }\r\n    });\r\n  }\r\n  \r\n  @Watch('currentSlide')\r\n  watchCurrentSlide() {\r\n    this.handleVideoPlayback();\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type || 'image';\r\n    if (this.autoplay && !this.isPaused && currentSlideType === 'image') {\r\n      setTimeout(() => {\r\n        this.resetTimer();\r\n        this.startTimer();\r\n      }, 50);\r\n    }\r\n  }\r\n  \r\n  private handleVideoPlayback() {\r\n    this.videoElements.forEach(videoEl => {\r\n      if (videoEl) {\r\n        videoEl.pause();\r\n      }\r\n    });\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video' && !this.isPaused) {\r\n      const currentVideo = this.videoElements[this.currentSlide];\r\n      if (currentVideo) {\r\n        if (currentVideo.readyState >= 2) {\r\n          currentVideo.currentTime = 0;\r\n          const playPromise = currentVideo.play();\r\n          if (playPromise !== undefined) {\r\n            playPromise.catch(error => {\r\n              console.error('Error playing video:', error);\r\n              this.createPlayButtonOverlay(currentVideo);\r\n            });\r\n          }\r\n        } else {\r\n          currentVideo.addEventListener('canplay', () => {\r\n            if (this.currentSlide === this.slides.indexOf(this.slides[this.currentSlide]) && !this.isPaused) {\r\n              currentVideo.play().catch(error => console.error('Error playing video on canplay:', error));\r\n            }\r\n          }, { once: true });\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  private createPlayButtonOverlay(videoElement: HTMLVideoElement) {\r\n    const overlay = document.createElement('div');\r\n    overlay.className = 'dda-video-play-overlay';\r\n    overlay.innerHTML = `\r\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"rgba(0,0,0,0.5)\" />\r\n        <polygon points=\"10,8 16,12 10,16\" fill=\"white\" />\r\n      </svg>\r\n    `;\r\n    \r\n    const videoContainer = videoElement.parentElement;\r\n    if (videoContainer) {\r\n      videoContainer.style.position = 'relative';\r\n      videoContainer.appendChild(overlay);\r\n      \r\n      overlay.addEventListener('click', () => {\r\n        videoElement.play()\r\n          .then(() => {\r\n            overlay.remove();\r\n          })\r\n          .catch(error => console.error('Play from overlay failed:', error));\r\n      });\r\n    }\r\n  }\r\n  \r\n  private startTimer() {\r\n    if (this.isPaused) return;\r\n    this.resetTimer();\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video') return;\r\n    \r\n    requestAnimationFrame(() => {\r\n      const timerCircle = this.el.shadowRoot.querySelector('.dda-slider-indicator.active .dda-slider-timer-circle') as SVGCircleElement;\r\n      \r\n      if (timerCircle) {\r\n        timerCircle.style.transition = 'none';\r\n        timerCircle.style.strokeDashoffset = '63';\r\n        \r\n        void timerCircle.getBoundingClientRect();\r\n        \r\n        setTimeout(() => {\r\n          if (!this.isPaused) {\r\n            timerCircle.style.transition = `stroke-dashoffset ${this.interval}ms linear`;\r\n            timerCircle.style.strokeDashoffset = '0';\r\n          }\r\n        }, 20);\r\n      }\r\n    });\r\n    \r\n    this.slideInterval = window.setInterval(() => {\r\n      if (!this.isPaused) {\r\n        this.nextSlide();\r\n      }\r\n    }, this.interval);\r\n  }\r\n  \r\n  private resetTimer() {\r\n    if (this.slideInterval) {\r\n      window.clearInterval(this.slideInterval);\r\n      this.slideInterval = null;\r\n    }\r\n    \r\n    const timerCircles = this.el.shadowRoot.querySelectorAll('.dda-slider-timer-circle');\r\n    timerCircles.forEach(circle => {\r\n      (circle as SVGCircleElement).style.transition = 'none';\r\n      (circle as SVGCircleElement).style.strokeDashoffset = '63';\r\n    });\r\n  }\r\n  \r\n  private goToSlide(index: number) {\r\n    this.currentSlide = index;\r\n    if (this.currentSlide < 0) {\r\n      this.currentSlide = this.slides.length - 1;\r\n    } else if (this.currentSlide >= this.slides.length) {\r\n      this.currentSlide = 0;\r\n    }\r\n  }\r\n  \r\n  private prevSlide = () => {\r\n    this.goToSlide(this.currentSlide - 1);\r\n  }\r\n  \r\n  private nextSlide = () => {\r\n    this.goToSlide(this.currentSlide + 1);\r\n  }\r\n  \r\n  private handleIndicatorClick = (index: number) => {\r\n    this.goToSlide(index);\r\n  }\r\n  \r\n  private togglePlayPause = (event: Event) => {\r\n    event.stopPropagation();\r\n    \r\n    this.isPaused = !this.isPaused;\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video') {\r\n      const currentVideo = this.videoElements[this.currentSlide];\r\n      if (currentVideo) {\r\n        if (this.isPaused) {\r\n          currentVideo.pause();\r\n        } else {\r\n          const playPromise = currentVideo.play();\r\n          if (playPromise !== undefined) {\r\n            playPromise.catch(error => {\r\n              console.error('Error toggling video play:', error);\r\n              this.isPaused = true;\r\n              this.createPlayButtonOverlay(currentVideo);\r\n            });\r\n          }\r\n        }\r\n      }\r\n    }\r\n    \r\n    if (this.isPaused) {\r\n      this.resetTimer();\r\n      \r\n      const activeIndicator = this.el.shadowRoot.querySelector('.dda-slider-indicator.active');\r\n      if (activeIndicator) {\r\n        const svgContainer = activeIndicator.querySelector('div');\r\n        if (svgContainer) {\r\n          svgContainer.innerHTML = this.svgIndicators.active(this.isPaused, currentSlideType === 'video');\r\n        }\r\n      }\r\n    } else {\r\n      const activeIndicator = this.el.shadowRoot.querySelector('.dda-slider-indicator.active');\r\n      if (activeIndicator) {\r\n        const svgContainer = activeIndicator.querySelector('div');\r\n        if (svgContainer) {\r\n          svgContainer.innerHTML = this.svgIndicators.active(this.isPaused, currentSlideType === 'video');\r\n        }\r\n      }\r\n      \r\n      if (currentSlideType === 'image') {\r\n        this.startTimer();\r\n      }\r\n    }\r\n  }\r\n  \r\n  render() {\r\n    return (\r\n      <div class=\"dda-slider-container\">\r\n        <div class=\"dda-slider\">\r\n          {this.slides.map((slide, index) => (\r\n            <div class={`dda-slide ${index === this.currentSlide ? 'active' : ''}`} data-index={index}>\r\n              {slide.type === 'image' ? (\r\n                <img src={slide.url} alt={`Slide ${index + 1}`} />\r\n              ) : (\r\n                <video \r\n                  src={slide.url} \r\n                  controls={false}\r\n                  playsInline={true}\r\n                  preload=\"auto\"\r\n                  muted={false}\r\n                />\r\n              )}\r\n            </div>\r\n          ))}\r\n        </div>\r\n        \r\n        <div class=\"dda-slider-controls-container\">\r\n          <button class=\"dda-slider-prev\" onClick={this.prevSlide}>\r\n            &#10094;\r\n          </button>\r\n          \r\n          <div class=\"dda-slider-indicator-container\">\r\n            {this.slides.map((slide, index) => (\r\n              <div \r\n                class={`dda-slider-indicator ${index === this.currentSlide ? 'active' : ''}`}\r\n                onClick={() => this.handleIndicatorClick(index)}\r\n              >\r\n                <div innerHTML={index === this.currentSlide ? \r\n                  this.svgIndicators.active(this.isPaused, slide.type === 'video') : \r\n                  this.svgIndicators.inactive}>\r\n                </div>\r\n                {index === this.currentSlide && \r\n                  <div class=\"dda-slider-play-pause-overlay\" onClick={this.togglePlayPause}></div>\r\n                }\r\n              </div>\r\n            ))}\r\n          </div>\r\n          \r\n          <button class=\"dda-slider-next\" onClick={this.nextSlide}>\r\n            &#10095;\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"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","ignoreList":[]}

package/www/build/p-c766ae47.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as e}from"./p-1b339a0a.js";const h=class{constructor(s){t(this,s);this.ddaLinkClick=i(this,"ddaLinkClick",7);this.disabled=false;this.start_icon="";this.link_button_text="";this.link_button_title="";this.end_icon="";this.aria_label="";this.button_color="primary";this.button_shape="";this.icon_button_shape="";this.custom_class="";this.href="#";this.target="";this.rel="noopener noreferrer";this.handleClick=t=>{if(this.disabled){t.preventDefault();t.stopPropagation();t.stopImmediatePropagation();return false}this.ddaLinkClick.emit(t);if(this.clickHandler){this.clickHandler(t)}}}render(){const t=["dda-btn",`btn-color-${this.button_color}`,this.size?`btn-size-${this.size}`:"",this.button_shape?`btn-shape-${this.button_shape}`:"",this.icon_button_shape?`icon-btn-${this.icon_button_shape}`:"",this.gap?`dda-gap-${this.gap}`:"",this.disabled?"disabled":"",this.custom_class,this.component_mode].filter(Boolean).join(" ");const i=this.aria_label||this.link_button_text||"Link button";const h=this.target;const a=this.target==="_blank"?"noopener noreferrer":this.rel;return s(e,{key:"f3c12526f6fa0fd49d1d11a2406f69826da41003"},s("a",{key:"65b66870f9683c276b3e20d8b8c20c817696d3fe",id:this.button_id,target:h,rel:a,"data-fancybox":this.data_fancybox,title:this.link_button_title,href:this.disabled?undefined:this.href,class:t,"aria-label":i,"aria-disabled":this.disabled?"true":undefined,tabindex:this.disabled?-1:undefined,onClick:this.handleClick,onKeyDown:t=>{if(this.disabled&&(t.key==="Enter"||t.key===" ")){t.preventDefault();t.stopPropagation();t.stopImmediatePropagation();return false}},style:this.disabled?{pointerEvents:"none",cursor:"not-allowed"}:{}},this.start_icon&&s("i",{key:"553ef0895f08aab5e94e91f6dd51bc45a985298b",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.start_icon),this.link_button_text,this.end_icon&&s("i",{key:"fd191ba6612d3c5cf4b8382182d20950d5361ca3",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.end_icon)))}};export{h as dda_link_button};
-//# sourceMappingURL=p-c766ae47.entry.js.map

package/www/build/p-c766ae47.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaLinkButton","constructor","hostRef","this","disabled","start_icon","link_button_text","link_button_title","end_icon","aria_label","button_color","button_shape","icon_button_shape","custom_class","href","target","rel","handleClick","event","preventDefault","stopPropagation","stopImmediatePropagation","ddaLinkClick","emit","clickHandler","render","linkbuttonClass","size","gap","component_mode","filter","Boolean","join","ariaLabel","linkTarget","linkRel","h","Host","key","id","button_id","data_fancybox","title","undefined","class","tabindex","onClick","onKeyDown","style","pointerEvents","cursor"],"sources":["src/components/dda-link-button/dda-link-button.tsx"],"sourcesContent":["import { Host, Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-link-button',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaLinkButton {\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() start_icon: string = '';\r\n  @Prop() link_button_text: string = '';\r\n  @Prop() link_button_title: string = '';\r\n  @Prop() end_icon: string = '';\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_color: string = 'primary';\r\n  @Prop() size?: string;\r\n  @Prop() button_shape?: string = '';\r\n  @Prop() icon_button_shape?: string = '';\r\n  @Prop() gap?: number;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() href?: string = '#';\r\n  @Prop() component_mode?: string; \r\n  @Prop() button_id: string;\r\n  @Prop() target?: string = '';\r\n  @Prop() rel?: string = 'noopener noreferrer';\r\n  @Prop() data_fancybox?: string;\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n  // Add event emitter for better integration\r\n  @Event() ddaLinkClick: EventEmitter<MouseEvent>;\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    // Block all click events when disabled\r\n    if (this.disabled) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      event.stopImmediatePropagation();\r\n      return false;\r\n    }\r\n\r\n    // Emit custom event for parent components\r\n    this.ddaLinkClick.emit(event);\r\n\r\n    // Call custom click handler if provided\r\n    if (this.clickHandler) {\r\n      this.clickHandler(event);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const linkbuttonClass = [\r\n      'dda-btn',\r\n      `btn-color-${this.button_color}`,\r\n      this.size ? `btn-size-${this.size}` : '',\r\n      this.button_shape ? `btn-shape-${this.button_shape}` : '',\r\n      this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n      this.gap ? `dda-gap-${this.gap}` : '',\r\n      this.disabled ? 'disabled' : '', // Add disabled class\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    // Generate aria-label if not provided\r\n    const ariaLabel = this.aria_label || this.link_button_text || 'Link button';\r\n\r\n    // Handle target security\r\n    const linkTarget = this.target;\r\n    const linkRel = this.target === '_blank' ? 'noopener noreferrer' : this.rel;\r\n\r\n    return (\r\n      <Host>\r\n        <a\r\n          id={this.button_id}\r\n          target={linkTarget}  \r\n          rel={linkRel}\r\n          data-fancybox={this.data_fancybox}\r\n          title={this.link_button_title}\r\n          href={this.disabled ? undefined : this.href} // Remove href when disabled\r\n          class={linkbuttonClass}\r\n          aria-label={ariaLabel}\r\n          aria-disabled={this.disabled ? 'true' : undefined}\r\n          tabindex={this.disabled ? -1 : undefined} // Remove from tab order when disabled\r\n          onClick={this.handleClick}\r\n          onKeyDown={(event) => {\r\n            // Block keyboard navigation when disabled\r\n            if (this.disabled && (event.key === 'Enter' || event.key === ' ')) {\r\n              event.preventDefault();\r\n              event.stopPropagation();\r\n              event.stopImmediatePropagation();\r\n              return false;\r\n            }\r\n          }}\r\n          style={this.disabled ? { pointerEvents: 'none', cursor: 'not-allowed' } : {}}\r\n        >\r\n          {this.start_icon && (\r\n            <i \r\n              class=\"material-icons material-symbols-outlined\" \r\n              aria-hidden=\"true\"\r\n            >\r\n              {this.start_icon}\r\n            </i>\r\n          )}\r\n          {this.link_button_text}\r\n          {this.end_icon && (\r\n            <i \r\n              class=\"material-icons material-symbols-outlined\" \r\n              aria-hidden=\"true\"\r\n            >\r\n              {this.end_icon}\r\n            </i>\r\n          )}\r\n        </a>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"mappings":"+DAOaA,EAAa,MAL1B,WAAAC,CAAAC,G,qDAMUC,KAAAC,SAAoB,MACpBD,KAAAE,WAAqB,GACrBF,KAAAG,iBAA2B,GAC3BH,KAAAI,kBAA4B,GAC5BJ,KAAAK,SAAmB,GACnBL,KAAAM,WAAsB,GACtBN,KAAAO,aAAuB,UAEvBP,KAAAQ,aAAwB,GACxBR,KAAAS,kBAA6B,GAE7BT,KAAAU,aAAwB,GACxBV,KAAAW,KAAgB,IAGhBX,KAAAY,OAAkB,GAClBZ,KAAAa,IAAe,sBAOfb,KAAAc,YAAeC,IAErB,GAAIf,KAAKC,SAAU,CACjBc,EAAMC,iBACND,EAAME,kBACNF,EAAMG,2BACN,OAAO,K,CAITlB,KAAKmB,aAAaC,KAAKL,GAGvB,GAAIf,KAAKqB,aAAc,CACrBrB,KAAKqB,aAAaN,E,GAItB,MAAAO,GACE,MAAMC,EAAkB,CACtB,UACA,aAAavB,KAAKO,eAClBP,KAAKwB,KAAO,YAAYxB,KAAKwB,OAAS,GACtCxB,KAAKQ,aAAe,aAAaR,KAAKQ,eAAiB,GACvDR,KAAKS,kBAAoB,YAAYT,KAAKS,oBAAsB,GAChET,KAAKyB,IAAM,WAAWzB,KAAKyB,MAAQ,GACnCzB,KAAKC,SAAW,WAAa,GAC7BD,KAAKU,aACLV,KAAK0B,gBACLC,OAAOC,SAASC,KAAK,KAGvB,MAAMC,EAAY9B,KAAKM,YAAcN,KAAKG,kBAAoB,cAG9D,MAAM4B,EAAa/B,KAAKY,OACxB,MAAMoB,EAAUhC,KAAKY,SAAW,SAAW,sBAAwBZ,KAAKa,IAExE,OACEoB,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CACEC,GAAIpC,KAAKqC,UACTzB,OAAQmB,EACRlB,IAAKmB,EAAO,gBACGhC,KAAKsC,cACpBC,MAAOvC,KAAKI,kBACZO,KAAMX,KAAKC,SAAWuC,UAAYxC,KAAKW,KACvC8B,MAAOlB,EAAe,aACVO,EAAS,gBACN9B,KAAKC,SAAW,OAASuC,UACxCE,SAAU1C,KAAKC,UAAY,EAAIuC,UAC/BG,QAAS3C,KAAKc,YACd8B,UAAY7B,IAEV,GAAIf,KAAKC,WAAac,EAAMoB,MAAQ,SAAWpB,EAAMoB,MAAQ,KAAM,CACjEpB,EAAMC,iBACND,EAAME,kBACNF,EAAMG,2BACN,OAAO,K,GAGX2B,MAAO7C,KAAKC,SAAW,CAAE6C,cAAe,OAAQC,OAAQ,eAAkB,IAEzE/C,KAAKE,YACJ+B,EAAA,KAAAE,IAAA,2CACEM,MAAM,2CAA0C,cACpC,QAEXzC,KAAKE,YAGTF,KAAKG,iBACLH,KAAKK,UACJ4B,EAAA,KAAAE,IAAA,2CACEM,MAAM,2CAA0C,cACpC,QAEXzC,KAAKK,W","ignoreList":[]}

package/www/build/p-d7434fd9.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as r,h as t,H as d,g as e}from"./p-1b339a0a.js";const i=".dda-breadcrumb{display:inline-flex;align-items:center;list-style:none;padding:0;margin:0}.dda-breadcrumb-item{display:flex;align-items:center}.dda-breadcrumb,.dda-breadcrumb-item{gap:10px}.dda-breadcrumb-item a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:var(--font-caption);gap:4px}.dda-breadcrumb-item a span{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500)}.light-mode .dda-breadcrumb-item a span{color:var(--dda-neutral-0)}.dda-breadcrumb-item i,.dda-breadcrumb-item svg{color:var(--dda-on-surface-variant-30)}.light-mode .dda-breadcrumb-item i,.light-mode .dda-breadcrumb-item svg{color:var(--dda-neutral-variant-30)}:root[dir='rtl'] .dda-breadcrumb-item>i{transform:rotate(180deg)}.dda-breadcrumb-item .separator{margin:0 8px;color:var(--dda-on-surface-variant-30)}.light-mode .dda-breadcrumb-item .separator{color:var(--dda-neutral-variant-30)}.dda-breadcrumb-item.active a span{color:var(--dda-on-surface-variant-30);font-weight:var(--dda-fw-400)}.light-mode .dda-breadcrumb-item.active a span{color:var(--dda-neutral-variant-30)}";const s=i;const c=class{constructor(t){a(this,t);this.navigatorClick=r(this,"navigatorClick",7);this.design="text";this.separator="chevron_right";this.aria_label="";this.custom_class="";this.dataBreadcrumbs="";this.useNavigator="false";this.breadcrumbs=[]}componentWillLoad(){const a=this.el.getAttribute("data-breadcrumbs");if(a){this.breadcrumbs=JSON.parse(a)}}render(){return t(d,{key:"4cf53dd9f6d34c360a7915785b197aa2b16fb300"},t("div",{key:"fe8d24e4289a9957f94cd482a0516015a0a6dd5d",class:this.component_mode},t("nav",{key:"0fa89857a63016fb9dc700aec9d1de84e90c157d","aria-label":this.aria_label,class:`${this.custom_class}`},t("ol",{key:"adc2b223eb03a4f270406360ec402028b482d99e",class:"dda-breadcrumb"},this.breadcrumbs&&this.breadcrumbs.map(((a,r)=>t("li",{class:`dda-breadcrumb-item ${r===this.breadcrumbs.length-1?"active":""}`},t("a",{href:this.useNavigator=="true"?"javascript:void(0)":a.url,onClick:()=>this.useNavigator=="true"?this.navigatorClick.emit(a.url):""},this.design!=="text"&&t("i",{class:`material-icons`,"aria-hidden":"true"},a.icon),this.design!=="icon"&&t("span",null,a.text)),r<this.breadcrumbs.length-1&&t("i",{class:`material-icons material-symbols-outlined`,"aria-hidden":"true"},this.separator))))))))}get el(){return e(this)}};c.style=s;export{c as dda_breadcrumb};
-//# sourceMappingURL=p-d7434fd9.entry.js.map

package/www/build/p-d7434fd9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaBreadcrumbCss","DdaBreadcrumbStyle0","DdaBreadcrumb","constructor","hostRef","this","design","separator","aria_label","custom_class","dataBreadcrumbs","useNavigator","breadcrumbs","componentWillLoad","breadcrumbsData","el","getAttribute","JSON","parse","render","h","Host","key","class","component_mode","map","crumb","index","length","href","url","onClick","navigatorClick","emit","icon","text"],"sources":["src/components/dda-breadcrumb/dda-breadcrumb.css?tag=dda-breadcrumb","src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"sourcesContent":[".dda-breadcrumb {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.dda-breadcrumb-item {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-breadcrumb,\r\n.dda-breadcrumb-item{\r\n  gap: 10px;\r\n}\r\n\r\n.dda-breadcrumb-item a {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-decoration: none;\r\n  font-size: var(--font-caption);\r\n  gap: 4px;\r\n}\r\n.dda-breadcrumb-item a span{\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--dda-fw-500);\r\n}\r\n.light-mode .dda-breadcrumb-item a span{\r\n  color: var(--dda-neutral-0);\r\n}\r\n/**/\r\n.dda-breadcrumb-item i,\r\n.dda-breadcrumb-item svg {\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item i,\r\n.light-mode .dda-breadcrumb-item svg {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n:root[dir='rtl'] .dda-breadcrumb-item > i{\r\n  transform: rotate(180deg);\r\n}\r\n/**/\r\n.dda-breadcrumb-item .separator {\r\n  margin: 0 8px;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item .separator {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n/**/\r\n.dda-breadcrumb-item.active a span{\r\n  color: var(--dda-on-surface-variant-30);\r\n  font-weight: var(--dda-fw-400);\r\n}\r\n.light-mode .dda-breadcrumb-item.active a span{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n","import { Component, Prop, h, Host, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-breadcrumb',\r\n  styleUrls: ['dda-breadcrumb.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n  @Prop() design: 'text' | 'icon-text' | 'icon' = 'text'; // Default to text design\r\n  @Prop() separator: 'chevron_right' | 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() dataBreadcrumbs: string = '';\r\n  @Element() el: HTMLElement;\r\n\r\n  @Event() navigatorClick?: EventEmitter<string>;\r\n  @Prop() useNavigator: 'true' | 'false' = 'false';\r\n\r\n  breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n  componentWillLoad() {\r\n    const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n    if (breadcrumbsData) {\r\n      this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={this.component_mode}>\r\n          <nav aria-label={this.aria_label} class={`${this.custom_class}`}>\r\n            <ol class=\"dda-breadcrumb\">\r\n              {this.breadcrumbs &&\r\n                this.breadcrumbs.map((crumb, index) => (\r\n                  <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n                    <a\r\n                    //  href={crumb.url}\r\n                      href={this.useNavigator == \"true\" ? 'javascript:void(0)' : crumb.url}\r\n                      onClick={() => this.useNavigator == \"true\" ? this.navigatorClick.emit(crumb.url) : \"\"}                            \r\n                     >\r\n                      {this.design !== 'text' && (\r\n                        <i class={`material-icons`} aria-hidden=\"true\">\r\n                          {crumb.icon}\r\n                        </i>\r\n                      )}\r\n                      {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n                    </a>\r\n                    {index < this.breadcrumbs.length - 1 && (\r\n                      <i class={`material-icons material-symbols-outlined`} aria-hidden=\"true\">\r\n                        {this.separator}\r\n                      </i>\r\n                    )}\r\n                  </li>\r\n                ))}\r\n            </ol>\r\n          </nav>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAA,MAAMA,EAAmB,ukCACzB,MAAAC,EAAeD,E,MCMFE,EAAa,MAL1B,WAAAC,CAAAC,G,yDAMUC,KAAAC,OAAwC,OACxCD,KAAAE,UAA4C,gBAC5CF,KAAAG,WAAsB,GACtBH,KAAAI,aAAwB,GAExBJ,KAAAK,gBAA0B,GAI1BL,KAAAM,aAAiC,QAEzCN,KAAAO,YAA6D,E,CAE7D,iBAAAC,GACE,MAAMC,EAAkBT,KAAKU,GAAGC,aAAa,oBAC7C,GAAIF,EAAiB,CACnBT,KAAKO,YAAcK,KAAKC,MAAMJ,E,EAIlC,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOlB,KAAKmB,gBACfJ,EAAA,OAAAE,IAAA,wDAAiBjB,KAAKG,WAAYe,MAAO,GAAGlB,KAAKI,gBAC/CW,EAAA,MAAAE,IAAA,2CAAIC,MAAM,kBACPlB,KAAKO,aACJP,KAAKO,YAAYa,KAAI,CAACC,EAAOC,IAC3BP,EAAA,MAAIG,MAAO,uBAAuBI,IAAUtB,KAAKO,YAAYgB,OAAS,EAAI,SAAW,MACnFR,EAAA,KAEES,KAAMxB,KAAKM,cAAgB,OAAS,qBAAuBe,EAAMI,IACjEC,QAAS,IAAM1B,KAAKM,cAAgB,OAASN,KAAK2B,eAAeC,KAAKP,EAAMI,KAAO,IAElFzB,KAAKC,SAAW,QACfc,EAAA,KAAGG,MAAO,iBAAgB,cAAc,QACrCG,EAAMQ,MAGV7B,KAAKC,SAAW,QAAUc,EAAA,YAAOM,EAAMS,OAEzCR,EAAQtB,KAAKO,YAAYgB,OAAS,GACjCR,EAAA,KAAGG,MAAO,2CAA0C,cAAc,QAC/DlB,KAAKE,iB","ignoreList":[]}

package/www/build/p-d93f2102.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,H as e,g as i}from"./p-1b339a0a.js";const d=class{constructor(s){t(this,s);this.selected_currency="USD";this.is_focused=false;this.custom_class="";this.isCurrencyDropdownOpen=false;this.handleOutsideClick=t=>{if(!this.hostElement.contains(t.target)){this.isCurrencyDropdownOpen=false}}}connectedCallback(){document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}handleInput(t){const s=t.target;const e=s.value.replace(/[^0-9.]/g,"");s.value=e;this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true,data:t.data,inputType:t.inputType,isComposing:t.isComposing}))}handleFocus(){this.is_focused=true}handleBlur(){this.is_focused=false}toggleCurrencyDropdown(){this.isCurrencyDropdownOpen=!this.isCurrencyDropdownOpen;this.handleFocus();this.handleBlur()}selectCurrency(t){this.selected_currency=t;this.isCurrencyDropdownOpen=false}get parsedCurrencies(){try{return JSON.parse(this.currencies)}catch(t){return[]}}async setValue(t){this.value=t}async getValue(){return this.value||""}render(){const t=["dda-input-container",this.validation_type?`dda-validation-${this.validation_type}`:"",this.size?`dda-input-size-${this.size}`:"",this.input_status?`dda-input-${this.input_status}`:"",this.is_focused?"dda-input-focus":"",this.error_message?"dda-error-message":"",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return s(e,{key:"91def39d4869053ffb52d63279a504c0fd7e03e1",ref:t=>this.hostElement=t},s("div",{key:"bf83501237b86db00c05fb71d18f2a3d9cd13e11",class:t},this.label&&s("label",{key:"b6ca1e8a6bc9ad27292f7fb8f94d86fddc6d29d6",htmlFor:this.input_id,class:"dda-input-label"},this.label),s("div",{key:"f6b5193b6bf159272e7d20d375820698ea3f5a60",class:"dda-input-field-group dda-number-field"},s("input",{key:"d9369bd8021d0bf6af8870530d47718211e8360f",id:this.input_id,name:this.input_name,"aria-label":this.aria_label,type:"number",placeholder:this.placeholder,value:this.value,pattern:"[0-9]*",onInput:t=>this.handleInput(t),onFocus:this.handleFocus.bind(this),onBlur:this.handleBlur.bind(this),class:"dda-field-group-input"}),s("div",{key:"4dc2a7224754217edf78619ac40399c21634556d",class:"dda-input-dropdown-btn"},s("button",{key:"76047ef680f600fb74803e815669eba9a6dbb21e",name:this.toggle_button_name,type:"button",class:"dda-dropdown-select",onClick:()=>this.toggleCurrencyDropdown()},this.selected_currency," ",s("i",{key:"87017c99cb3515c7122148ede366f083599abbc3",class:`material-icons`,"aria-hidden":"true"},this.isCurrencyDropdownOpen?"keyboard_arrow_up":"keyboard_arrow_down")),this.isCurrencyDropdownOpen&&s("div",{key:"0847ebded3099fcf48ac0e0a337480446f6cd255",class:"dda-input-dropdown-list"},this.parsedCurrencies.length>0?this.parsedCurrencies.map((t=>s("button",{name:this.currency_button_name,type:"button",class:`dda-input-dropdown-item ${this.selected_currency===t?"selected":""}`,onClick:()=>this.selectCurrency(t)},t))):s("div",{class:"dda-input-dropdown-item"},"No options available")))),this.helper_text&&s("span",{key:"c77a72d290e9b157bebf52e4ea0293f723c2ff3d",class:"dda-helper-text"},this.helper_text),this.error_message&&s("span",{key:"52a3c41a8907b557bb26b207ee57822e56559d99",class:"dda-error-message"},this.error_message)))}get el(){return i(this)}};export{d as dda_number_field};
-//# sourceMappingURL=p-d93f2102.entry.js.map

package/www/build/p-d93f2102.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaNumberField","constructor","hostRef","this","selected_currency","is_focused","custom_class","isCurrencyDropdownOpen","handleOutsideClick","event","hostElement","contains","target","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","handleInput","inputElement","inputValue","value","replace","el","dispatchEvent","InputEvent","bubbles","composed","data","inputType","isComposing","handleFocus","handleBlur","toggleCurrencyDropdown","selectCurrency","currency","parsedCurrencies","JSON","parse","currencies","_a","setValue","val","getValue","render","containerClass","validation_type","size","input_status","error_message","component_mode","filter","Boolean","join","h","Host","key","ref","class","label","htmlFor","input_id","id","name","input_name","aria_label","type","placeholder","pattern","onInput","onFocus","bind","onBlur","toggle_button_name","onClick","length","map","option","currency_button_name","helper_text"],"sources":["src/components/dda-number-field/dda-number-field.tsx"],"sourcesContent":["import { Component, Prop, State, h, Host, Element, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-number-field',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaNumberField {\r\n  @Prop() placeholder: string;\r\n  @Prop() label: string;\r\n  @Prop() value: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() size?: string;\r\n  @Prop() input_status?: string; // JSON string of currency options\r\n  @Prop() currencies: string;\r\n  @Prop() selected_currency: string = 'USD';\r\n  @State() is_focused: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() input_id: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() input_name?: string;\r\n  @Prop() toggle_button_name?: string;\r\n  @Prop() currency_button_name?: string;\r\n\r\n  @State() isCurrencyDropdownOpen: boolean = false;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  private hostElement!: HTMLElement;\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  handleOutsideClick = (event: MouseEvent) => {\r\n    if (!this.hostElement.contains(event.target as Node)) {\r\n      this.isCurrencyDropdownOpen = false;\r\n    }\r\n  };\r\n\r\n  handleInput(event) {\r\n    const inputElement = event.target as HTMLInputElement;\r\n    const inputValue = inputElement.value.replace(/[^0-9.]/g, '');\r\n    inputElement.value = inputValue;\r\n    this.el.dispatchEvent(\r\n      new InputEvent('input', {\r\n        bubbles: true,\r\n        composed: true,\r\n        data: event.data,\r\n        inputType: event.inputType,\r\n        isComposing: event.isComposing,\r\n      }),\r\n    );\r\n  }\r\n\r\n  handleFocus() {\r\n    this.is_focused = true;\r\n  }\r\n\r\n  handleBlur() {\r\n    this.is_focused = false;\r\n  }\r\n\r\n  toggleCurrencyDropdown() {\r\n    this.isCurrencyDropdownOpen = !this.isCurrencyDropdownOpen;\r\n    this.handleFocus();\r\n    this.handleBlur();\r\n  }\r\n\r\n  selectCurrency(currency: string) {\r\n    this.selected_currency = currency;\r\n    this.isCurrencyDropdownOpen = false;\r\n  }\r\n\r\n  private get parsedCurrencies(): string[] {\r\n    try {\r\n      return JSON.parse(this.currencies);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.value = val;\r\n  }\r\n\r\n  async getValue() {\r\n    return this.value || '';\r\n  }\r\n\r\n  render() {\r\n    const containerClass = [\r\n      'dda-input-container',\r\n      this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n      this.size ? `dda-input-size-${this.size}` : '',\r\n      this.input_status ? `dda-input-${this.input_status}` : '',\r\n      this.is_focused ? 'dda-input-focus' : '',\r\n      this.error_message ? 'dda-error-message' : '',\r\n      this.custom_class ? `${this.custom_class}` : '',\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host ref={el => (this.hostElement = el as HTMLElement)}>\r\n        <div class={containerClass}>\r\n          {this.label && (\r\n            <label htmlFor={this.input_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-input-field-group dda-number-field\">\r\n            <input\r\n              id={this.input_id}\r\n              name={this.input_name}\r\n              aria-label={this.aria_label}\r\n              type=\"number\"\r\n              placeholder={this.placeholder}\r\n              value={this.value}\r\n              pattern={'[0-9]*'}\r\n              onInput={event => this.handleInput(event)}\r\n              onFocus={this.handleFocus.bind(this)}\r\n              onBlur={this.handleBlur.bind(this)}\r\n              class=\"dda-field-group-input\"\r\n            />\r\n            <div class=\"dda-input-dropdown-btn\">\r\n              <button name={this.toggle_button_name} type=\"button\" class=\"dda-dropdown-select\" onClick={() => this.toggleCurrencyDropdown()}>\r\n                {this.selected_currency}{' '}\r\n                <i class={`material-icons`} aria-hidden=\"true\">\r\n                  {this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n                </i>\r\n              </button>\r\n              {this.isCurrencyDropdownOpen && (\r\n                <div class=\"dda-input-dropdown-list\">\r\n                  {this.parsedCurrencies.length > 0 ? (\r\n                    this.parsedCurrencies.map(option => (\r\n                      <button\r\n                        name={this.currency_button_name}\r\n                        type=\"button\"\r\n                        class={`dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`}\r\n                        onClick={() => this.selectCurrency(option)}\r\n                      >\r\n                        {option}\r\n                      </button>\r\n                    ))\r\n                  ) : (\r\n                    <div class=\"dda-input-dropdown-item\">No options available</div>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && <span class=\"dda-helper-text\">{this.helper_text}</span>}\r\n          {this.error_message && <span class=\"dda-error-message\">{this.error_message}</span>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-dc443758.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as i,g as t}from"./p-1b339a0a.js";const d=".dda-home-banner{width:100%;height:calc(100vh);background-color:black;position:relative;overflow:hidden;display:block}.dda-home-banner .dda-home-slides .dda-home-banner-slide::before{content:'';width:100%;height:80%;position:absolute;bottom:0;background:rgb(0, 0, 0);background:linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}.dda-home-slides{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;}.dda-home-banner .dda-home-slides img,.dda-home-banner .dda-home-slides video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.dda-home-banner .dda-home-slides .dda-home-banner-slide{position:relative;width:100vw;height:100vh}.dda-home-banner .dda-home-slides .dda-home-banner-slide{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;z-index:0;box-sizing:border-box}.dda-home-banner .dda-home-slides .dda-home-banner-slide.active{opacity:1;pointer-events:auto;z-index:1}.dda-home-banner-slider-nav{width:100%;text-align:center;position:absolute;bottom:279px;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:30px;z-index:3}.dda-home-banner-slider-nav .dda-home-banner-slider-nav-content{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;gap:15px}.dda-home-banner-slider-nav .dda-home-banner-prev,.dda-home-banner-slider-nav .dda-home-banner-next,.dda-home-banner-slider-nav .dda-home-banner-Pause{height:28px;width:28px;padding:0;margin:0;border:0;background:none;display:flex;align-items:center;justify-content:center;color:#ffffff;background:rgba(0, 0, 0, 0);border-radius:50%;font-size:25px;}.dda-home-banner-slider-nav .dda-home-banner-prev:hover,.dda-home-banner-slider-nav .dda-home-banner-next:hover{background:rgba(0, 0, 0, 0.15)}.dda-home-banner-slider-nav .dda-home-banner-Pause span{width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:relative}.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.main-circle{width:30px;height:30px}.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.nav-play-icon{width:10px;height:10px;position:absolute;top:9px;left:9px}.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.nav-pause-icon{width:9px;height:9px;position:absolute;top:9px;left:9px}.dda-home-banner-slider-nav ul{display:flex;align-items:center;gap:15px}.dda-home-banner-slider-nav .dots{display:block;width:10px;height:10px;background:rgba(256,256,256,0.2);overflow:hidden;text-indent:-100px;margin:0;padding:0;border:0px;border-radius:20px;cursor:pointer;}.dda-home-banner-slider-nav .dots.active{background:rgba(256,256,256,0.85)}[dir=\"rtl\"] .dda-home-banner-slider-nav .dda-home-banner-next i.material-icons{transform:rotate(180deg)}[dir=\"rtl\"] .dda-home-banner-slider-nav .dda-home-banner-prev i.material-icons{transform:rotate(-180deg)}.dda-home-banner .dda-slide-contant-wrap{position:relative;width:100vw;height:100vh;display:flex;align-items:center}.dda-home-banner .dda-slide-contant{width:90vw;margin:0 auto;padding:0 20px;position:relative;z-index:1}.dda-home-banner .dda-slide-contant h2{font-size:var(--dda-fs-display-sm);color:#fff;font-weight:var(--dda-fw-700)}.dda-home-banner .dda-slide-contant p{font-size:var(--dda-fs-headline-sm);color:#fff;font-weight:var(--dda-fw-300)}.material-symbols-outlined{font-variation-settings:'FILL' 1,\r\n  'wght' 400,\r\n  'GRAD' 0,\r\n  'opsz' 24}@media (max-width: 1024px){.dda-home-banner{height:calc(100vh)}.dda-home-banner .dda-slide-contant{width:100vw}.dda-home-banner-slider-nav{bottom:300px}.dda-mouse-scroll,.dda-home-banner-prev,.dda-home-banner-Pause,.dda-home-banner-next{display:none !important}.dda-home-banner .dda-slide-contant-wrap{display:inherit;height:auto;position:absolute;bottom:350px}}@media (prefers-reduced-motion: no-preference){.dda-home-slides{transition:all 0.7s ease-in-out}.dda-home-banner .dda-home-slides .dda-home-banner-slide{transition:opacity 1s ease-in-out}.dda-home-banner-slider-nav .dda-home-banner-prev,.dda-home-banner-slider-nav .dda-home-banner-next,.dda-home-banner-slider-nav .dda-home-banner-Pause{transition:all 0.2s linear}.dda-home-banner-slider-nav .dots{transition:all 0.2s linear}.dda-slider-timer-circle{transition:stroke-dashoffset 3s linear}}";const n=d;const s=class{constructor(a){e(this,a);this.autoplay=true;this.interval=3e3;this.currentSlide=0;this.slides=[];this.autoPlayActive=true;this.pausedProgressOffset=0;this.animationFrameId=null}componentDidLoad(){this.updateSlides();const e=this.el.querySelector("slot");e===null||e===void 0?void 0:e.addEventListener("slotchange",(()=>this.updateSlides()));this.autoPlayActive=this.autoplay;this.playVideoInCurrentSlide();this.startAutoplay();this.animateProgress()}disconnectedCallback(){this.stopAutoplay();if(this.animationFrameId){cancelAnimationFrame(this.animationFrameId)}}componentDidRender(){this.slides.forEach(((e,a)=>{e.classList.toggle("active",a===this.currentSlide)}))}updateSlides(){this.slides=Array.from(this.el.querySelectorAll(".dda-home-banner-slide"));if(this.slides.length>0){this.currentSlide=0}}startAutoplay(){this.stopAutoplay();if(this.autoPlayActive){const e=this.slides[this.currentSlide];const a=e===null||e===void 0?void 0:e.querySelector("video");const i=e=>{this.autoPlayInterval=setInterval((()=>{this.nextSlide()}),e);this.animateProgress(1)};if(a){if(a.readyState>=1){i(a.duration*1e3)}else{a.addEventListener("loadedmetadata",(()=>{i(a.duration*1e3)}),{once:true})}}else{i(this.interval)}}}stopAutoplay(){if(this.autoPlayInterval){clearInterval(this.autoPlayInterval);this.autoPlayInterval=null}}toggleAutoplay(){var e;const a=this.el.querySelector(".circle-loader");const i=(e=this.slides[this.currentSlide])===null||e===void 0?void 0:e.querySelector("video");this.autoPlayActive=!this.autoPlayActive;if(this.autoPlayActive){this.startAutoplay();const e=this.pausedProgressOffset;const t=(a===null||a===void 0?void 0:a.getTotalLength())||1;const d=e/t;if(i)i.play();this.animateProgress(d)}else{this.stopAutoplay();if(this.animationFrameId){cancelAnimationFrame(this.animationFrameId);this.animationFrameId=null}if(a){const e=window.getComputedStyle(a);const i=parseFloat(e.strokeDashoffset||"0");this.pausedProgressOffset=i}if(i)i.pause()}}playVideoInCurrentSlide(){this.slides.forEach(((e,a)=>{const i=e.querySelector("video");if(i){if(a===this.currentSlide){i.currentTime=0;i.play()}else{i.pause()}}}))}nextSlide(){this.currentSlide=(this.currentSlide+1)%this.slides.length}prevSlide(){this.currentSlide=(this.currentSlide-1+this.slides.length)%this.slides.length}setSlide(e){this.currentSlide=e}onSlideChanged(){this.animateProgress();this.playVideoInCurrentSlide();this.startAutoplay()}animateProgress(e=1){const a=this.el.querySelector(".circle-loader");if(!a)return;const i=a.getTotalLength();const t=this.slides[this.currentSlide];const d=t===null||t===void 0?void 0:t.querySelector("video");const n=(d&&d.duration?d.duration*1e3:this.interval)*e;const s=performance.now();this.pausedProgressOffset=i*e;a.style.strokeDasharray=`${i}`;a.style.strokeDashoffset=`${this.pausedProgressOffset}`;a.style.transition="none";const o=t=>{const d=t-s;const r=Math.min(d/n,1);const l=i*(1-r)*e;a.style.strokeDashoffset=`${l}`;if(r<1){this.animationFrameId=requestAnimationFrame(o)}};if(this.animationFrameId){cancelAnimationFrame(this.animationFrameId)}this.animationFrameId=requestAnimationFrame(o)}resetProgress(){const e=this.el.querySelector(".circle-loader");if(e){const a=e.getTotalLength();e.style.transition="none";e.style.strokeDashoffset=`${a}`;this.pausedProgressOffset=a}}render(){return a(i,{key:"152f285c115db976af6273951bba7792da0bbdac"},a("div",{key:"a043ca9ef674a7a129b22886621485fe5673362d",class:"dda-home-banner",role:"region","aria-label":"Homepage banner with slides"},a("div",{key:"f45349ee43d4e3f55d5d6883665f4d32e1fbe0d5",class:"dda-home-slides",role:"list","aria-live":"polite","aria-atomic":"true"},a("slot",{key:"e6cba42b04cecf3f5f3b323410534e7a0a24b786"})),a("div",{key:"4e24c07cc9834bee0a8076b6edaf57a2c325fc63",class:"dda-home-banner-slider-nav"},a("div",{key:"425e2245e0ac4c6eb49bc628753b3a4c160eb5c2",class:"dda-home-banner-slider-nav-content"},a("button",{key:"8e854203bb03afadf680cdf36ce56a0c513a3d7f",type:"button",class:"dda-home-banner-prev",onClick:()=>this.prevSlide()},a("i",{key:"967ad0d1e27da31d5b06955b1e5e0667844b9805",class:"material-icons","aria-hidden":"true"},"chevron_left"),a("span",{key:"f0bb9af2662fc17803e0e8a27a244d8e42d83830",class:"visually-hidden"},"Previous slide")),a("button",{key:"0adedd930fe0a81e7bd4801cc40eafa5766332e4",type:"button",class:"dda-home-banner-Pause",onClick:()=>this.toggleAutoplay(),"aria-pressed":this.autoPlayActive?"true":"false","aria-label":this.autoPlayActive?"Pause slideshow autoplay":"Play slideshow autoplay"},a("span",{key:"f3fa7a8c7b886e38c41424be013b382c1f54458f"},a("svg",{key:"9022319f545076b429c9a7ef51c6f1e8c59a4efe",class:"main-circle",width:"25",height:"26",viewBox:"0 0 25 26",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{key:"e33c7b9ba8284d37276e80763b23a090ba10d6fe",class:"circle-loader",d:"M8.61616 4.62474C9.35885 4.35949 10.4729 3.92017 12.146 3.92017C16.7619 3.92017 21.1489 7.55969 21.1489 12.9247C20.9849 18.8126 16.4271 21.9202 12.146 21.9202C7.78471 21.9202 3.16382 18.5036 3.16382 12.9601C3.16382 11.8748 3.2148 11.4931 3.48806 10.4602",stroke:"white","stroke-width":"2","stroke-linecap":"round"}),a("circle",{key:"c077c6f9706b9f055552b0fbc3234566664228a9",class:"dott",cx:"5.17456",cy:"6.92017",r:"1.44751",fill:"white"})),this.autoPlayActive?a("svg",{class:"nav-pause-icon",width:"7",height:"7",viewBox:"0 0 7 7",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M0.482666 0.548584H2.48267V6.54858H0.482666V0.548584Z",fill:"white"}),a("path",{d:"M4.47974 0.548584H6.47974V6.54858H4.47974V0.548584Z",fill:"white"})):a("svg",{class:"nav-play-icon",width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M7.9682 3.68255C8.63487 4.06745 8.63487 5.0297 7.9682 5.4146L2.31372 8.67922C1.64705 9.06412 0.813721 8.58299 0.813721 7.81319L0.813721 1.28396C0.813721 0.51416 1.64705 0.0330374 2.31372 0.417938L7.9682 3.68255Z",fill:"white"})))),a("ul",{key:"d76f539d0fd5ee77e89314d95a61765bdc0d74fe","aria-label":"Select slide"},this.slides.map(((e,i)=>a("li",{key:i},a("button",{type:"button",class:this.currentSlide===i?"dots active":"dots",onClick:()=>this.setSlide(i),"aria-label":`Go to slide ${i+1}`,"aria-current":this.currentSlide===i?"true":"false"}))))),a("button",{key:"d69d67539f71382d08d6895fbd8b932f75913f9a",type:"button",class:"dda-home-banner-next",onClick:()=>this.nextSlide(),"aria-label":"Next slide"},a("i",{key:"556bf3c0d0e207ae0db015d327e636ae17389f92",class:"material-icons","aria-hidden":"true"},"chevron_right"),a("span",{key:"c01b0c0287f48d10dd02247f9f6d1197efb0fb72",class:"visually-hidden"},"Next slide"))),a("div",{key:"a511bbecbce9f0bd61a3c4c275134c9207dbe461",class:"dda-mouse-scroll"},a("dda-scroll-icon",{key:"20252228187fc9a9795b8703e51e1bea49c743dd",scroll_icon_size:"sm",scroll_icon_color:"white",custom_class:"",component_mode:"",class:"hydrated","aria-hidden":"true"})))))}get el(){return t(this)}static get watchers(){return{currentSlide:["onSlideChanged"]}}};s.style=n;export{s as dda_home_banner};
-//# sourceMappingURL=p-dc443758.entry.js.map

package/www/build/p-dc443758.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["homeBannerCss","DdaHomeBannerStyle0","DdaHomeBanner","constructor","hostRef","this","autoplay","interval","currentSlide","slides","autoPlayActive","pausedProgressOffset","animationFrameId","componentDidLoad","updateSlides","slot","el","querySelector","addEventListener","playVideoInCurrentSlide","startAutoplay","animateProgress","disconnectedCallback","stopAutoplay","cancelAnimationFrame","componentDidRender","forEach","slide","index","classList","toggle","Array","from","querySelectorAll","length","video","setupTimer","durationMs","autoPlayInterval","setInterval","nextSlide","readyState","duration","once","clearInterval","toggleAutoplay","circle","_a","offset","totalLength","getTotalLength","startRatio","play","style","window","getComputedStyle","strokeDashoffset","parseFloat","pause","currentTime","prevSlide","setSlide","onSlideChanged","start","performance","now","strokeDasharray","transition","animate","elapsed","progress","Math","min","newOffset","requestAnimationFrame","resetProgress","render","h","Host","key","class","role","type","onClick","width","height","viewBox","fill","xmlns","d","stroke","cx","cy","r","map","_","scroll_icon_size","scroll_icon_color","custom_class","component_mode"],"sources":["src/components/dda-home-banner/home-banner.css?tag=dda-home-banner","src/components/dda-home-banner/dda-home-banner.tsx"],"sourcesContent":[".dda-home-banner {\r\n  width: 100%;\r\n  height: calc(100vh);\r\n  background-color: black;\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: block;\r\n}\r\n\r\n.dda-home-banner .dda-home-slides .dda-home-banner-slide::before {\r\n  content: '';\r\n  width: 100%;\r\n  height: 80%;\r\n  position: absolute;\r\n  bottom: 0;\r\n  background: rgb(0, 0, 0);\r\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.dda-home-slides {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  /* transition: all 0.7s ease-in-out; */\r\n}\r\n\r\n.dda-home-banner .dda-home-slides img,\r\n.dda-home-banner .dda-home-slides video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n.dda-home-banner .dda-home-slides .dda-home-banner-slide {\r\n  position: relative;\r\n  width: 100vw;\r\n  height: 100vh;\r\n}\r\n\r\n.dda-home-banner .dda-home-slides .dda-home-banner-slide {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  opacity: 0;\r\n  /* transition: opacity 1s ease-in-out; */\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dda-home-banner .dda-home-slides .dda-home-banner-slide.active {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-home-banner-slider-nav {\r\n  width: 100%;\r\n  text-align: center;\r\n  position: absolute;\r\n  bottom: 279px;\r\n  left: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 5px;\r\n  height: 30px;\r\n  z-index: 3;\r\n}\r\n\r\n.dda-home-banner-slider-nav .dda-home-banner-slider-nav-content{\r\n  width: 100%;\r\n  text-align: center;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.dda-home-banner-slider-nav .dda-home-banner-prev,\r\n.dda-home-banner-slider-nav .dda-home-banner-next,\r\n.dda-home-banner-slider-nav .dda-home-banner-Pause {\r\n  height: 28px;\r\n  width: 28px;\r\n  padding: 0;\r\n  margin: 0;\r\n  border: 0;\r\n  background: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff;\r\n  background: rgba(0, 0, 0, 0);\r\n  border-radius: 50%;\r\n  font-size: 25px;\r\n  /* transition: all 0.2s linear; */\r\n}\r\n.dda-home-banner-slider-nav .dda-home-banner-prev:hover,\r\n.dda-home-banner-slider-nav .dda-home-banner-next:hover {\r\n  background: rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.dda-home-banner-slider-nav .dda-home-banner-Pause span{\r\n  width: 28px;\r\n  height: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n}\r\n.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.main-circle{\r\n  width: 30px;\r\n  height: 30px;\r\n}\r\n.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.nav-play-icon{\r\n  width: 10px;\r\n  height: 10px;\r\n  position: absolute;\r\n  top: 9px;\r\n  left: 9px;\r\n}\r\n.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.nav-pause-icon{\r\n  width: 9px;\r\n  height: 9px;\r\n  position: absolute;\r\n  top: 9px;\r\n  left: 9px;\r\n}\r\n.dda-home-banner-slider-nav ul {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.dda-home-banner-slider-nav .dots {\r\n  display: block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background: rgba(256,256,256,0.2);\r\n  overflow: hidden;\r\n  text-indent: -100px;\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0px;\r\n  border-radius: 20px;\r\n  cursor: pointer;\r\n  /* transition: all 0.2s linear; */\r\n}\r\n\r\n.dda-home-banner-slider-nav .dots.active {\r\n  background: rgba(256,256,256,0.85);\r\n}\r\n\r\n\r\n\r\n\r\n/* .dda-slider-timer-circle {\r\n  transition: stroke-dashoffset 3s linear;\r\n} */\r\n\r\n\r\n[dir=\"rtl\"] .dda-home-banner-slider-nav .dda-home-banner-next i.material-icons {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n[dir=\"rtl\"] .dda-home-banner-slider-nav .dda-home-banner-prev i.material-icons {\r\n  transform: rotate(-180deg);\r\n}\r\n\r\n\r\n\r\n\r\n/*Customizable slider content based on entity design*/\r\n.dda-home-banner .dda-slide-contant-wrap {\r\n  position: relative;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-home-banner .dda-slide-contant {\r\n  width: 90vw;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-home-banner .dda-slide-contant h2 {\r\n  font-size: var(--dda-fs-display-sm);\r\n  color: #fff;\r\n  font-weight: var(--dda-fw-700);\r\n}\r\n\r\n.dda-home-banner .dda-slide-contant p {\r\n  font-size: var(--dda-fs-headline-sm);\r\n  color: #fff;\r\n  font-weight: var(--dda-fw-300);\r\n}\r\n\r\n\r\n\r\n.material-symbols-outlined {\r\n  font-variation-settings:\r\n  'FILL' 1,\r\n  'wght' 400,\r\n  'GRAD' 0,\r\n  'opsz' 24\r\n}\r\n\r\n\r\n@media screen and (max-width:992px) {\r\n  \r\n}\r\n@media (max-width: 1024px) {\r\n  .dda-home-banner {\r\n    height: calc(100vh);\r\n  }\r\n  .dda-home-banner .dda-slide-contant {\r\n        width: 100vw;\r\n    }\r\n  .dda-home-banner-slider-nav {\r\n    bottom: 300px;\r\n  }\r\n  .dda-mouse-scroll,\r\n  .dda-home-banner-prev,\r\n  .dda-home-banner-Pause,\r\n  .dda-home-banner-next{\r\n    display: none !important;\r\n  }\r\n  .dda-home-banner .dda-slide-contant-wrap{\r\n      display: inherit;\r\n      height: auto;\r\n      position: absolute;\r\n      bottom: 350px;\r\n    }\r\n    \r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-home-slides {\r\n    transition: all 0.7s ease-in-out;\r\n  }\r\n  .dda-home-banner .dda-home-slides .dda-home-banner-slide {\r\n    transition: opacity 1s ease-in-out;\r\n  }\r\n  .dda-home-banner-slider-nav .dda-home-banner-prev,\r\n  .dda-home-banner-slider-nav .dda-home-banner-next,\r\n  .dda-home-banner-slider-nav .dda-home-banner-Pause {\r\n    transition: all 0.2s linear;\r\n  }\r\n  .dda-home-banner-slider-nav .dots {\r\n    transition: all 0.2s linear;\r\n  }\r\n  .dda-slider-timer-circle {\r\n    transition: stroke-dashoffset 3s linear;\r\n  }\r\n\r\n}","import { Host, Component, h, State, Element, Prop, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-home-banner',\r\n  styleUrls: ['home-banner.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaHomeBanner {\r\n  @Element() el: HTMLElement;\r\n\r\n  /** Props */\r\n  @Prop() autoplay: boolean = true;\r\n  @Prop() interval: number = 3000;\r\n\r\n  /** States */\r\n  @State() currentSlide: number = 0;\r\n  @State() slides: HTMLElement[] = [];\r\n  @State() autoPlayActive: boolean = true;\r\n\r\n  private autoPlayInterval: any;\r\n  private pausedProgressOffset: number = 0;\r\n  private animationFrameId: number | null = null;\r\n\r\n  componentDidLoad() {\r\n    this.updateSlides();\r\n    const slot = this.el.querySelector('slot');\r\n    slot?.addEventListener('slotchange', () => this.updateSlides());\r\n\r\n    this.autoPlayActive = this.autoplay;\r\n    this.playVideoInCurrentSlide();\r\n    this.startAutoplay();\r\n    this.animateProgress(); // Initial animation\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.stopAutoplay();\r\n    if (this.animationFrameId) {\r\n      cancelAnimationFrame(this.animationFrameId);\r\n    }\r\n  }\r\n\r\n  componentDidRender() {\r\n    this.slides.forEach((slide, index) => {\r\n      slide.classList.toggle('active', index === this.currentSlide);\r\n    });\r\n  }\r\n\r\n  updateSlides() {\r\n    this.slides = Array.from(this.el.querySelectorAll('.dda-home-banner-slide'));\r\n    if (this.slides.length > 0) {\r\n      this.currentSlide = 0;\r\n    }\r\n  }\r\n\r\n  startAutoplay() {\r\n    this.stopAutoplay();\r\n\r\n    if (this.autoPlayActive) {\r\n      const slide = this.slides[this.currentSlide];\r\n      const video = slide?.querySelector('video') as HTMLVideoElement;\r\n\r\n      const setupTimer = (durationMs: number) => {\r\n        this.autoPlayInterval = setInterval(() => {\r\n          this.nextSlide();\r\n        }, durationMs);\r\n        this.animateProgress(1); // animate full ring\r\n      };\r\n\r\n      if (video) {\r\n        if (video.readyState >= 1) {\r\n          setupTimer(video.duration * 1000);\r\n        } else {\r\n          video.addEventListener('loadedmetadata', () => {\r\n            setupTimer(video.duration * 1000);\r\n          }, { once: true });\r\n        }\r\n      } else {\r\n        setupTimer(this.interval);\r\n      }\r\n    }\r\n  }\r\n\r\n  stopAutoplay() {\r\n    if (this.autoPlayInterval) {\r\n      clearInterval(this.autoPlayInterval);\r\n      this.autoPlayInterval = null;\r\n    }\r\n  }\r\n\r\n  toggleAutoplay() {\r\n    const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n    const video = this.slides[this.currentSlide]?.querySelector('video') as HTMLVideoElement;\r\n\r\n    this.autoPlayActive = !this.autoPlayActive;\r\n\r\n    if (this.autoPlayActive) {\r\n      this.startAutoplay();\r\n\r\n      const offset = this.pausedProgressOffset;\r\n      const totalLength = circle?.getTotalLength() || 1;\r\n      const startRatio = offset / totalLength;\r\n\r\n      if (video) video.play();\r\n      this.animateProgress(startRatio);\r\n    } else {\r\n      this.stopAutoplay();\r\n\r\n      if (this.animationFrameId) {\r\n        cancelAnimationFrame(this.animationFrameId);\r\n        this.animationFrameId = null;\r\n      }\r\n\r\n      if (circle) {\r\n        const style = window.getComputedStyle(circle);\r\n        const strokeDashoffset = parseFloat(style.strokeDashoffset || '0');\r\n        this.pausedProgressOffset = strokeDashoffset;\r\n      }\r\n\r\n      if (video) video.pause();\r\n    }\r\n  }\r\n\r\n  playVideoInCurrentSlide() {\r\n    this.slides.forEach((slide, index) => {\r\n      const video = slide.querySelector('video') as HTMLVideoElement;\r\n      if (video) {\r\n        if (index === this.currentSlide) {\r\n          video.currentTime = 0;\r\n          video.play();\r\n        } else {\r\n          video.pause();\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  nextSlide() {\r\n    this.currentSlide = (this.currentSlide + 1) % this.slides.length;\r\n  }\r\n\r\n  prevSlide() {\r\n    this.currentSlide = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\r\n  }\r\n\r\n  setSlide(index: number) {\r\n    this.currentSlide = index;\r\n  }\r\n\r\n  @Watch('currentSlide')\r\n  onSlideChanged() {\r\n    this.animateProgress();\r\n    this.playVideoInCurrentSlide();\r\n    this.startAutoplay(); // restart with correct duration\r\n  }\r\n\r\n  animateProgress(startRatio = 1) {\r\n    const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n    if (!circle) return;\r\n\r\n    const length = circle.getTotalLength();\r\n    const slide = this.slides[this.currentSlide];\r\n    const video = slide?.querySelector('video') as HTMLVideoElement;\r\n    const duration = (video && video.duration ? video.duration * 1000 : this.interval) * startRatio;\r\n    const start = performance.now();\r\n    this.pausedProgressOffset = length * startRatio;\r\n\r\n    circle.style.strokeDasharray = `${length}`;\r\n    circle.style.strokeDashoffset = `${this.pausedProgressOffset}`;\r\n    circle.style.transition = 'none';\r\n\r\n    const animate = (now: number) => {\r\n      const elapsed = now - start;\r\n      const progress = Math.min(elapsed / duration, 1);\r\n      const newOffset = length * (1 - progress) * startRatio;\r\n      circle.style.strokeDashoffset = `${newOffset}`;\r\n\r\n      if (progress < 1) {\r\n        this.animationFrameId = requestAnimationFrame(animate);\r\n      }\r\n    };\r\n\r\n    if (this.animationFrameId) {\r\n      cancelAnimationFrame(this.animationFrameId);\r\n    }\r\n    this.animationFrameId = requestAnimationFrame(animate);\r\n  }\r\n\r\n  resetProgress() {\r\n    const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n    if (circle) {\r\n      const length = circle.getTotalLength();\r\n      circle.style.transition = 'none';\r\n      circle.style.strokeDashoffset = `${length}`;\r\n      this.pausedProgressOffset = length;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"dda-home-banner\" role=\"region\" aria-label=\"Homepage banner with slides\">\r\n          <div class=\"dda-home-slides\" role=\"list\" aria-live=\"polite\" aria-atomic=\"true\">\r\n            <slot></slot>\r\n          </div>\r\n\r\n          <div class=\"dda-home-banner-slider-nav\">\r\n            <div class=\"dda-home-banner-slider-nav-content\">\r\n              <button type=\"button\" class=\"dda-home-banner-prev\" onClick={() => this.prevSlide()}>\r\n                <i class=\"material-icons\" aria-hidden=\"true\">chevron_left</i>\r\n                <span class=\"visually-hidden\">Previous slide</span>\r\n              </button>\r\n\r\n              <button \r\n                type=\"button\" \r\n                class=\"dda-home-banner-Pause\" \r\n                onClick={() => this.toggleAutoplay()}\r\n                aria-pressed={this.autoPlayActive ? 'true' : 'false'}\r\n                aria-label={this.autoPlayActive ? 'Pause slideshow autoplay' : 'Play slideshow autoplay'}\r\n                >\r\n                <span>\r\n                  <svg class=\"main-circle\" width=\"25\" height=\"26\" viewBox=\"0 0 25 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n                    <path class=\"circle-loader\" d=\"M8.61616 4.62474C9.35885 4.35949 10.4729 3.92017 12.146 3.92017C16.7619 3.92017 21.1489 7.55969 21.1489 12.9247C20.9849 18.8126 16.4271 21.9202 12.146 21.9202C7.78471 21.9202 3.16382 18.5036 3.16382 12.9601C3.16382 11.8748 3.2148 11.4931 3.48806 10.4602\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" />\r\n                    <circle class=\"dott\" cx=\"5.17456\" cy=\"6.92017\" r=\"1.44751\" fill=\"white\" />\r\n                  </svg>\r\n                  {this.autoPlayActive ? (\r\n                    <svg class=\"nav-pause-icon\" width=\"7\" height=\"7\" viewBox=\"0 0 7 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n                      <path d=\"M0.482666 0.548584H2.48267V6.54858H0.482666V0.548584Z\" fill=\"white\"/>\r\n                      <path d=\"M4.47974 0.548584H6.47974V6.54858H4.47974V0.548584Z\" fill=\"white\"/>\r\n                    </svg>\r\n                  ) : (\r\n                    <svg class=\"nav-play-icon\" width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n                      <path d=\"M7.9682 3.68255C8.63487 4.06745 8.63487 5.0297 7.9682 5.4146L2.31372 8.67922C1.64705 9.06412 0.813721 8.58299 0.813721 7.81319L0.813721 1.28396C0.813721 0.51416 1.64705 0.0330374 2.31372 0.417938L7.9682 3.68255Z\" fill=\"white\"/>\r\n                    </svg>\r\n                  )}\r\n                </span>\r\n              </button>\r\n\r\n              <ul aria-label=\"Select slide\">\r\n                {this.slides.map((_, index) => (\r\n                  <li key={index}>\r\n                    <button\r\n                      type=\"button\"\r\n                      class={this.currentSlide === index ? 'dots active' : 'dots'}\r\n                      onClick={() => this.setSlide(index)}\r\n                      aria-label={`Go to slide ${index + 1}`}\r\n                      aria-current={this.currentSlide === index ? 'true' : 'false'}\r\n                      \r\n                    ></button>\r\n                  </li>\r\n                ))}\r\n              </ul>\r\n\r\n              <button type=\"button\" class=\"dda-home-banner-next\" onClick={() => this.nextSlide()} aria-label=\"Next slide\">\r\n                <i class=\"material-icons\" aria-hidden=\"true\">chevron_right</i>\r\n                <span class=\"visually-hidden\">Next slide</span>\r\n              </button>\r\n            </div>\r\n\r\n            <div class=\"dda-mouse-scroll\">\r\n              <dda-scroll-icon\r\n                scroll_icon_size=\"sm\"\r\n                scroll_icon_color=\"white\"\r\n                custom_class=\"\"\r\n                component_mode=\"\"\r\n                class=\"hydrated\"\r\n                aria-hidden=\"true\"\r\n              ></dda-scroll-icon>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-dca57f55.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,H as a,g as e}from"./p-1b339a0a.js";const h=class{constructor(i){t(this,i);this.buttonClick=s(this,"buttonClick",7);this.text_button_type="button";this.disabled=false;this.start_icon_family="";this.start_icon="";this.button_text="";this.aria_label="";this.button_color="primary";this.button_shape="";this.toggle_button_shape="";this.custom_class="";this.text_button_name="";this.is_open=false;this.handleClick=t=>{if(this.disabled)return;this.buttonClick.emit({event:t,id:this.text_button_id,value:this.value,name:this.text_button_name})};this.handleClickOutside=t=>{if(this.is_open&&!this.el.contains(t.target)){this.is_open=false}}}toggleSelect(){if(!this.disabled){this.is_open=!this.is_open}}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}componentDidLoad(){this.moveMenuToContainer()}componentDidRender(){this.moveMenuToContainer()}moveMenuToContainer(){const t=this.el.querySelector(".split-btn-list");if(!t)return;const s=Array.from(this.el.children);const i=s.filter((t=>t.getAttribute&&t.getAttribute("slot")==="menu"));i.forEach((s=>{if(s.parentElement!==t){t.appendChild(s)}}))}render(){const t=["dda-split-btn",`btn-color-${this.button_color}`,this.size?`btn-size-${this.size}`:"",this.button_shape?`split-btn-main-shape-${this.button_shape}`:"",this.gap?`dda-gap-${this.gap}`:"",this.custom_class,this.component_mode].filter(Boolean).join(" ");const s=["dda-split-btn dda-split-btn-toggle",`btn-color-${this.button_color}`,this.size?`btn-size-${this.size}`:"",this.button_shape?`split-icon-btn-shape-${this.button_shape}`:"",this.gap?`dda-gap-${this.gap}`:"",this.custom_class,this.component_mode].filter(Boolean).join(" ");const e=`split-btn-list ${this.is_open?"open":"closed"}`;return i(a,{key:"557dd738ecda2ea9b887f26a649545d636739162"},i("div",{key:"8cf1af27d4518266bcfa3ad973e5caf747752e4a",class:"split-btn-container"},i("button",{key:"7d37f0b271365ad447a605f87f4933ade5c51bba",id:this.text_button_id,type:this.text_button_type,class:t,disabled:this.disabled,"aria-label":this.aria_label||this.button_text,name:this.text_button_name,value:this.value,onClick:this.handleClick},this.start_icon&&i("i",{key:"f6244bede898854205902c83febd164f2a8c7772",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.start_icon),i("span",{key:"5785f0550374e9b71225111c1473bc3a40808490"},this.button_text)),i("button",{key:"a8158ad76834a12c564771a91237a452ae917323",type:"button",class:s,disabled:this.disabled,onClick:()=>this.toggleSelect()},i("i",{key:"632d4c992c4da668770292d9b2b0881d0d85a557",class:"material-icons","aria-hidden":"true"},this.is_open?"keyboard_arrow_up":"keyboard_arrow_down")),i("div",{key:"88988abe9f2a3173f34356a030fdd03055c94139",class:e,"aria-hidden":!this.is_open,role:"menu"},i("slot",{key:"b7c9e16e3c36b64d6aa185ced7da41ff1f02cc76",name:"menu"}))))}get el(){return e(this)}};export{h as dda_split_button};
-//# sourceMappingURL=p-dca57f55.entry.js.map