@testgorilla/tgo-ui 11.14.0 → 11.15.0

package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs

@@ -376,7 +376,7 @@ class PromptComponent {
                 useExisting: forwardRef(() => PromptComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "fileDrop", first: true, predicate: ["fileDropRef"], descendants: true, isSignal: true }, { propertyName: "tagDropdown", first: true, predicate: ["tagDropdown"], descendants: true, isSignal: true }, { propertyName: "fieldComponentRef", first: true, predicate: ["textarea"], descendants: true, isSignal: true }, { propertyName: "promptContainer", first: true, predicate: ["promptContainerRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container>\n  <div\n    class=\"prompt-container\"\n    [class.has-error]=\"!!errorMessage()\"\n    [class.disabled]=\"isLocked()\"\n    [attr.aria-disabled]=\"isLocked()\"\n    [attr.aria-busy]=\"loading() ? 'true' : null\"\n    cdkOverlayOrigin\n    #promptOrigin=\"cdkOverlayOrigin\"\n    #promptContainerRef\n    [class.prompt-container-focused]=\"showFocusRing()\"\n    (focusin)=\"onContainerFocusIn()\"\n    (focusout)=\"onContainerFocusOut($event)\"\n  >\n    @if (loading()) {\n      <div class=\"prompt-loading\" aria-hidden=\"true\" animate.enter=\"cnp-prompt-fade-in\">\n        <ui-skeleton [theme]=\"{ width: '100%', height: '20px', margin: '0' }\"></ui-skeleton>\n        <ui-skeleton [theme]=\"{ width: '30%', height: '20px', margin: '0' }\"></ui-skeleton>\n      </div>\n    }\n    <div class=\"prompt-autocomplete\" [hidden]=\"loading()\">\n      <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n\n      @let showIcon = !isFieldFocused() && !promptTextValue();\n      @if (showIcon) {\n        <ui-icon\n          class=\"prompt-icon\"\n          animate.enter=\"cnp-prompt-icon-in\"\n          animate.leave=\"cnp-prompt-icon-out\"\n          [color]=\"'inherit'\"\n          [class.hovered]=\"isFieldHovered()\"\n          [name]=\"'Sparkle-in-line'\"\n        ></ui-icon>\n      }\n      <!-- `keydown.enter` matches unmodified Enter only; Shift+Enter resolves to `shift.enter`\n           and falls through to a newline. Do not add a shiftKey check. -->\n      <ui-field\n        #textarea\n        class=\"prompt-text\"\n        [class.show-icon]=\"showIcon\"\n        role=\"input\"\n        [showBottomContent]=\"false\"\n        [borderless]=\"true\"\n        [type]=\"'multi-line'\"\n        [autosizableTextarea]=\"true\"\n        [maxCharacters]=\"maxCharacters()\"\n        [placeholder]=\"showIcon ? placeholder() || ('PROMPT.ASK_ANYTHING' | uiTranslate | async)! : ''\"\n        [value]=\"promptTextValue() || ''\"\n        [hasTextAreaCounter]=\"false\"\n        [disabled]=\"disabled\"\n        (mouseenter)=\"isFieldHovered.set(true)\"\n        (mouseleave)=\"isFieldHovered.set(false)\"\n        (focusin)=\"isFieldFocused.set(true)\"\n        (fieldBlur)=\"onFieldBlur()\"\n        (keydown.tab)=\"onTextareaTab($event)\"\n        (keydown.enter)=\"onTextareaEnter($event)\"\n        (keydown.escape)=\"onTextareaEscape($event)\"\n      ></ui-field>\n    </div>\n    <div class=\"prompt-footer flex-container\">\n      <div class=\"flex-container\">\n        @if (actionTag(); as at) {\n          <ui-tag\n            [label]=\"at.label\"\n            [icon]=\"at.icon ?? 'Plus'\"\n            [ariaLabel]=\"at.ariaLabel ?? at.label\"\n            [isDisabled]=\"isLocked() || !!at.disabled\"\n            (press)=\"onActionTagPress()\"\n          ></ui-tag>\n        } @else if (enableFileUpload()) {\n          <ui-button\n            [variant]=\"'icon-button'\"\n            [tooltip]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [tooltipPosition]=\"'above'\"\n            [ariaLabel]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [iconName]=\"'Plus'\"\n            [disabled]=\"isLocked()\"\n            (click)=\"fileDrop()?.nativeElement?.click()\"\n          ></ui-button>\n\n          @if (promptFilesList().length) {\n            <div class=\"menu\" animate.enter=\"cnp-prompt-pop-in\">\n              <ui-badge\n                [notificationsAmount]=\"promptFilesList().length\"\n                [variant]=\"'notification'\"\n                class=\"menu-badge\"\n              ></ui-badge>\n              <ui-overflow-menu\n                [matTooltip]=\"('PROMPT.FILES' | uiTranslate | async)!\"\n                [matTooltipPosition]=\"'above'\"\n                [buttonSize]=\"'medium'\"\n                [iconTrigger]=\"'Document'\"\n                [buttonVariant]=\"'ghost'\"\n                [buttons]=\"fileListMenuConfig()\"\n                [isDynamicMenu]=\"true\"\n                [withRemovableOption]=\"true\"\n                (selectItem)=\"selectedMenuOption($event)\"\n              ></ui-overflow-menu>\n            </div>\n          }\n        }\n\n        @if (actionTag() || enableFileUpload()) {\n          <input\n            data-testid=\"prompt-file-input\"\n            [tabIndex]=\"-1\"\n            class=\"form-control\"\n            #fileDropRef\n            type=\"file\"\n            id=\"file-upload\"\n            [accept]=\"fileInputAccept()\"\n            [disabled]=\"isLocked()\"\n            (change)=\"onFileSelected($event)\"\n          />\n        }\n      </div>\n\n      @if (tags()?.length && !promptTextValue()) {\n        <div class=\"flex-container carousel\" animate.enter=\"cnp-prompt-row-in\">\n          <div class=\"tag-container flex-container\" role=\"list\" #tagsScrollContainer>\n            @for (tag of tagsVisible(); track tag) {\n              <ui-tag\n                [label]=\"tag.label\"\n                role=\"listitem\"\n                [ariaLabel]=\"tag.label\"\n                [isDisabled]=\"isLocked()\"\n                (click)=\"selectTag(tag, $event)\"\n                (keyup.enter)=\"selectTag(tag, $event)\"\n                (keyup.space)=\"selectTag(tag, $event)\"\n              ></ui-tag>\n            }\n\n            @if (tagsInDropdown().length) {\n              <ui-button\n                class=\"view-more\"\n                variant=\"text-inline\"\n                [label]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [ariaLabel]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [size]=\"'medium'\"\n                [disabled]=\"isLocked()\"\n                (click)=\"toggleDropdown()\"\n                (keydown.enter)=\"focusTagDropdown()\"\n                cdkOverlayOrigin\n                #dropdownTrigger=\"cdkOverlayOrigin\"\n              ></ui-button>\n            }\n          </div>\n\n          <div class=\"flex-container\">\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [ariaLabel]=\"'Scroll left button'\"\n              [iconName]=\"'Arrow-chevron-left-in-line'\"\n              [disabled]=\"isLocked() || tagsScrollContainer.scrollLeft === 0\"\n              (click)=\"tagsScrollContainer.scrollBy({ left: -100, behavior: 'smooth' })\"\n            ></ui-button>\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Arrow-chevron-right-in-line'\"\n              [ariaLabel]=\"'Scroll right button'\"\n              [disabled]=\"\n                isLocked() ||\n                tagsScrollContainer.scrollLeft + tagsScrollContainer.clientWidth >= tagsScrollContainer.scrollWidth\n              \"\n              (click)=\"tagsScrollContainer.scrollBy({ left: 100, behavior: 'smooth' })\"\n            ></ui-button>\n          </div>\n        </div>\n      }\n\n      @if (showCharacterCount()) {\n        <span class=\"prompt-character-count\" [class.over-limit]=\"isOverCharacterLimit()\"\n          >{{ promptTextValue().length }} / {{ maxCharacters() }}</span\n        >\n        <span class=\"prompt-character-count-status\" aria-live=\"polite\">\n          @if (characterCountAnnouncement(); as announcement) {\n            {{ announcement.key | uiTranslate: announcement.params | async }}\n          }\n        </span>\n      }\n\n      @if (showSendButton()) {\n        <ui-button\n          class=\"send-button\"\n          animate.enter=\"cnp-prompt-pop-in\"\n          [variant]=\"'secondary'\"\n          [iconName]=\"'Arrow-up-in-line'\"\n          [tooltip]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [tooltipPosition]=\"'above'\"\n          [size]=\"'medium'\"\n          [disabled]=\"!canSubmit()\"\n          (click)=\"sendPromptData()\"\n        ></ui-button>\n      }\n    </div>\n\n    <div class=\"prompt-projected-footer\">\n      <ng-content select=\"[promptFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div class=\"prompt-error\" animate.enter=\"cnp-prompt-error-in\">\n      <ui-icon [name]=\"'Error'\" color=\"red\"></ui-icon>\n      <span>{{ errorMessage() }}</span>\n    </div>\n  }\n\n  <!--  Dropdown for hidden tags -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"isDropdownOpened() && !isLocked()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"dropdownOutsideClick()\"\n  >\n    <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\" animate.enter=\"cnp-prompt-dropdown-in\">\n      @for (tag of tagsInDropdown(); track tag) {\n        <div\n          class=\"dropdown-tag\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"tag.label\"\n          role=\"listitem\"\n          (click)=\"selectTag(tag, $event)\"\n          (keyup.enter)=\"selectTag(tag, $event)\"\n          (keyup.space)=\"selectTag(tag, $event)\"\n        >\n          {{ tag.label }}\n        </div>\n      }\n    </div>\n  </ng-template>\n\n  <!-- Built-in items dropdown (UI-877) \u2014 opens on focus, typing filters by label -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"itemsDropdownVisible()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"itemsDropdownOutsideClick($event)\"\n  >\n    <div\n      class=\"dropdown-container custom-dropdown-container\"\n      animate.enter=\"cnp-prompt-dropdown-in\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @if (dropdownHeading() || showDropdownClose()) {\n        <div class=\"dropdown-header\">\n          @if (dropdownHeading()) {\n            <span class=\"dropdown-heading\">{{ dropdownHeading() }}</span>\n          }\n          @if (showDropdownClose()) {\n            <ui-button\n              class=\"dropdown-close\"\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Close-in-line'\"\n              [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              [tooltipPosition]=\"'above'\"\n              [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              (click)=\"closeItemsDropdown()\"\n            ></ui-button>\n          }\n        </div>\n      }\n      <div role=\"list\">\n        @for (item of filteredDropdownItems(); track item.id) {\n          <div\n            class=\"dropdown-tag dropdown-item\"\n            tabindex=\"0\"\n            role=\"listitem\"\n            [attr.aria-label]=\"item.label\"\n            (click)=\"selectDropdownItem(item, $event)\"\n            (keydown.enter)=\"selectDropdownItem(item, $event)\"\n            (keydown.space)=\"selectDropdownItem(item, $event)\"\n          >\n            @if (item.icon) {\n              <ui-icon class=\"dropdown-item-icon\" [name]=\"item.icon\" [color]=\"'inherit'\"></ui-icon>\n            }\n            <span class=\"dropdown-item-label\">{{ item.label }}</span>\n            <ui-icon class=\"dropdown-item-chevron\" [name]=\"'Arrow-chevron-right-in-line'\" [color]=\"'inherit'\"></ui-icon>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host ::ng-deep ui-field.prompt-text>mat-form-field{vertical-align:top}:host ::ng-deep ui-field.prompt-text .mat-mdc-text-field-wrapper{border-radius:10px!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper{background:transparent}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{padding-bottom:0!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper textarea{max-height:220px!important}:host ::ng-deep ui-button.send-button .rounded-icon .mdc-button{width:48px!important;height:48px!important}:host ::ng-deep ui-overflow-menu button.mat-mdc-unelevated-button.ghost.light-theme.only-icon{border:none}.prompt-container{border:1px solid #919191;border-radius:10px;background-color:#fff;outline:0 solid transparent;outline-offset:-2px;transition:border-color .18s cubic-bezier(.2,0,0,1),outline-color .18s cubic-bezier(.2,0,0,1),outline-width .12s cubic-bezier(.2,0,0,1);--ui-prompt-ring: inset 0 0 0 2px transparent}.prompt-container:after{content:\"\";position:absolute;z-index:1;inset:-1px;border-radius:inherit;box-shadow:var(--ui-prompt-ring);pointer-events:none;transition:box-shadow .18s cubic-bezier(.2,0,0,1)}.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px #000000;border:1px solid black;outline:1px solid black}.prompt-container.disabled{border:1px solid #d3d3d3}.prompt-container.disabled.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px transparent;outline-width:0}.prompt-container.disabled .prompt-icon{color:#d3d3d3}ui-field.prompt-text{transition:padding-left .12s cubic-bezier(.2,0,0,1)}ui-field.show-icon{padding-left:24px}.prompt-icon{position:absolute;top:14px;left:16px;color:#666;transition:color .12s cubic-bezier(.2,0,0,1)}.prompt-icon.hovered{color:#000}.dropdown-container{width:100%}.custom-dropdown-container{overflow:hidden;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #00000014}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.dropdown-heading{font-weight:700}.dropdown-close{margin-left:auto}.dropdown-item{display:flex;gap:12px;align-items:center}.dropdown-item-icon,.dropdown-item-chevron{flex-shrink:0}.dropdown-item-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-tag{padding:16px;background-color:#fff;transition:background-color .12s cubic-bezier(.2,0,0,1)}.dropdown-tag:hover,.dropdown-tag:focus{background-color:#fff2fc;cursor:pointer}.carousel{flex-grow:1;min-width:0}.tag-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tag-container::-webkit-scrollbar{display:none}.tag-container{margin:0 8px}#file-upload{display:none}.prompt-footer,.flex-container{display:flex;flex-flow:row nowrap;align-items:center}.prompt-footer{justify-content:space-between;padding:8px 16px}@media(max-width:600px){.prompt-footer{padding:8px}}@media(max-width:320px){.prompt-footer{padding:8px}}.prompt-character-count{margin-left:auto;padding-right:8px;color:#888;font-size:12px;line-height:16px;white-space:nowrap}.prompt-character-count.over-limit{color:#e02800}.prompt-character-count-status{position:absolute;left:-9999px}.prompt-projected-footer{display:none}.prompt-projected-footer:has(*){display:block;overflow:hidden;border-radius:0 0 9px 9px}.menu{display:flex;flex-flow:column nowrap;position:relative}.menu .menu-badge{position:absolute;right:0;z-index:1000}.view-more{margin-left:4px;white-space:nowrap}.view-more ::ng-deep button.mat-mdc-unelevated-button .label{white-space:nowrap}.prompt-container{position:relative}.prompt-container.has-error{--ui-prompt-ring: inset 0 0 0 2px #e02800;border:1px solid #e02800;outline:1px solid #e02800}.prompt-error{margin-top:4px;align-items:center;display:flex;color:#e02800;font-size:12px;line-height:16px}.prompt-error ui-icon{margin-right:4px}.prompt-loading{display:flex;flex-direction:column;gap:4px;padding:12px 16px 0}.prompt-loading ui-skeleton{height:20px}.ghost{position:absolute;top:0;left:0;bottom:16px;color:#888;border:none;pointer-events:none;background:transparent;width:100%;padding:12px 16px;font-size:inherit;line-height:22px;letter-spacing:inherit;font-weight:inherit;font-family:ModernGothic,sans-serif;resize:none}@keyframes cnp-prompt-fade-in{0%{opacity:0}}@keyframes cnp-prompt-icon-in{0%{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-icon-out{to{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-row-in{0%{opacity:0;transform:translateY(6px)}}@keyframes cnp-prompt-pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes cnp-prompt-error-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes cnp-prompt-dropdown-in{0%{opacity:0;transform:translateY(-6px)}}.cnp-prompt-fade-in{animation:cnp-prompt-fade-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-in{animation:cnp-prompt-icon-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-out{animation:cnp-prompt-icon-out .12s cubic-bezier(.2,0,0,1) both}.cnp-prompt-row-in{animation:cnp-prompt-row-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-pop-in{animation:cnp-prompt-pop-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-error-in{animation:cnp-prompt-error-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-dropdown-in{animation:cnp-prompt-dropdown-in .18s cubic-bezier(.2,0,0,1) both}@media(prefers-reduced-motion:reduce){.prompt-container,.prompt-container:after,.prompt-icon,.dropdown-tag,ui-field.prompt-text{transition:none}.cnp-prompt-fade-in,.cnp-prompt-icon-in,.cnp-prompt-icon-out,.cnp-prompt-row-in,.cnp-prompt-pop-in,.cnp-prompt-error-in,.cnp-prompt-dropdown-in{animation-duration:1ms}}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: SkeletonComponent, selector: "ui-skeleton", inputs: ["count", "theme", "appearance", "isAiTheme", "applicationTheme"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: FieldComponent, selector: "ui-field", inputs: ["fullWidth", "fullHeight", "label", "labelHtml", "labelIcon", "fieldName", "placeholder", "id", "value", "badgeVariant", "errors", "disabled", "required", "readOnly", "hintMessage", "type", "updateOnBlur", "allowOnlyDigits", "isAutocompleteOff", "allowNegative", "showBottomContent", "applicationTheme", "ariaLabel", "testId", "loading", "isValid", "maxCharacters", "trimOnBlur", "trimOnSubmit", "maxRows", "hasTextAreaCounter", "hideBuiltInErrors", "hideLabelInErrors", "max", "min", "textareaHeight", "borderless", "autosizableTextarea", "isAIVariant", "ariaLabelledby", "ariaDescribedby", "hasError"], outputs: ["validateEvent", "fieldBlur"] }, { kind: "component", type: TagComponent, selector: "ui-tag", inputs: ["label", "icon", "allowClose", "readOnly", "isSelected", "showIconWhenSelected", "pinnedBackground", "constrainWidth", "isDisabled", "applicationTheme", "ariaLabel", "testId", "ariaRequired", "showBadge", "notificationsAmount"], outputs: ["isSelectedChange", "close", "press"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["label", "staticLabel", "icon", "iconColor", "trailingIcon", "trailingIconColor", "color", "variant", "notificationsAmount", "applicationTheme", "rebrandColor", "truncateLabel", "enableAnimation"] }, { kind: "component", type: OverflowMenuComponent, selector: "ui-overflow-menu", inputs: ["buttons", "iconTrigger", "menuLabel", "applicationTheme", "ariaLabel", "testId", "ariaRequired", "describedby", "contentTemplateRef", "buttonVariant", "buttonSize", "menuConfig", "selectionMode", "isDynamicMenu", "withRemovableOption"], outputs: ["selectItem", "menuOpened", "menuClosed"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "fileDrop", first: true, predicate: ["fileDropRef"], descendants: true, isSignal: true }, { propertyName: "tagDropdown", first: true, predicate: ["tagDropdown"], descendants: true, isSignal: true }, { propertyName: "fieldComponentRef", first: true, predicate: ["textarea"], descendants: true, isSignal: true }, { propertyName: "promptContainer", first: true, predicate: ["promptContainerRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container>\n  <div\n    class=\"prompt-container\"\n    [class.has-error]=\"!!errorMessage()\"\n    [class.disabled]=\"isLocked()\"\n    [attr.aria-disabled]=\"isLocked()\"\n    [attr.aria-busy]=\"loading() ? 'true' : null\"\n    cdkOverlayOrigin\n    #promptOrigin=\"cdkOverlayOrigin\"\n    #promptContainerRef\n    [class.prompt-container-focused]=\"showFocusRing()\"\n    (focusin)=\"onContainerFocusIn()\"\n    (focusout)=\"onContainerFocusOut($event)\"\n  >\n    @if (loading()) {\n      <div class=\"prompt-loading\" aria-hidden=\"true\" animate.enter=\"cnp-prompt-fade-in\">\n        <ui-skeleton [theme]=\"{ width: '100%', height: '20px', margin: '0' }\"></ui-skeleton>\n        <ui-skeleton [theme]=\"{ width: '30%', height: '20px', margin: '0' }\"></ui-skeleton>\n      </div>\n    }\n    <div class=\"prompt-autocomplete\" [hidden]=\"loading()\">\n      <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n\n      @let showIcon = !isFieldFocused() && !promptTextValue();\n      @if (showIcon) {\n        <ui-icon\n          class=\"prompt-icon\"\n          animate.enter=\"cnp-prompt-icon-in\"\n          animate.leave=\"cnp-prompt-icon-out\"\n          [color]=\"'inherit'\"\n          [class.hovered]=\"isFieldHovered()\"\n          [name]=\"'Sparkle-in-line'\"\n        ></ui-icon>\n      }\n      <!-- `keydown.enter` matches unmodified Enter only; Shift+Enter resolves to `shift.enter`\n           and falls through to a newline. Do not add a shiftKey check. -->\n      <ui-field\n        #textarea\n        class=\"prompt-text\"\n        [class.show-icon]=\"showIcon\"\n        role=\"input\"\n        [showBottomContent]=\"false\"\n        [borderless]=\"true\"\n        [type]=\"'multi-line'\"\n        [autosizableTextarea]=\"true\"\n        [maxCharacters]=\"maxCharacters()\"\n        [placeholder]=\"showIcon ? placeholder() || ('PROMPT.ASK_ANYTHING' | uiTranslate | async)! : ''\"\n        [value]=\"promptTextValue() || ''\"\n        [hasTextAreaCounter]=\"false\"\n        [disabled]=\"disabled\"\n        (mouseenter)=\"isFieldHovered.set(true)\"\n        (mouseleave)=\"isFieldHovered.set(false)\"\n        (focusin)=\"isFieldFocused.set(true)\"\n        (fieldBlur)=\"onFieldBlur()\"\n        (keydown.tab)=\"onTextareaTab($event)\"\n        (keydown.enter)=\"onTextareaEnter($event)\"\n        (keydown.escape)=\"onTextareaEscape($event)\"\n      ></ui-field>\n    </div>\n    <div class=\"prompt-footer flex-container\">\n      <div class=\"flex-container\">\n        @if (actionTag(); as at) {\n          <ui-tag\n            [label]=\"at.label\"\n            [icon]=\"at.icon ?? 'Plus'\"\n            [ariaLabel]=\"at.ariaLabel ?? at.label\"\n            [isDisabled]=\"isLocked() || !!at.disabled\"\n            (press)=\"onActionTagPress()\"\n          ></ui-tag>\n        } @else if (enableFileUpload()) {\n          <ui-button\n            [variant]=\"'icon-button'\"\n            [tooltip]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [tooltipPosition]=\"'above'\"\n            [ariaLabel]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [iconName]=\"'Plus'\"\n            [disabled]=\"isLocked()\"\n            (click)=\"fileDrop()?.nativeElement?.click()\"\n          ></ui-button>\n\n          @if (promptFilesList().length) {\n            <div class=\"menu\" animate.enter=\"cnp-prompt-pop-in\">\n              <ui-badge\n                [notificationsAmount]=\"promptFilesList().length\"\n                [variant]=\"'notification'\"\n                class=\"menu-badge\"\n              ></ui-badge>\n              <ui-overflow-menu\n                [matTooltip]=\"('PROMPT.FILES' | uiTranslate | async)!\"\n                [matTooltipPosition]=\"'above'\"\n                [buttonSize]=\"'medium'\"\n                [iconTrigger]=\"'Document'\"\n                [buttonVariant]=\"'ghost'\"\n                [buttons]=\"fileListMenuConfig()\"\n                [isDynamicMenu]=\"true\"\n                [withRemovableOption]=\"true\"\n                (selectItem)=\"selectedMenuOption($event)\"\n              ></ui-overflow-menu>\n            </div>\n          }\n        }\n\n        @if (actionTag() || enableFileUpload()) {\n          <input\n            data-testid=\"prompt-file-input\"\n            [tabIndex]=\"-1\"\n            class=\"form-control\"\n            #fileDropRef\n            type=\"file\"\n            id=\"file-upload\"\n            [accept]=\"fileInputAccept()\"\n            [disabled]=\"isLocked()\"\n            (change)=\"onFileSelected($event)\"\n          />\n        }\n      </div>\n\n      @if (tags()?.length && !promptTextValue()) {\n        <div class=\"flex-container carousel\" animate.enter=\"cnp-prompt-row-in\">\n          <div class=\"tag-container flex-container\" role=\"list\" #tagsScrollContainer>\n            @for (tag of tagsVisible(); track tag) {\n              <ui-tag\n                [label]=\"tag.label\"\n                role=\"listitem\"\n                [ariaLabel]=\"tag.label\"\n                [isDisabled]=\"isLocked()\"\n                (click)=\"selectTag(tag, $event)\"\n                (keyup.enter)=\"selectTag(tag, $event)\"\n                (keyup.space)=\"selectTag(tag, $event)\"\n              ></ui-tag>\n            }\n\n            @if (tagsInDropdown().length) {\n              <ui-button\n                class=\"view-more\"\n                variant=\"text-inline\"\n                [label]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [ariaLabel]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [size]=\"'medium'\"\n                [disabled]=\"isLocked()\"\n                (click)=\"toggleDropdown()\"\n                (keydown.enter)=\"focusTagDropdown()\"\n                cdkOverlayOrigin\n                #dropdownTrigger=\"cdkOverlayOrigin\"\n              ></ui-button>\n            }\n          </div>\n\n          <div class=\"flex-container\">\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [ariaLabel]=\"'Scroll left button'\"\n              [iconName]=\"'Arrow-chevron-left-in-line'\"\n              [disabled]=\"isLocked() || tagsScrollContainer.scrollLeft === 0\"\n              (click)=\"tagsScrollContainer.scrollBy({ left: -100, behavior: 'smooth' })\"\n            ></ui-button>\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Arrow-chevron-right-in-line'\"\n              [ariaLabel]=\"'Scroll right button'\"\n              [disabled]=\"\n                isLocked() ||\n                tagsScrollContainer.scrollLeft + tagsScrollContainer.clientWidth >= tagsScrollContainer.scrollWidth\n              \"\n              (click)=\"tagsScrollContainer.scrollBy({ left: 100, behavior: 'smooth' })\"\n            ></ui-button>\n          </div>\n        </div>\n      }\n\n      @if (showCharacterCount()) {\n        <span class=\"prompt-character-count\" [class.over-limit]=\"isOverCharacterLimit()\"\n          >{{ promptTextValue().length }} / {{ maxCharacters() }}</span\n        >\n        <span class=\"prompt-character-count-status\" aria-live=\"polite\">\n          @if (characterCountAnnouncement(); as announcement) {\n            {{ announcement.key | uiTranslate: announcement.params | async }}\n          }\n        </span>\n      }\n\n      @if (showSendButton()) {\n        <ui-button\n          class=\"send-button\"\n          animate.enter=\"cnp-prompt-pop-in\"\n          [variant]=\"'secondary'\"\n          [iconName]=\"'Arrow-up-in-line'\"\n          [tooltip]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [tooltipPosition]=\"'above'\"\n          [size]=\"'medium'\"\n          [disabled]=\"!canSubmit()\"\n          (click)=\"sendPromptData()\"\n        ></ui-button>\n      }\n    </div>\n\n    <div class=\"prompt-projected-footer\">\n      <ng-content select=\"[promptFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div class=\"prompt-error\" animate.enter=\"cnp-prompt-error-in\">\n      <ui-icon [name]=\"'Error'\" color=\"red\"></ui-icon>\n      <span>{{ errorMessage() }}</span>\n    </div>\n  }\n\n  <!--  Dropdown for hidden tags -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"isDropdownOpened() && !isLocked()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"dropdownOutsideClick()\"\n  >\n    <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\" animate.enter=\"cnp-prompt-dropdown-in\">\n      @for (tag of tagsInDropdown(); track tag) {\n        <div\n          class=\"dropdown-tag\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"tag.label\"\n          role=\"listitem\"\n          (click)=\"selectTag(tag, $event)\"\n          (keyup.enter)=\"selectTag(tag, $event)\"\n          (keyup.space)=\"selectTag(tag, $event)\"\n        >\n          {{ tag.label }}\n        </div>\n      }\n    </div>\n  </ng-template>\n\n  <!-- Built-in items dropdown (UI-877) \u2014 opens on focus, typing filters by label -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"itemsDropdownVisible()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"itemsDropdownOutsideClick($event)\"\n  >\n    <div\n      class=\"dropdown-container custom-dropdown-container\"\n      animate.enter=\"cnp-prompt-dropdown-in\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @if (dropdownHeading() || showDropdownClose()) {\n        <div class=\"dropdown-header\">\n          @if (dropdownHeading()) {\n            <span class=\"dropdown-heading\">{{ dropdownHeading() }}</span>\n          }\n          @if (showDropdownClose()) {\n            <ui-button\n              class=\"dropdown-close\"\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Close-in-line'\"\n              [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              [tooltipPosition]=\"'above'\"\n              [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              (click)=\"closeItemsDropdown()\"\n            ></ui-button>\n          }\n        </div>\n      }\n      <div role=\"list\">\n        @for (item of filteredDropdownItems(); track item.id) {\n          <div\n            class=\"dropdown-tag dropdown-item\"\n            tabindex=\"0\"\n            role=\"listitem\"\n            [attr.aria-label]=\"item.label\"\n            (click)=\"selectDropdownItem(item, $event)\"\n            (keydown.enter)=\"selectDropdownItem(item, $event)\"\n            (keydown.space)=\"selectDropdownItem(item, $event)\"\n          >\n            @if (item.icon) {\n              <ui-icon class=\"dropdown-item-icon\" [name]=\"item.icon\" [color]=\"'inherit'\"></ui-icon>\n            }\n            <span class=\"dropdown-item-label\">{{ item.label }}</span>\n            <ui-icon class=\"dropdown-item-chevron\" [name]=\"'Arrow-chevron-right-in-line'\" [color]=\"'inherit'\"></ui-icon>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host ::ng-deep ui-field.prompt-text>mat-form-field{vertical-align:top}:host ::ng-deep ui-field.prompt-text .mat-mdc-text-field-wrapper{border-radius:10px!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper{background:transparent}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{padding-bottom:0!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper textarea{max-height:220px!important}:host ::ng-deep ui-button.send-button .rounded-icon .mdc-button{width:48px!important;height:48px!important}:host ::ng-deep ui-overflow-menu button.mat-mdc-unelevated-button.ghost.light-theme.only-icon{border:none}.prompt-container{border:1px solid #919191;border-radius:10px;background-color:#fff;outline:0 solid transparent;outline-offset:-2px;transition:border-color .18s cubic-bezier(.2,0,0,1),outline-color .18s cubic-bezier(.2,0,0,1),outline-width .12s cubic-bezier(.2,0,0,1);--ui-prompt-ring: inset 0 0 0 2px transparent}.prompt-container:after{content:\"\";position:absolute;z-index:1;inset:-1px;border-radius:inherit;box-shadow:var(--ui-prompt-ring);pointer-events:none;transition:box-shadow .18s cubic-bezier(.2,0,0,1)}.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px #000000;border:1px solid black;outline:1px solid black}.prompt-container.disabled{border:1px solid #d3d3d3}.prompt-container.disabled.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px transparent;outline-width:0}.prompt-container.disabled .prompt-icon{color:#d3d3d3}ui-field.prompt-text{transition:padding-left .12s cubic-bezier(.2,0,0,1)}ui-field.show-icon{padding-left:24px}.prompt-icon{position:absolute;top:14px;left:16px;color:#666;transition:color .12s cubic-bezier(.2,0,0,1)}.prompt-icon.hovered{color:#000}.dropdown-container{width:100%}.custom-dropdown-container{overflow:hidden;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #00000014}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.dropdown-heading{font-weight:700}.dropdown-close{margin-left:auto}.dropdown-item{display:flex;gap:12px;align-items:center}.dropdown-item-icon,.dropdown-item-chevron{flex-shrink:0}.dropdown-item-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-tag{padding:16px;background-color:#fff;transition:background-color .12s cubic-bezier(.2,0,0,1)}.dropdown-tag:hover,.dropdown-tag:focus{background-color:#fff2fc;cursor:pointer}.carousel{flex-grow:1;min-width:0}.tag-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tag-container::-webkit-scrollbar{display:none}.tag-container{margin:0 8px}#file-upload{display:none}.prompt-footer,.flex-container{display:flex;flex-flow:row nowrap;align-items:center}.prompt-footer{justify-content:space-between;padding:8px 16px}@media(max-width:600px){.prompt-footer{padding:8px}}@media(max-width:320px){.prompt-footer{padding:8px}}.prompt-character-count{margin-left:auto;padding-right:8px;color:#888;font-size:12px;line-height:16px;white-space:nowrap}.prompt-character-count.over-limit{color:#e02800}.prompt-character-count-status{position:absolute;left:-9999px}.prompt-projected-footer{display:none}.prompt-projected-footer:has(*){display:block;overflow:hidden;border-radius:0 0 9px 9px}.menu{display:flex;flex-flow:column nowrap;position:relative}.menu .menu-badge{position:absolute;right:0;z-index:1000}.view-more{margin-left:4px;white-space:nowrap}.view-more ::ng-deep button.mat-mdc-unelevated-button .label{white-space:nowrap}.prompt-container{position:relative}.prompt-container.has-error{--ui-prompt-ring: inset 0 0 0 2px #e02800;border:1px solid #e02800;outline:1px solid #e02800}.prompt-error{margin-top:4px;align-items:center;display:flex;color:#e02800;font-size:12px;line-height:16px}.prompt-error ui-icon{margin-right:4px}.prompt-loading{display:flex;flex-direction:column;gap:4px;padding:12px 16px 0}.prompt-loading ui-skeleton{height:20px}.ghost{position:absolute;top:0;left:0;bottom:16px;color:#888;border:none;pointer-events:none;background:transparent;width:100%;padding:12px 16px;font-size:inherit;line-height:22px;letter-spacing:inherit;font-weight:inherit;font-family:ModernGothic,sans-serif;resize:none}@keyframes cnp-prompt-fade-in{0%{opacity:0}}@keyframes cnp-prompt-icon-in{0%{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-icon-out{to{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-row-in{0%{opacity:0;transform:translateY(6px)}}@keyframes cnp-prompt-pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes cnp-prompt-error-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes cnp-prompt-dropdown-in{0%{opacity:0;transform:translateY(-6px)}}.cnp-prompt-fade-in{animation:cnp-prompt-fade-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-in{animation:cnp-prompt-icon-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-out{animation:cnp-prompt-icon-out .12s cubic-bezier(.2,0,0,1) both}.cnp-prompt-row-in{animation:cnp-prompt-row-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-pop-in{animation:cnp-prompt-pop-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-error-in{animation:cnp-prompt-error-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-dropdown-in{animation:cnp-prompt-dropdown-in .18s cubic-bezier(.2,0,0,1) both}@media(prefers-reduced-motion:reduce){.prompt-container,.prompt-container:after,.prompt-icon,.dropdown-tag,ui-field.prompt-text{transition:none}.cnp-prompt-fade-in,.cnp-prompt-icon-in,.cnp-prompt-icon-out,.cnp-prompt-row-in,.cnp-prompt-pop-in,.cnp-prompt-error-in,.cnp-prompt-dropdown-in{animation-duration:1ms}}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: SkeletonComponent, selector: "ui-skeleton", inputs: ["count", "theme", "appearance", "isAiTheme", "applicationTheme"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: FieldComponent, selector: "ui-field", inputs: ["fullWidth", "fullHeight", "label", "labelHtml", "labelIcon", "fieldName", "placeholder", "id", "value", "badgeVariant", "errors", "disabled", "required", "readOnly", "hintMessage", "type", "updateOnBlur", "allowOnlyDigits", "isAutocompleteOff", "allowNegative", "showBottomContent", "applicationTheme", "ariaLabel", "testId", "loading", "isValid", "maxCharacters", "trimOnBlur", "trimOnSubmit", "maxRows", "hasTextAreaCounter", "hideBuiltInErrors", "hideLabelInErrors", "max", "min", "textareaHeight", "borderless", "autosizableTextarea", "isAIVariant", "ariaLabelledby", "ariaDescribedby", "hasError"], outputs: ["validateEvent", "fieldBlur"] }, { kind: "component", type: TagComponent, selector: "ui-tag", inputs: ["label", "icon", "allowClose", "readOnly", "isSelected", "showIconWhenSelected", "pinnedBackground", "constrainWidth", "isDisabled", "applicationTheme", "ariaLabel", "testId", "ariaRequired", "showBadge", "notificationsAmount"], outputs: ["isSelectedChange", "close", "press"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["label", "staticLabel", "icon", "iconColor", "trailingIcon", "trailingIconColor", "color", "variant", "notificationsAmount", "applicationTheme", "rebrandColor", "truncateLabel", "enableAnimation"] }, { kind: "component", type: OverflowMenuComponent, selector: "ui-overflow-menu", inputs: ["buttons", "iconTrigger", "menuLabel", "applicationTheme", "ariaLabel", "testId", "ariaRequired", "describedby", "contentTemplateRef", "buttonVariant", "buttonSize", "menuConfig", "selectionMode", "isDynamicMenu", "withRemovableOption"], outputs: ["selectItem", "menuOpened", "menuClosed"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: PromptComponent, decorators: [{
             type: Component,

package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-prompt.mjs","sources":["../../../components/prompt/prompt.component.ts","../../../components/prompt/prompt.component.html","../../../components/prompt/prompt.module.ts","../../../components/prompt/testgorilla-tgo-ui-components-prompt.ts"],"sourcesContent":["import { ConnectedPosition, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';\nimport { NgClass, AsyncPipe } from '@angular/common';\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  Input,\n  OnInit,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { debounceTime, firstValueFrom, fromEvent, map, tap } from 'rxjs';\n\nimport { BadgeComponent } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponent } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponent } from '@testgorilla/tgo-ui/components/icon';\nimport { OverflowMenuButtonsType, OverflowMenuComponent } from '@testgorilla/tgo-ui/components/overflow-menu';\nimport { SkeletonComponent } from '@testgorilla/tgo-ui/components/skeleton';\nimport { TagComponent } from '@testgorilla/tgo-ui/components/tag';\n\nimport { PromptActionTag, PromptData, PromptDropdownItem, PromptTag } from './prompt.model';\n\n/** Throttles outward `ControlValueAccessor` emissions only; the signal write is synchronous. */\nconst INPUT_EMIT_DEBOUNCE_MS = 200;\n\n/** Window after `compositionend` in which an Enter still counts as committing an IME candidate. */\nconst IME_COMMIT_GRACE_MS = 50;\n\nconst CHARACTER_COUNT_ANNOUNCE_DEBOUNCE_MS = 1000;\n\nconst CHARACTER_COUNT_ANNOUNCE_THRESHOLD = 0.1;\n\n@Component({\n  selector: 'ui-prompt',\n  templateUrl: './prompt.component.html',\n  styleUrl: './prompt.component.scss',\n  providers: [\n    UiTranslatePipe,\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PromptComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CdkOverlayOrigin,\n    NgClass,\n    SkeletonComponent,\n    IconComponent,\n    FieldComponent,\n    TagComponent,\n    ButtonComponent,\n    BadgeComponent,\n    OverflowMenuComponent,\n    MatTooltip,\n    CdkConnectedOverlay,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class PromptComponent implements ControlValueAccessor, OnInit, AfterViewInit {\n  private readonly disabledState = signal(false);\n\n  tags = input<PromptTag[]>([]);\n  actionTag = input<PromptActionTag | null>(null);\n  maxCharacters = input<number>(255);\n  supportedFileTypes = input<string>('');\n  autoClear = input<boolean>(true);\n  showSendButton = input<boolean>(false);\n  sendButtonDisabled = input(false, { transform: booleanAttribute });\n  enableFileUpload = input<boolean>(false);\n  loading = input(false, { transform: booleanAttribute });\n\n  /**\n   * Placeholder for the prompt.\n   */\n  placeholder = input<string>('');\n\n  /**\n   * Custom error message displayed below the prompt.\n   */\n  errorMessage = input<string>('');\n\n  /** Items for the built-in dropdown; opens on focus, filters by label as the user types. */\n  dropdownItems = input<PromptDropdownItem[]>([]);\n  dropdownHeading = input<string>('');\n  showDropdownClose = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether to display a live `used / max` character count in the footer.\n   */\n  showCharacterCount = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether the prompt is disabled.\n   * @type {boolean}\n   * @memberof PromptComponent\n   */\n  @Input({ transform: booleanAttribute })\n  get disabled(): boolean {\n    return this.disabledState();\n  }\n  set disabled(value: boolean) {\n    this.setDisabledState(value);\n  }\n\n  promptData = output<PromptData>();\n  actionTagFileSelected = output<File>();\n  dropdownItemSelected = output<PromptDropdownItem>();\n  dropdownClosed = output<void>();\n\n  promptFilesList = signal<File[]>([]);\n  promptTextValue = signal<string>('');\n  fileListMenuConfig = signal<OverflowMenuButtonsType[]>([]);\n\n  tagsVisible = signal<PromptTag[]>([]);\n  tagsInDropdown = signal<PromptTag[]>([]);\n  autocompleteSuggestion = signal<string>('');\n\n  isDropdownOpened = signal<boolean>(false);\n  private readonly keepDropdownClosed = signal(false);\n  isFieldHovered = signal(false);\n  isFieldFocused = signal(false);\n\n  /** True while an IME candidate window is open (CJK input). */\n  private readonly composing = signal(false);\n  private compositionEndedAt = 0;\n\n  filteredDropdownItems = computed(() => {\n    const query = this.promptTextValue().trim().toLowerCase();\n    return this.dropdownItems().filter(item => {\n      const label = item.label.toLowerCase();\n      return label !== query && (!query || label.includes(query));\n    });\n  });\n\n  // Derived from focus so blur closes the overlay for free.\n  itemsDropdownVisible = computed(\n    () =>\n      this.isFieldFocused() && !this.keepDropdownClosed() && this.filteredDropdownItems().length > 0 && !this.isLocked()\n  );\n\n  /** True while focus sits anywhere inside the prompt. */\n  isContainerFocused = signal(false);\n\n  isHighlighted = computed(() => this.isFieldHovered() || this.isContainerFocused());\n\n  readonly showFocusRing = computed(() => this.isHighlighted() && !this.loading());\n  fileInputAccept = computed(() => this.actionTag()?.acceptedFileTypes ?? this.supportedFileTypes());\n\n  isLocked = computed(() => this.disabledState() || this.loading());\n\n  private readonly hasContent = computed(\n    () => Boolean(this.promptTextValue().trim()) || this.promptFilesList().length > 0\n  );\n\n  /**\n   * Shared by the Send button's disabled state and the Enter shortcut, so they cannot disagree.\n   * Ignores `showSendButton` on purpose: this is whether submission is allowed, not whether a\n   * button is rendered.\n   */\n  readonly canSubmit = computed(() => !this.isLocked() && !this.sendButtonDisabled() && this.hasContent());\n\n  readonly isOverCharacterLimit = computed(() => this.promptTextValue().length > this.maxCharacters());\n\n  private readonly announcedTextValue = toSignal(\n    toObservable(computed(() => (this.showCharacterCount() ? this.promptTextValue() : ''))).pipe(\n      debounceTime(CHARACTER_COUNT_ANNOUNCE_DEBOUNCE_MS)\n    ),\n    { initialValue: '' }\n  );\n\n  readonly characterCountAnnouncement = computed<{ key: string; params: { count: number } } | null>(() => {\n    if (!this.showCharacterCount()) {\n      return null;\n    }\n\n    const max = this.maxCharacters();\n    const remaining = max - this.announcedTextValue().length;\n\n    if (remaining < 0) {\n      return { key: 'PROMPT.CHARACTERS_OVER_LIMIT', params: { count: -remaining } };\n    }\n    if (remaining <= max * CHARACTER_COUNT_ANNOUNCE_THRESHOLD) {\n      return { key: 'PROMPT.CHARACTERS_REMAINING', params: { count: remaining } };\n    }\n\n    return null;\n  });\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly translationPipe = inject(UiTranslatePipe);\n\n  private readonly resetOnLock = effect(() => {\n    if (this.isLocked()) {\n      this.isDropdownOpened.set(false);\n      this.isFieldFocused.set(false);\n      this.isFieldHovered.set(false);\n      this.isContainerFocused.set(false);\n      this.autocompleteSuggestion.set('');\n      this.composing.set(false);\n    }\n  });\n\n  fileDrop = viewChild<ElementRef<HTMLInputElement>>('fileDropRef');\n  tagDropdown = viewChild<ElementRef<HTMLInputElement>>('tagDropdown');\n  fieldComponentRef = viewChild.required<FieldComponent>('textarea');\n  private readonly promptContainer = viewChild.required<ElementRef<HTMLElement>>('promptContainerRef');\n\n  readonly dropdownPositions: ConnectedPosition[] = [\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'top',\n    },\n  ];\n\n  ngOnInit() {\n    this.initTags();\n  }\n\n  ngAfterViewInit() {\n    setTimeout(() => {\n      this.syncInputChange();\n    }, 0);\n  }\n\n  private async uploadFile(event: Event): Promise<void> {\n    const files = (event.currentTarget as HTMLInputElement).files;\n    if (files?.length) {\n      this.promptFilesList.update(list => {\n        list.push(files.item(0) as File);\n        return list;\n      });\n      this.emitValue();\n      await this.updateFileMenu();\n    }\n  }\n\n  sendPromptData(): void {\n    if (!this.canSubmit()) {\n      return;\n    }\n    this.promptData.emit({ text: this.promptTextValue() || '', files: this.promptFilesList() });\n\n    if (this.autoClear()) {\n      this.clearPromptData();\n    }\n  }\n\n  selectedMenuOption(menuOptionValue: string): void {\n    const updatedConfig = this.fileListMenuConfig().filter(menu => menu.value !== menuOptionValue);\n    const updatedFileList = this.promptFilesList().filter(file => file.name !== menuOptionValue);\n    this.promptFilesList.set(updatedFileList);\n    this.fileListMenuConfig.set(updatedConfig);\n  }\n\n  selectTag(tag: PromptTag, event: Event): void {\n    if (this.isLocked()) {\n      return;\n    }\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.isDropdownOpened.set(false);\n    this.promptTextValue.set(tag.label);\n    this.autocompleteSuggestion.set(`${tag.label} ${tag.autocomplete}`);\n    this.fieldComponentRef().field.nativeElement.focus();\n    this.onTouch();\n  }\n\n  onTextareaTab(event: Event): void {\n    if (this.isLocked()) {\n      return;\n    }\n    if (this.autocompleteSuggestion()) {\n      event.preventDefault();\n      this.promptTextValue.set(this.autocompleteSuggestion());\n      this.autocompleteSuggestion.set('');\n    }\n  }\n\n  onTextareaEnter(event: Event): void {\n    const keyboardEvent = event as KeyboardEvent;\n    // Three checks because browsers disagree on when `compositionend` fires relative to the\n    // Enter that commits an IME candidate: Chrome/Firefox after, Safari before, Android during.\n    if (keyboardEvent.isComposing || this.composing() || Date.now() - this.compositionEndedAt < IME_COMMIT_GRACE_MS) {\n      return;\n    }\n    // Unconditional, so a blocked Enter is swallowed rather than inserting a newline.\n    event.preventDefault();\n    this.sendPromptData();\n  }\n\n  dropdownOutsideClick(): void {\n    this.isDropdownOpened.set(false);\n  }\n\n  onFieldBlur(): void {\n    this.isFieldFocused.set(false);\n  }\n\n  onContainerFocusIn(): void {\n    this.isContainerFocused.set(true);\n  }\n\n  onContainerFocusOut(event: FocusEvent): void {\n    const next = event.relatedTarget;\n\n    if (next instanceof Node && this.promptContainer().nativeElement.contains(next)) {\n      return;\n    }\n\n    this.isContainerFocused.set(false);\n  }\n\n  itemsDropdownOutsideClick(event: MouseEvent): void {\n    if (this.promptContainer().nativeElement.contains(event.target as Node)) {\n      return;\n    }\n    this.isFieldFocused.set(false);\n    this.dropdownClosed.emit();\n  }\n\n  closeItemsDropdown(): void {\n    this.keepDropdownClosed.set(true);\n    this.dropdownClosed.emit();\n  }\n\n  onTextareaEscape(event: Event): void {\n    if (this.itemsDropdownVisible()) {\n      // Consume it only when it dismissed the dropdown, so an Escape with nothing open still\n      // reaches an enclosing ui-dialog / ui-side-sheet.\n      event.stopPropagation();\n      this.closeItemsDropdown();\n    }\n  }\n\n  selectDropdownItem(item: PromptDropdownItem, event: Event): void {\n    if (this.isLocked()) {\n      return;\n    }\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.keepDropdownClosed.set(true);\n    this.promptTextValue.set(item.label);\n    this.autocompleteSuggestion.set('');\n    this.fieldComponentRef().field.nativeElement.focus();\n    this.dropdownItemSelected.emit(item);\n    this.emitValue();\n  }\n\n  toggleDropdown(): void {\n    if (this.isLocked()) {\n      return;\n    }\n    this.isDropdownOpened.set(!this.isDropdownOpened());\n  }\n\n  focusTagDropdown(): void {\n    setTimeout(() => {\n      this.tagDropdown()?.nativeElement.focus();\n    }, 300);\n  }\n\n  private syncInputChange() {\n    if (!this.fieldComponentRef()?.field?.nativeElement) {\n      return;\n    }\n\n    const textarea = this.fieldComponentRef().field.nativeElement;\n\n    fromEvent(textarea, 'input')\n      .pipe(\n        map((event: Event) => (event.target as HTMLInputElement).value),\n        // Synchronous, so Enter and the Send button never observe a stale value.\n        tap(value => {\n          this.promptTextValue.set(value);\n          this.keepDropdownClosed.set(false);\n          if (this.autocompleteSuggestion()) {\n            this.autocompleteSuggestion.set('');\n          }\n        }),\n        debounceTime(INPUT_EMIT_DEBOUNCE_MS),\n        tap(() => this.emitValue()),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe();\n\n    fromEvent(textarea, 'compositionstart')\n      .pipe(\n        tap(() => this.composing.set(true)),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe();\n\n    fromEvent(textarea, 'compositionend')\n      .pipe(\n        tap(() => {\n          this.composing.set(false);\n          this.compositionEndedAt = Date.now();\n        }),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe();\n  }\n\n  private initTags(): void {\n    if (!this.tags()?.length) {\n      return;\n    }\n    if (this.tags().length <= 5) {\n      this.tagsVisible.set(this.tags());\n      return;\n    }\n\n    this.tagsVisible.set(this.tags().slice(0, 5));\n    this.tagsInDropdown.set(this.tags().slice(5));\n  }\n\n  private async updateFileMenu(): Promise<void> {\n    const menuConfig: OverflowMenuButtonsType[] = [];\n    const tooltip = await firstValueFrom(this.translationPipe.transform('COMMON.DELETE'));\n    this.promptFilesList().forEach(file => {\n      menuConfig.push({\n        label: file.name,\n        value: file.name,\n        icon: 'Delete',\n        tooltipText: tooltip,\n      });\n    });\n    this.fileListMenuConfig.set(menuConfig);\n  }\n\n  private clearPromptData(): void {\n    this.promptTextValue.set('');\n    this.promptFilesList.set([]);\n    this.fileListMenuConfig.set([]);\n  }\n\n  writeValue(value: PromptData): void {\n    this.promptTextValue.set(value?.text ?? '');\n    this.promptFilesList.set(value?.files ?? []);\n  }\n  private onChange = (_value: PromptData): void => {};\n  private onTouch = () => {};\n\n  registerOnChange(fn: (value: PromptData) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledState.set(isDisabled);\n  }\n\n  async onFileSelected(event: Event): Promise<void> {\n    if (this.isLocked()) {\n      return;\n    }\n    if (this.actionTag()) {\n      this.handleActionTagFile(event);\n    } else {\n      await this.uploadFile(event);\n    }\n  }\n\n  onActionTagPress(): void {\n    if (this.isLocked() || this.actionTag()?.disabled) {\n      return;\n    }\n    this.fileDrop()?.nativeElement.click();\n  }\n\n  private handleActionTagFile(event: Event): void {\n    const inputEl = event.currentTarget as HTMLInputElement;\n    const file = inputEl.files?.item(0) ?? null;\n    if (file) {\n      this.actionTagFileSelected.emit(file);\n    }\n    inputEl.value = '';\n  }\n\n  private emitValue(): void {\n    this.onChange({ text: this.promptTextValue() || '', files: this.promptFilesList() });\n    this.onTouch();\n  }\n}\n","<ng-container>\n  <div\n    class=\"prompt-container\"\n    [class.has-error]=\"!!errorMessage()\"\n    [class.disabled]=\"isLocked()\"\n    [attr.aria-disabled]=\"isLocked()\"\n    [attr.aria-busy]=\"loading() ? 'true' : null\"\n    cdkOverlayOrigin\n    #promptOrigin=\"cdkOverlayOrigin\"\n    #promptContainerRef\n    [class.prompt-container-focused]=\"showFocusRing()\"\n    (focusin)=\"onContainerFocusIn()\"\n    (focusout)=\"onContainerFocusOut($event)\"\n  >\n    @if (loading()) {\n      <div class=\"prompt-loading\" aria-hidden=\"true\" animate.enter=\"cnp-prompt-fade-in\">\n        <ui-skeleton [theme]=\"{ width: '100%', height: '20px', margin: '0' }\"></ui-skeleton>\n        <ui-skeleton [theme]=\"{ width: '30%', height: '20px', margin: '0' }\"></ui-skeleton>\n      </div>\n    }\n    <div class=\"prompt-autocomplete\" [hidden]=\"loading()\">\n      <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n\n      @let showIcon = !isFieldFocused() && !promptTextValue();\n      @if (showIcon) {\n        <ui-icon\n          class=\"prompt-icon\"\n          animate.enter=\"cnp-prompt-icon-in\"\n          animate.leave=\"cnp-prompt-icon-out\"\n          [color]=\"'inherit'\"\n          [class.hovered]=\"isFieldHovered()\"\n          [name]=\"'Sparkle-in-line'\"\n        ></ui-icon>\n      }\n      <!-- `keydown.enter` matches unmodified Enter only; Shift+Enter resolves to `shift.enter`\n           and falls through to a newline. Do not add a shiftKey check. -->\n      <ui-field\n        #textarea\n        class=\"prompt-text\"\n        [class.show-icon]=\"showIcon\"\n        role=\"input\"\n        [showBottomContent]=\"false\"\n        [borderless]=\"true\"\n        [type]=\"'multi-line'\"\n        [autosizableTextarea]=\"true\"\n        [maxCharacters]=\"maxCharacters()\"\n        [placeholder]=\"showIcon ? placeholder() || ('PROMPT.ASK_ANYTHING' | uiTranslate | async)! : ''\"\n        [value]=\"promptTextValue() || ''\"\n        [hasTextAreaCounter]=\"false\"\n        [disabled]=\"disabled\"\n        (mouseenter)=\"isFieldHovered.set(true)\"\n        (mouseleave)=\"isFieldHovered.set(false)\"\n        (focusin)=\"isFieldFocused.set(true)\"\n        (fieldBlur)=\"onFieldBlur()\"\n        (keydown.tab)=\"onTextareaTab($event)\"\n        (keydown.enter)=\"onTextareaEnter($event)\"\n        (keydown.escape)=\"onTextareaEscape($event)\"\n      ></ui-field>\n    </div>\n    <div class=\"prompt-footer flex-container\">\n      <div class=\"flex-container\">\n        @if (actionTag(); as at) {\n          <ui-tag\n            [label]=\"at.label\"\n            [icon]=\"at.icon ?? 'Plus'\"\n            [ariaLabel]=\"at.ariaLabel ?? at.label\"\n            [isDisabled]=\"isLocked() || !!at.disabled\"\n            (press)=\"onActionTagPress()\"\n          ></ui-tag>\n        } @else if (enableFileUpload()) {\n          <ui-button\n            [variant]=\"'icon-button'\"\n            [tooltip]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [tooltipPosition]=\"'above'\"\n            [ariaLabel]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [iconName]=\"'Plus'\"\n            [disabled]=\"isLocked()\"\n            (click)=\"fileDrop()?.nativeElement?.click()\"\n          ></ui-button>\n\n          @if (promptFilesList().length) {\n            <div class=\"menu\" animate.enter=\"cnp-prompt-pop-in\">\n              <ui-badge\n                [notificationsAmount]=\"promptFilesList().length\"\n                [variant]=\"'notification'\"\n                class=\"menu-badge\"\n              ></ui-badge>\n              <ui-overflow-menu\n                [matTooltip]=\"('PROMPT.FILES' | uiTranslate | async)!\"\n                [matTooltipPosition]=\"'above'\"\n                [buttonSize]=\"'medium'\"\n                [iconTrigger]=\"'Document'\"\n                [buttonVariant]=\"'ghost'\"\n                [buttons]=\"fileListMenuConfig()\"\n                [isDynamicMenu]=\"true\"\n                [withRemovableOption]=\"true\"\n                (selectItem)=\"selectedMenuOption($event)\"\n              ></ui-overflow-menu>\n            </div>\n          }\n        }\n\n        @if (actionTag() || enableFileUpload()) {\n          <input\n            data-testid=\"prompt-file-input\"\n            [tabIndex]=\"-1\"\n            class=\"form-control\"\n            #fileDropRef\n            type=\"file\"\n            id=\"file-upload\"\n            [accept]=\"fileInputAccept()\"\n            [disabled]=\"isLocked()\"\n            (change)=\"onFileSelected($event)\"\n          />\n        }\n      </div>\n\n      @if (tags()?.length && !promptTextValue()) {\n        <div class=\"flex-container carousel\" animate.enter=\"cnp-prompt-row-in\">\n          <div class=\"tag-container flex-container\" role=\"list\" #tagsScrollContainer>\n            @for (tag of tagsVisible(); track tag) {\n              <ui-tag\n                [label]=\"tag.label\"\n                role=\"listitem\"\n                [ariaLabel]=\"tag.label\"\n                [isDisabled]=\"isLocked()\"\n                (click)=\"selectTag(tag, $event)\"\n                (keyup.enter)=\"selectTag(tag, $event)\"\n                (keyup.space)=\"selectTag(tag, $event)\"\n              ></ui-tag>\n            }\n\n            @if (tagsInDropdown().length) {\n              <ui-button\n                class=\"view-more\"\n                variant=\"text-inline\"\n                [label]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [ariaLabel]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [size]=\"'medium'\"\n                [disabled]=\"isLocked()\"\n                (click)=\"toggleDropdown()\"\n                (keydown.enter)=\"focusTagDropdown()\"\n                cdkOverlayOrigin\n                #dropdownTrigger=\"cdkOverlayOrigin\"\n              ></ui-button>\n            }\n          </div>\n\n          <div class=\"flex-container\">\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [ariaLabel]=\"'Scroll left button'\"\n              [iconName]=\"'Arrow-chevron-left-in-line'\"\n              [disabled]=\"isLocked() || tagsScrollContainer.scrollLeft === 0\"\n              (click)=\"tagsScrollContainer.scrollBy({ left: -100, behavior: 'smooth' })\"\n            ></ui-button>\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Arrow-chevron-right-in-line'\"\n              [ariaLabel]=\"'Scroll right button'\"\n              [disabled]=\"\n                isLocked() ||\n                tagsScrollContainer.scrollLeft + tagsScrollContainer.clientWidth >= tagsScrollContainer.scrollWidth\n              \"\n              (click)=\"tagsScrollContainer.scrollBy({ left: 100, behavior: 'smooth' })\"\n            ></ui-button>\n          </div>\n        </div>\n      }\n\n      @if (showCharacterCount()) {\n        <span class=\"prompt-character-count\" [class.over-limit]=\"isOverCharacterLimit()\"\n          >{{ promptTextValue().length }} / {{ maxCharacters() }}</span\n        >\n        <span class=\"prompt-character-count-status\" aria-live=\"polite\">\n          @if (characterCountAnnouncement(); as announcement) {\n            {{ announcement.key | uiTranslate: announcement.params | async }}\n          }\n        </span>\n      }\n\n      @if (showSendButton()) {\n        <ui-button\n          class=\"send-button\"\n          animate.enter=\"cnp-prompt-pop-in\"\n          [variant]=\"'secondary'\"\n          [iconName]=\"'Arrow-up-in-line'\"\n          [tooltip]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [tooltipPosition]=\"'above'\"\n          [size]=\"'medium'\"\n          [disabled]=\"!canSubmit()\"\n          (click)=\"sendPromptData()\"\n        ></ui-button>\n      }\n    </div>\n\n    <div class=\"prompt-projected-footer\">\n      <ng-content select=\"[promptFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div class=\"prompt-error\" animate.enter=\"cnp-prompt-error-in\">\n      <ui-icon [name]=\"'Error'\" color=\"red\"></ui-icon>\n      <span>{{ errorMessage() }}</span>\n    </div>\n  }\n\n  <!--  Dropdown for hidden tags -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"isDropdownOpened() && !isLocked()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"dropdownOutsideClick()\"\n  >\n    <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\" animate.enter=\"cnp-prompt-dropdown-in\">\n      @for (tag of tagsInDropdown(); track tag) {\n        <div\n          class=\"dropdown-tag\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"tag.label\"\n          role=\"listitem\"\n          (click)=\"selectTag(tag, $event)\"\n          (keyup.enter)=\"selectTag(tag, $event)\"\n          (keyup.space)=\"selectTag(tag, $event)\"\n        >\n          {{ tag.label }}\n        </div>\n      }\n    </div>\n  </ng-template>\n\n  <!-- Built-in items dropdown (UI-877) — opens on focus, typing filters by label -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"itemsDropdownVisible()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"itemsDropdownOutsideClick($event)\"\n  >\n    <div\n      class=\"dropdown-container custom-dropdown-container\"\n      animate.enter=\"cnp-prompt-dropdown-in\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @if (dropdownHeading() || showDropdownClose()) {\n        <div class=\"dropdown-header\">\n          @if (dropdownHeading()) {\n            <span class=\"dropdown-heading\">{{ dropdownHeading() }}</span>\n          }\n          @if (showDropdownClose()) {\n            <ui-button\n              class=\"dropdown-close\"\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Close-in-line'\"\n              [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              [tooltipPosition]=\"'above'\"\n              [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              (click)=\"closeItemsDropdown()\"\n            ></ui-button>\n          }\n        </div>\n      }\n      <div role=\"list\">\n        @for (item of filteredDropdownItems(); track item.id) {\n          <div\n            class=\"dropdown-tag dropdown-item\"\n            tabindex=\"0\"\n            role=\"listitem\"\n            [attr.aria-label]=\"item.label\"\n            (click)=\"selectDropdownItem(item, $event)\"\n            (keydown.enter)=\"selectDropdownItem(item, $event)\"\n            (keydown.space)=\"selectDropdownItem(item, $event)\"\n          >\n            @if (item.icon) {\n              <ui-icon class=\"dropdown-item-icon\" [name]=\"item.icon\" [color]=\"'inherit'\"></ui-icon>\n            }\n            <span class=\"dropdown-item-label\">{{ item.label }}</span>\n            <ui-icon class=\"dropdown-item-chevron\" [name]=\"'Arrow-chevron-right-in-line'\" [color]=\"'inherit'\"></ui-icon>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n","import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { CardComponentModule } from '@testgorilla/tgo-ui/components/card';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { OverflowMenuComponentModule } from '@testgorilla/tgo-ui/components/overflow-menu';\nimport { SkeletonComponent } from '@testgorilla/tgo-ui/components/skeleton';\nimport { TagComponentModule } from '@testgorilla/tgo-ui/components/tag';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { PromptComponent } from './prompt.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FieldComponentModule,\n    ButtonComponentModule,\n    OverflowMenuComponentModule,\n    TagComponentModule,\n    BadgeComponentModule,\n    CdkOverlayOrigin,\n    CdkConnectedOverlay,\n    CardComponentModule,\n    CdkTextareaAutosize,\n    TooltipComponentModule,\n    MatTooltip,\n    UiTranslatePipe,\n    IconComponentModule,\n    SkeletonComponent,\n    PromptComponent,\n  ],\n  exports: [PromptComponent],\n})\nexport class PromptModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-prompt.mjs","sources":["../../../components/prompt/prompt.component.ts","../../../components/prompt/prompt.component.html","../../../components/prompt/prompt.module.ts","../../../components/prompt/testgorilla-tgo-ui-components-prompt.ts"],"sourcesContent":["import { ConnectedPosition, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';\nimport { NgClass, AsyncPipe } from '@angular/common';\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  Input,\n  OnInit,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { debounceTime, firstValueFrom, fromEvent, map, tap } from 'rxjs';\n\nimport { BadgeComponent } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponent } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponent } from '@testgorilla/tgo-ui/components/icon';\nimport { OverflowMenuButtonsType, OverflowMenuComponent } from '@testgorilla/tgo-ui/components/overflow-menu';\nimport { SkeletonComponent } from '@testgorilla/tgo-ui/components/skeleton';\nimport { TagComponent } from '@testgorilla/tgo-ui/components/tag';\n\nimport { PromptActionTag, PromptData, PromptDropdownItem, PromptTag } from './prompt.model';\n\n/** Throttles outward `ControlValueAccessor` emissions only; the signal write is synchronous. */\nconst INPUT_EMIT_DEBOUNCE_MS = 200;\n\n/** Window after `compositionend` in which an Enter still counts as committing an IME candidate. */\nconst IME_COMMIT_GRACE_MS = 50;\n\nconst CHARACTER_COUNT_ANNOUNCE_DEBOUNCE_MS = 1000;\n\nconst CHARACTER_COUNT_ANNOUNCE_THRESHOLD = 0.1;\n\n@Component({\n  selector: 'ui-prompt',\n  templateUrl: './prompt.component.html',\n  styleUrl: './prompt.component.scss',\n  providers: [\n    UiTranslatePipe,\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PromptComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CdkOverlayOrigin,\n    NgClass,\n    SkeletonComponent,\n    IconComponent,\n    FieldComponent,\n    TagComponent,\n    ButtonComponent,\n    BadgeComponent,\n    OverflowMenuComponent,\n    MatTooltip,\n    CdkConnectedOverlay,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class PromptComponent implements ControlValueAccessor, OnInit, AfterViewInit {\n  private readonly disabledState = signal(false);\n\n  tags = input<PromptTag[]>([]);\n  actionTag = input<PromptActionTag | null>(null);\n  maxCharacters = input<number>(255);\n  supportedFileTypes = input<string>('');\n  autoClear = input<boolean>(true);\n  showSendButton = input<boolean>(false);\n  sendButtonDisabled = input(false, { transform: booleanAttribute });\n  enableFileUpload = input<boolean>(false);\n  loading = input(false, { transform: booleanAttribute });\n\n  /**\n   * Placeholder for the prompt.\n   */\n  placeholder = input<string>('');\n\n  /**\n   * Custom error message displayed below the prompt.\n   */\n  errorMessage = input<string>('');\n\n  /** Items for the built-in dropdown; opens on focus, filters by label as the user types. */\n  dropdownItems = input<PromptDropdownItem[]>([]);\n  dropdownHeading = input<string>('');\n  showDropdownClose = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether to display a live `used / max` character count in the footer.\n   */\n  showCharacterCount = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether the prompt is disabled.\n   * @type {boolean}\n   * @memberof PromptComponent\n   */\n  @Input({ transform: booleanAttribute })\n  get disabled(): boolean {\n    return this.disabledState();\n  }\n  set disabled(value: boolean) {\n    this.setDisabledState(value);\n  }\n\n  promptData = output<PromptData>();\n  actionTagFileSelected = output<File>();\n  dropdownItemSelected = output<PromptDropdownItem>();\n  dropdownClosed = output<void>();\n\n  promptFilesList = signal<File[]>([]);\n  promptTextValue = signal<string>('');\n  fileListMenuConfig = signal<OverflowMenuButtonsType[]>([]);\n\n  tagsVisible = signal<PromptTag[]>([]);\n  tagsInDropdown = signal<PromptTag[]>([]);\n  autocompleteSuggestion = signal<string>('');\n\n  isDropdownOpened = signal<boolean>(false);\n  private readonly keepDropdownClosed = signal(false);\n  isFieldHovered = signal(false);\n  isFieldFocused = signal(false);\n\n  /** True while an IME candidate window is open (CJK input). */\n  private readonly composing = signal(false);\n  private compositionEndedAt = 0;\n\n  filteredDropdownItems = computed(() => {\n    const query = this.promptTextValue().trim().toLowerCase();\n    return this.dropdownItems().filter(item => {\n      const label = item.label.toLowerCase();\n      return label !== query && (!query || label.includes(query));\n    });\n  });\n\n  // Derived from focus so blur closes the overlay for free.\n  itemsDropdownVisible = computed(\n    () =>\n      this.isFieldFocused() && !this.keepDropdownClosed() && this.filteredDropdownItems().length > 0 && !this.isLocked()\n  );\n\n  /** True while focus sits anywhere inside the prompt. */\n  isContainerFocused = signal(false);\n\n  isHighlighted = computed(() => this.isFieldHovered() || this.isContainerFocused());\n\n  readonly showFocusRing = computed(() => this.isHighlighted() && !this.loading());\n  fileInputAccept = computed(() => this.actionTag()?.acceptedFileTypes ?? this.supportedFileTypes());\n\n  isLocked = computed(() => this.disabledState() || this.loading());\n\n  private readonly hasContent = computed(\n    () => Boolean(this.promptTextValue().trim()) || this.promptFilesList().length > 0\n  );\n\n  /**\n   * Shared by the Send button's disabled state and the Enter shortcut, so they cannot disagree.\n   * Ignores `showSendButton` on purpose: this is whether submission is allowed, not whether a\n   * button is rendered.\n   */\n  readonly canSubmit = computed(() => !this.isLocked() && !this.sendButtonDisabled() && this.hasContent());\n\n  readonly isOverCharacterLimit = computed(() => this.promptTextValue().length > this.maxCharacters());\n\n  private readonly announcedTextValue = toSignal(\n    toObservable(computed(() => (this.showCharacterCount() ? this.promptTextValue() : ''))).pipe(\n      debounceTime(CHARACTER_COUNT_ANNOUNCE_DEBOUNCE_MS)\n    ),\n    { initialValue: '' }\n  );\n\n  readonly characterCountAnnouncement = computed<{ key: string; params: { count: number } } | null>(() => {\n    if (!this.showCharacterCount()) {\n      return null;\n    }\n\n    const max = this.maxCharacters();\n    const remaining = max - this.announcedTextValue().length;\n\n    if (remaining < 0) {\n      return { key: 'PROMPT.CHARACTERS_OVER_LIMIT', params: { count: -remaining } };\n    }\n    if (remaining <= max * CHARACTER_COUNT_ANNOUNCE_THRESHOLD) {\n      return { key: 'PROMPT.CHARACTERS_REMAINING', params: { count: remaining } };\n    }\n\n    return null;\n  });\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly translationPipe = inject(UiTranslatePipe);\n\n  private readonly resetOnLock = effect(() => {\n    if (this.isLocked()) {\n      this.isDropdownOpened.set(false);\n      this.isFieldFocused.set(false);\n      this.isFieldHovered.set(false);\n      this.isContainerFocused.set(false);\n      this.autocompleteSuggestion.set('');\n      this.composing.set(false);\n    }\n  });\n\n  fileDrop = viewChild<ElementRef<HTMLInputElement>>('fileDropRef');\n  tagDropdown = viewChild<ElementRef<HTMLInputElement>>('tagDropdown');\n  fieldComponentRef = viewChild.required<FieldComponent>('textarea');\n  private readonly promptContainer = viewChild.required<ElementRef<HTMLElement>>('promptContainerRef');\n\n  readonly dropdownPositions: ConnectedPosition[] = [\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'top',\n    },\n  ];\n\n  ngOnInit() {\n    this.initTags();\n  }\n\n  ngAfterViewInit() {\n    setTimeout(() => {\n      this.syncInputChange();\n    }, 0);\n  }\n\n  private async uploadFile(event: Event): Promise<void> {\n    const files = (event.currentTarget as HTMLInputElement).files;\n    if (files?.length) {\n      this.promptFilesList.update(list => {\n        list.push(files.item(0) as File);\n        return list;\n      });\n      this.emitValue();\n      await this.updateFileMenu();\n    }\n  }\n\n  sendPromptData(): void {\n    if (!this.canSubmit()) {\n      return;\n    }\n    this.promptData.emit({ text: this.promptTextValue() || '', files: this.promptFilesList() });\n\n    if (this.autoClear()) {\n      this.clearPromptData();\n    }\n  }\n\n  selectedMenuOption(menuOptionValue: string): void {\n    const updatedConfig = this.fileListMenuConfig().filter(menu => menu.value !== menuOptionValue);\n    const updatedFileList = this.promptFilesList().filter(file => file.name !== menuOptionValue);\n    this.promptFilesList.set(updatedFileList);\n    this.fileListMenuConfig.set(updatedConfig);\n  }\n\n  selectTag(tag: PromptTag, event: Event): void {\n    if (this.isLocked()) {\n      return;\n    }\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.isDropdownOpened.set(false);\n    this.promptTextValue.set(tag.label);\n    this.autocompleteSuggestion.set(`${tag.label} ${tag.autocomplete}`);\n    this.fieldComponentRef().field.nativeElement.focus();\n    this.onTouch();\n  }\n\n  onTextareaTab(event: Event): void {\n    if (this.isLocked()) {\n      return;\n    }\n    if (this.autocompleteSuggestion()) {\n      event.preventDefault();\n      this.promptTextValue.set(this.autocompleteSuggestion());\n      this.autocompleteSuggestion.set('');\n    }\n  }\n\n  onTextareaEnter(event: Event): void {\n    const keyboardEvent = event as KeyboardEvent;\n    // Three checks because browsers disagree on when `compositionend` fires relative to the\n    // Enter that commits an IME candidate: Chrome/Firefox after, Safari before, Android during.\n    if (keyboardEvent.isComposing || this.composing() || Date.now() - this.compositionEndedAt < IME_COMMIT_GRACE_MS) {\n      return;\n    }\n    // Unconditional, so a blocked Enter is swallowed rather than inserting a newline.\n    event.preventDefault();\n    this.sendPromptData();\n  }\n\n  dropdownOutsideClick(): void {\n    this.isDropdownOpened.set(false);\n  }\n\n  onFieldBlur(): void {\n    this.isFieldFocused.set(false);\n  }\n\n  onContainerFocusIn(): void {\n    this.isContainerFocused.set(true);\n  }\n\n  onContainerFocusOut(event: FocusEvent): void {\n    const next = event.relatedTarget;\n\n    if (next instanceof Node && this.promptContainer().nativeElement.contains(next)) {\n      return;\n    }\n\n    this.isContainerFocused.set(false);\n  }\n\n  itemsDropdownOutsideClick(event: MouseEvent): void {\n    if (this.promptContainer().nativeElement.contains(event.target as Node)) {\n      return;\n    }\n    this.isFieldFocused.set(false);\n    this.dropdownClosed.emit();\n  }\n\n  closeItemsDropdown(): void {\n    this.keepDropdownClosed.set(true);\n    this.dropdownClosed.emit();\n  }\n\n  onTextareaEscape(event: Event): void {\n    if (this.itemsDropdownVisible()) {\n      // Consume it only when it dismissed the dropdown, so an Escape with nothing open still\n      // reaches an enclosing ui-dialog / ui-side-sheet.\n      event.stopPropagation();\n      this.closeItemsDropdown();\n    }\n  }\n\n  selectDropdownItem(item: PromptDropdownItem, event: Event): void {\n    if (this.isLocked()) {\n      return;\n    }\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.keepDropdownClosed.set(true);\n    this.promptTextValue.set(item.label);\n    this.autocompleteSuggestion.set('');\n    this.fieldComponentRef().field.nativeElement.focus();\n    this.dropdownItemSelected.emit(item);\n    this.emitValue();\n  }\n\n  toggleDropdown(): void {\n    if (this.isLocked()) {\n      return;\n    }\n    this.isDropdownOpened.set(!this.isDropdownOpened());\n  }\n\n  focusTagDropdown(): void {\n    setTimeout(() => {\n      this.tagDropdown()?.nativeElement.focus();\n    }, 300);\n  }\n\n  private syncInputChange() {\n    if (!this.fieldComponentRef()?.field?.nativeElement) {\n      return;\n    }\n\n    const textarea = this.fieldComponentRef().field.nativeElement;\n\n    fromEvent(textarea, 'input')\n      .pipe(\n        map((event: Event) => (event.target as HTMLInputElement).value),\n        // Synchronous, so Enter and the Send button never observe a stale value.\n        tap(value => {\n          this.promptTextValue.set(value);\n          this.keepDropdownClosed.set(false);\n          if (this.autocompleteSuggestion()) {\n            this.autocompleteSuggestion.set('');\n          }\n        }),\n        debounceTime(INPUT_EMIT_DEBOUNCE_MS),\n        tap(() => this.emitValue()),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe();\n\n    fromEvent(textarea, 'compositionstart')\n      .pipe(\n        tap(() => this.composing.set(true)),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe();\n\n    fromEvent(textarea, 'compositionend')\n      .pipe(\n        tap(() => {\n          this.composing.set(false);\n          this.compositionEndedAt = Date.now();\n        }),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe();\n  }\n\n  private initTags(): void {\n    if (!this.tags()?.length) {\n      return;\n    }\n    if (this.tags().length <= 5) {\n      this.tagsVisible.set(this.tags());\n      return;\n    }\n\n    this.tagsVisible.set(this.tags().slice(0, 5));\n    this.tagsInDropdown.set(this.tags().slice(5));\n  }\n\n  private async updateFileMenu(): Promise<void> {\n    const menuConfig: OverflowMenuButtonsType[] = [];\n    const tooltip = await firstValueFrom(this.translationPipe.transform('COMMON.DELETE'));\n    this.promptFilesList().forEach(file => {\n      menuConfig.push({\n        label: file.name,\n        value: file.name,\n        icon: 'Delete',\n        tooltipText: tooltip,\n      });\n    });\n    this.fileListMenuConfig.set(menuConfig);\n  }\n\n  private clearPromptData(): void {\n    this.promptTextValue.set('');\n    this.promptFilesList.set([]);\n    this.fileListMenuConfig.set([]);\n  }\n\n  writeValue(value: PromptData): void {\n    this.promptTextValue.set(value?.text ?? '');\n    this.promptFilesList.set(value?.files ?? []);\n  }\n  private onChange = (_value: PromptData): void => {};\n  private onTouch = () => {};\n\n  registerOnChange(fn: (value: PromptData) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledState.set(isDisabled);\n  }\n\n  async onFileSelected(event: Event): Promise<void> {\n    if (this.isLocked()) {\n      return;\n    }\n    if (this.actionTag()) {\n      this.handleActionTagFile(event);\n    } else {\n      await this.uploadFile(event);\n    }\n  }\n\n  onActionTagPress(): void {\n    if (this.isLocked() || this.actionTag()?.disabled) {\n      return;\n    }\n    this.fileDrop()?.nativeElement.click();\n  }\n\n  private handleActionTagFile(event: Event): void {\n    const inputEl = event.currentTarget as HTMLInputElement;\n    const file = inputEl.files?.item(0) ?? null;\n    if (file) {\n      this.actionTagFileSelected.emit(file);\n    }\n    inputEl.value = '';\n  }\n\n  private emitValue(): void {\n    this.onChange({ text: this.promptTextValue() || '', files: this.promptFilesList() });\n    this.onTouch();\n  }\n}\n","<ng-container>\n  <div\n    class=\"prompt-container\"\n    [class.has-error]=\"!!errorMessage()\"\n    [class.disabled]=\"isLocked()\"\n    [attr.aria-disabled]=\"isLocked()\"\n    [attr.aria-busy]=\"loading() ? 'true' : null\"\n    cdkOverlayOrigin\n    #promptOrigin=\"cdkOverlayOrigin\"\n    #promptContainerRef\n    [class.prompt-container-focused]=\"showFocusRing()\"\n    (focusin)=\"onContainerFocusIn()\"\n    (focusout)=\"onContainerFocusOut($event)\"\n  >\n    @if (loading()) {\n      <div class=\"prompt-loading\" aria-hidden=\"true\" animate.enter=\"cnp-prompt-fade-in\">\n        <ui-skeleton [theme]=\"{ width: '100%', height: '20px', margin: '0' }\"></ui-skeleton>\n        <ui-skeleton [theme]=\"{ width: '30%', height: '20px', margin: '0' }\"></ui-skeleton>\n      </div>\n    }\n    <div class=\"prompt-autocomplete\" [hidden]=\"loading()\">\n      <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n\n      @let showIcon = !isFieldFocused() && !promptTextValue();\n      @if (showIcon) {\n        <ui-icon\n          class=\"prompt-icon\"\n          animate.enter=\"cnp-prompt-icon-in\"\n          animate.leave=\"cnp-prompt-icon-out\"\n          [color]=\"'inherit'\"\n          [class.hovered]=\"isFieldHovered()\"\n          [name]=\"'Sparkle-in-line'\"\n        ></ui-icon>\n      }\n      <!-- `keydown.enter` matches unmodified Enter only; Shift+Enter resolves to `shift.enter`\n           and falls through to a newline. Do not add a shiftKey check. -->\n      <ui-field\n        #textarea\n        class=\"prompt-text\"\n        [class.show-icon]=\"showIcon\"\n        role=\"input\"\n        [showBottomContent]=\"false\"\n        [borderless]=\"true\"\n        [type]=\"'multi-line'\"\n        [autosizableTextarea]=\"true\"\n        [maxCharacters]=\"maxCharacters()\"\n        [placeholder]=\"showIcon ? placeholder() || ('PROMPT.ASK_ANYTHING' | uiTranslate | async)! : ''\"\n        [value]=\"promptTextValue() || ''\"\n        [hasTextAreaCounter]=\"false\"\n        [disabled]=\"disabled\"\n        (mouseenter)=\"isFieldHovered.set(true)\"\n        (mouseleave)=\"isFieldHovered.set(false)\"\n        (focusin)=\"isFieldFocused.set(true)\"\n        (fieldBlur)=\"onFieldBlur()\"\n        (keydown.tab)=\"onTextareaTab($event)\"\n        (keydown.enter)=\"onTextareaEnter($event)\"\n        (keydown.escape)=\"onTextareaEscape($event)\"\n      ></ui-field>\n    </div>\n    <div class=\"prompt-footer flex-container\">\n      <div class=\"flex-container\">\n        @if (actionTag(); as at) {\n          <ui-tag\n            [label]=\"at.label\"\n            [icon]=\"at.icon ?? 'Plus'\"\n            [ariaLabel]=\"at.ariaLabel ?? at.label\"\n            [isDisabled]=\"isLocked() || !!at.disabled\"\n            (press)=\"onActionTagPress()\"\n          ></ui-tag>\n        } @else if (enableFileUpload()) {\n          <ui-button\n            [variant]=\"'icon-button'\"\n            [tooltip]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [tooltipPosition]=\"'above'\"\n            [ariaLabel]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [iconName]=\"'Plus'\"\n            [disabled]=\"isLocked()\"\n            (click)=\"fileDrop()?.nativeElement?.click()\"\n          ></ui-button>\n\n          @if (promptFilesList().length) {\n            <div class=\"menu\" animate.enter=\"cnp-prompt-pop-in\">\n              <ui-badge\n                [notificationsAmount]=\"promptFilesList().length\"\n                [variant]=\"'notification'\"\n                class=\"menu-badge\"\n              ></ui-badge>\n              <ui-overflow-menu\n                [matTooltip]=\"('PROMPT.FILES' | uiTranslate | async)!\"\n                [matTooltipPosition]=\"'above'\"\n                [buttonSize]=\"'medium'\"\n                [iconTrigger]=\"'Document'\"\n                [buttonVariant]=\"'ghost'\"\n                [buttons]=\"fileListMenuConfig()\"\n                [isDynamicMenu]=\"true\"\n                [withRemovableOption]=\"true\"\n                (selectItem)=\"selectedMenuOption($event)\"\n              ></ui-overflow-menu>\n            </div>\n          }\n        }\n\n        @if (actionTag() || enableFileUpload()) {\n          <input\n            data-testid=\"prompt-file-input\"\n            [tabIndex]=\"-1\"\n            class=\"form-control\"\n            #fileDropRef\n            type=\"file\"\n            id=\"file-upload\"\n            [accept]=\"fileInputAccept()\"\n            [disabled]=\"isLocked()\"\n            (change)=\"onFileSelected($event)\"\n          />\n        }\n      </div>\n\n      @if (tags()?.length && !promptTextValue()) {\n        <div class=\"flex-container carousel\" animate.enter=\"cnp-prompt-row-in\">\n          <div class=\"tag-container flex-container\" role=\"list\" #tagsScrollContainer>\n            @for (tag of tagsVisible(); track tag) {\n              <ui-tag\n                [label]=\"tag.label\"\n                role=\"listitem\"\n                [ariaLabel]=\"tag.label\"\n                [isDisabled]=\"isLocked()\"\n                (click)=\"selectTag(tag, $event)\"\n                (keyup.enter)=\"selectTag(tag, $event)\"\n                (keyup.space)=\"selectTag(tag, $event)\"\n              ></ui-tag>\n            }\n\n            @if (tagsInDropdown().length) {\n              <ui-button\n                class=\"view-more\"\n                variant=\"text-inline\"\n                [label]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [ariaLabel]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [size]=\"'medium'\"\n                [disabled]=\"isLocked()\"\n                (click)=\"toggleDropdown()\"\n                (keydown.enter)=\"focusTagDropdown()\"\n                cdkOverlayOrigin\n                #dropdownTrigger=\"cdkOverlayOrigin\"\n              ></ui-button>\n            }\n          </div>\n\n          <div class=\"flex-container\">\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [ariaLabel]=\"'Scroll left button'\"\n              [iconName]=\"'Arrow-chevron-left-in-line'\"\n              [disabled]=\"isLocked() || tagsScrollContainer.scrollLeft === 0\"\n              (click)=\"tagsScrollContainer.scrollBy({ left: -100, behavior: 'smooth' })\"\n            ></ui-button>\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Arrow-chevron-right-in-line'\"\n              [ariaLabel]=\"'Scroll right button'\"\n              [disabled]=\"\n                isLocked() ||\n                tagsScrollContainer.scrollLeft + tagsScrollContainer.clientWidth >= tagsScrollContainer.scrollWidth\n              \"\n              (click)=\"tagsScrollContainer.scrollBy({ left: 100, behavior: 'smooth' })\"\n            ></ui-button>\n          </div>\n        </div>\n      }\n\n      @if (showCharacterCount()) {\n        <span class=\"prompt-character-count\" [class.over-limit]=\"isOverCharacterLimit()\"\n          >{{ promptTextValue().length }} / {{ maxCharacters() }}</span\n        >\n        <span class=\"prompt-character-count-status\" aria-live=\"polite\">\n          @if (characterCountAnnouncement(); as announcement) {\n            {{ announcement.key | uiTranslate: announcement.params | async }}\n          }\n        </span>\n      }\n\n      @if (showSendButton()) {\n        <ui-button\n          class=\"send-button\"\n          animate.enter=\"cnp-prompt-pop-in\"\n          [variant]=\"'secondary'\"\n          [iconName]=\"'Arrow-up-in-line'\"\n          [tooltip]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [tooltipPosition]=\"'above'\"\n          [size]=\"'medium'\"\n          [disabled]=\"!canSubmit()\"\n          (click)=\"sendPromptData()\"\n        ></ui-button>\n      }\n    </div>\n\n    <div class=\"prompt-projected-footer\">\n      <ng-content select=\"[promptFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div class=\"prompt-error\" animate.enter=\"cnp-prompt-error-in\">\n      <ui-icon [name]=\"'Error'\" color=\"red\"></ui-icon>\n      <span>{{ errorMessage() }}</span>\n    </div>\n  }\n\n  <!--  Dropdown for hidden tags -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"isDropdownOpened() && !isLocked()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"dropdownOutsideClick()\"\n  >\n    <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\" animate.enter=\"cnp-prompt-dropdown-in\">\n      @for (tag of tagsInDropdown(); track tag) {\n        <div\n          class=\"dropdown-tag\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"tag.label\"\n          role=\"listitem\"\n          (click)=\"selectTag(tag, $event)\"\n          (keyup.enter)=\"selectTag(tag, $event)\"\n          (keyup.space)=\"selectTag(tag, $event)\"\n        >\n          {{ tag.label }}\n        </div>\n      }\n    </div>\n  </ng-template>\n\n  <!-- Built-in items dropdown (UI-877) — opens on focus, typing filters by label -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"itemsDropdownVisible()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"itemsDropdownOutsideClick($event)\"\n  >\n    <div\n      class=\"dropdown-container custom-dropdown-container\"\n      animate.enter=\"cnp-prompt-dropdown-in\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @if (dropdownHeading() || showDropdownClose()) {\n        <div class=\"dropdown-header\">\n          @if (dropdownHeading()) {\n            <span class=\"dropdown-heading\">{{ dropdownHeading() }}</span>\n          }\n          @if (showDropdownClose()) {\n            <ui-button\n              class=\"dropdown-close\"\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Close-in-line'\"\n              [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              [tooltipPosition]=\"'above'\"\n              [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              (click)=\"closeItemsDropdown()\"\n            ></ui-button>\n          }\n        </div>\n      }\n      <div role=\"list\">\n        @for (item of filteredDropdownItems(); track item.id) {\n          <div\n            class=\"dropdown-tag dropdown-item\"\n            tabindex=\"0\"\n            role=\"listitem\"\n            [attr.aria-label]=\"item.label\"\n            (click)=\"selectDropdownItem(item, $event)\"\n            (keydown.enter)=\"selectDropdownItem(item, $event)\"\n            (keydown.space)=\"selectDropdownItem(item, $event)\"\n          >\n            @if (item.icon) {\n              <ui-icon class=\"dropdown-item-icon\" [name]=\"item.icon\" [color]=\"'inherit'\"></ui-icon>\n            }\n            <span class=\"dropdown-item-label\">{{ item.label }}</span>\n            <ui-icon class=\"dropdown-item-chevron\" [name]=\"'Arrow-chevron-right-in-line'\" [color]=\"'inherit'\"></ui-icon>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n","import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { CardComponentModule } from '@testgorilla/tgo-ui/components/card';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { OverflowMenuComponentModule } from '@testgorilla/tgo-ui/components/overflow-menu';\nimport { SkeletonComponent } from '@testgorilla/tgo-ui/components/skeleton';\nimport { TagComponentModule } from '@testgorilla/tgo-ui/components/tag';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { PromptComponent } from './prompt.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FieldComponentModule,\n    ButtonComponentModule,\n    OverflowMenuComponentModule,\n    TagComponentModule,\n    BadgeComponentModule,\n    CdkOverlayOrigin,\n    CdkConnectedOverlay,\n    CardComponentModule,\n    CdkTextareaAutosize,\n    TooltipComponentModule,\n    MatTooltip,\n    UiTranslatePipe,\n    IconComponentModule,\n    SkeletonComponent,\n    PromptComponent,\n  ],\n  exports: [PromptComponent],\n})\nexport class PromptModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs

@@ -106,7 +106,7 @@ class RadialProgressComponent {
         this.buttonClicked.emit(ev);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: RadialProgressComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: RadialProgressComponent, isStandalone: true, selector: "ui-radial-progress", inputs: { size: "size", value: "value", total: "total", variant: "variant", showPercentageSign: "showPercentageSign", icon: "icon", buttonTooltip: "buttonTooltip", companyColor: "companyColor", applicationTheme: "applicationTheme", showProjectedContent: ["showProjectedContent", "showProjectedContent", booleanAttribute] }, outputs: { buttonClicked: "buttonClicked" }, host: { properties: { "style.--color": "this.companyColor" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"radial-progress-container\"\n  [attr.theme]=\"applicationTheme\"\n  [style.width]=\"progressSize + 'px'\"\n  [style.height]=\"progressSize + 'px'\"\n>\n  <div class=\"background\" [style.border-width]=\"strokeWidth + 'px'\"></div>\n\n  <mat-progress-spinner\n    [strokeWidth]=\"strokeWidth\"\n    [diameter]=\"progressSize\"\n    [value]=\"percentage\"\n  ></mat-progress-spinner>\n\n  <div\n    class=\"inner-container size-{{ size }}\"\n    [class.has-revealed-content]=\"showProjectedContent\"\n    [class.small-font]=\"(variant === 'thin' || variant === 'empty-thin') && percentage !== 100\"\n    [class.tiny-font]=\"percentage === 100 && showPercentageSign && variant === 'thin'\"\n  >\n    <div class=\"default-content\" [attr.inert]=\"showProjectedContent ? '' : null\">\n      @if (variant === 'empty' || variant === 'empty-thin') {\n        <div>{{ '-' }}</div>\n      } @else if (variant === 'icon-button' && size !== 'small') {\n        <ui-button\n          [tooltip]=\"buttonTooltip\"\n          [iconName]=\"icon\"\n          [variant]=\"'icon-button'\"\n          (click)=\"onButtonClick($event)\"\n          [applicationTheme]=\"applicationTheme\"\n        ></ui-button>\n      } @else if (size === radialProgressSize.LARGE || variant === 'thin') {\n        <div class=\"value\">\n          {{ displayValue }}\n        </div>\n      }\n    </div>\n    <div class=\"projected-content\" [attr.inert]=\"showProjectedContent ? null : ''\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host .radial-progress-container{position:relative}:host .radial-progress-container .inner-container,:host .radial-progress-container .background{position:absolute;top:0;left:0;width:100%;height:100%}:host .radial-progress-container .background{border:solid #e0e0e0;border-radius:50%}:host .radial-progress-container .inner-container{display:flex;align-items:center;justify-content:center;color:#276678;font-size:14px;font-weight:700}:host .radial-progress-container .inner-container.small-font{font-size:12px}:host .radial-progress-container .inner-container.tiny-font{font-size:10px}:host .radial-progress-container .inner-container.size-large .value{font-size:14px;font-weight:700}:host .radial-progress-container .inner-container .default-content,:host .radial-progress-container .inner-container .projected-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;will-change:opacity,transform}:host .radial-progress-container .inner-container .default-content{opacity:1;transform:scale(1);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}:host .radial-progress-container .inner-container .projected-content{opacity:0;transform:scale(.7);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.34,1.56,.64,1)}:host .radial-progress-container .inner-container.has-revealed-content .default-content{opacity:0;transform:scale(1.05)}:host .radial-progress-container .inner-container.has-revealed-content .projected-content{opacity:1;transform:scale(1)}:host .radial-progress-container .inner-container.size-small .projected-content{display:none}:host .radial-progress-container ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:var(--color);stroke-linecap:round}:host .radial-progress-container[theme=dark] .inner-container,:host .radial-progress-container[theme=light] .inner-container{color:#242424}@media(prefers-reduced-motion:reduce){:host .radial-progress-container .inner-container .default-content,:host .radial-progress-container .inner-container .projected-content{transition:none}}\n"], dependencies: [{ kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: RadialProgressComponent, isStandalone: true, selector: "ui-radial-progress", inputs: { size: "size", value: "value", total: "total", variant: "variant", showPercentageSign: "showPercentageSign", icon: "icon", buttonTooltip: "buttonTooltip", companyColor: "companyColor", applicationTheme: "applicationTheme", showProjectedContent: ["showProjectedContent", "showProjectedContent", booleanAttribute] }, outputs: { buttonClicked: "buttonClicked" }, host: { properties: { "style.--color": "this.companyColor" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"radial-progress-container\"\n  [attr.theme]=\"applicationTheme\"\n  [style.width]=\"progressSize + 'px'\"\n  [style.height]=\"progressSize + 'px'\"\n>\n  <div class=\"background\" [style.border-width]=\"strokeWidth + 'px'\"></div>\n\n  <mat-progress-spinner\n    [strokeWidth]=\"strokeWidth\"\n    [diameter]=\"progressSize\"\n    [value]=\"percentage\"\n  ></mat-progress-spinner>\n\n  <div\n    class=\"inner-container size-{{ size }}\"\n    [class.has-revealed-content]=\"showProjectedContent\"\n    [class.small-font]=\"(variant === 'thin' || variant === 'empty-thin') && percentage !== 100\"\n    [class.tiny-font]=\"percentage === 100 && showPercentageSign && variant === 'thin'\"\n  >\n    <div class=\"default-content\" [attr.inert]=\"showProjectedContent ? '' : null\">\n      @if (variant === 'empty' || variant === 'empty-thin') {\n        <div>{{ '-' }}</div>\n      } @else if (variant === 'icon-button' && size !== 'small') {\n        <ui-button\n          [tooltip]=\"buttonTooltip\"\n          [iconName]=\"icon\"\n          [variant]=\"'icon-button'\"\n          (click)=\"onButtonClick($event)\"\n          [applicationTheme]=\"applicationTheme\"\n        ></ui-button>\n      } @else if (size === radialProgressSize.LARGE || variant === 'thin') {\n        <div class=\"value\">\n          {{ displayValue }}\n        </div>\n      }\n    </div>\n    <div class=\"projected-content\" [attr.inert]=\"showProjectedContent ? null : ''\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host .radial-progress-container{position:relative}:host .radial-progress-container .inner-container,:host .radial-progress-container .background{position:absolute;top:0;left:0;width:100%;height:100%}:host .radial-progress-container .background{border:solid #e0e0e0;border-radius:50%}:host .radial-progress-container .inner-container{display:flex;align-items:center;justify-content:center;color:#276678;font-size:14px;font-weight:700}:host .radial-progress-container .inner-container.small-font{font-size:12px}:host .radial-progress-container .inner-container.tiny-font{font-size:10px}:host .radial-progress-container .inner-container.size-large .value{font-size:14px;font-weight:700}:host .radial-progress-container .inner-container .default-content,:host .radial-progress-container .inner-container .projected-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;will-change:opacity,transform}:host .radial-progress-container .inner-container .default-content{opacity:1;transform:scale(1);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}:host .radial-progress-container .inner-container .projected-content{opacity:0;transform:scale(.7);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.34,1.56,.64,1)}:host .radial-progress-container .inner-container.has-revealed-content .default-content{opacity:0;transform:scale(1.05)}:host .radial-progress-container .inner-container.has-revealed-content .projected-content{opacity:1;transform:scale(1)}:host .radial-progress-container .inner-container.size-small .projected-content{display:none}:host .radial-progress-container ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:var(--color);stroke-linecap:round}:host .radial-progress-container[theme=dark] .inner-container,:host .radial-progress-container[theme=light] .inner-container{color:#242424}@media(prefers-reduced-motion:reduce){:host .radial-progress-container .inner-container .default-content,:host .radial-progress-container .inner-container .projected-content{transition:none}}\n"], dependencies: [{ kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: RadialProgressComponent, decorators: [{
             type: Component,

package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-radial-progress.mjs","sources":["../../../components/radial-progress/radial-progress.model.ts","../../../components/radial-progress/radial-progress.component.ts","../../../components/radial-progress/radial-progress.component.html","../../../components/radial-progress/radial-progress.component.module.ts","../../../components/radial-progress/testgorilla-tgo-ui-components-radial-progress.ts"],"sourcesContent":["export type RadialProgressSize = 'large' | 'small';\n\nexport enum RadialProgressSizeValue {\n  LARGE = 64,\n  SMALL = 40,\n}\n\nexport enum RadialProgressSizeEnum {\n  LARGE = 'large',\n  SMALL = 'small',\n}\n\nexport type RadialProgressVariant = 'number' | 'icon-button' | 'thin' | 'empty' | 'empty-thin';\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Inject,\n  Input,\n  Optional,\n  Output,\n  SimpleChanges,\n  OnChanges,\n} from '@angular/core';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconName } from '@testgorilla/tgo-ui/components/icon';\n\nimport {\n  RadialProgressSize,\n  RadialProgressSizeEnum,\n  RadialProgressSizeValue,\n  RadialProgressVariant,\n} from './radial-progress.model';\n\n@Component({\n  selector: 'ui-radial-progress',\n  templateUrl: './radial-progress.component.html',\n  styleUrls: ['./radial-progress.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [MatProgressSpinner, ButtonComponent],\n})\nexport class RadialProgressComponent implements OnChanges {\n  /**\n   * The size of the component. Defaults to 'small'.\n   * @type {RadialProgressSize}\n   * @memberof RadialProgressComponent\n   */\n  @Input() size: RadialProgressSize = RadialProgressSizeEnum.SMALL;\n  /**\n   * The current value of the progress. Defaults to 0.\n   * @type {number}\n   * @memberof RadialProgressComponent\n   */\n  @Input() value = 0;\n  /**\n   * The value of the total progress. Used to set the cap and used for percentage calculations. Defaults to 0.\n   * @type {number}\n   * @memberof RadialProgressComponent\n   */\n  @Input() total = 0;\n\n  /**\n   * @type {number}\n   * @memberof RadialProgressComponent\n   */\n  @Input() variant: RadialProgressVariant = 'number';\n\n  /**\n   * @type {boolean}\n   * @memberof RadialProgressComponent\n   */\n  @Input() showPercentageSign = true;\n\n  /**\n   * Icon for icon button\n   * @type {number}\n   * @memberof RadialProgressComponent\n   */\n  @Input() icon: IconName = '';\n\n  /**\n   * The tooltip that is displayed on hover. Required for icon-button\n   * @type {number}\n   * @memberof RadialProgressComponent\n   */\n  @Input() buttonTooltip = '';\n\n  /**\n   * Color of the progress bar.\n   * Defaults to Test Gorilla primary color.\n   *\n   * @type {string}\n   * @memberof RadialProgressComponent\n   */\n  @HostBinding('style.--color')\n  @Input()\n  companyColor: string | null;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof ButtonComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * When true (and size === 'large'), the projected content is revealed over\n   * the variant's default inner content with a cross-fade animation. Bind to\n   * the consumer's externally-controlled state (e.g. a parent card's hover\n   * or focus-within state). Has no effect when size === 'small' — the slot\n   * is suppressed via display: none at that size.\n   *\n   * @type {boolean}\n   * @memberof RadialProgressComponent\n   */\n  @Input({ transform: booleanAttribute }) showProjectedContent = false;\n\n  @Output() buttonClicked = new EventEmitter<Event>();\n\n  protected radialProgressSize = RadialProgressSizeEnum;\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (!changes['companyColor']) {\n      this.companyColor = this.applicationTheme === 'classic' ? '#46A997' : '#D410AA';\n    }\n  }\n\n  protected get progressSize(): number {\n    return this.size === (RadialProgressSizeEnum.SMALL as RadialProgressSize)\n      ? RadialProgressSizeValue.SMALL\n      : RadialProgressSizeValue.LARGE;\n  }\n\n  protected get percentage(): number {\n    return Math.round(this.total ? (this.value * 100) / this.total : 0);\n  }\n\n  protected get strokeWidth(): number {\n    return this.variant === 'thin' || this.variant === 'empty-thin' ? 4 : 8;\n  }\n\n  protected get displayValue(): string {\n    return this.showPercentageSign ? `${this.percentage}%` : `${this.percentage}`;\n  }\n\n  protected onButtonClick(ev: Event): void {\n    this.buttonClicked.emit(ev);\n  }\n}\n","<div\n  class=\"radial-progress-container\"\n  [attr.theme]=\"applicationTheme\"\n  [style.width]=\"progressSize + 'px'\"\n  [style.height]=\"progressSize + 'px'\"\n>\n  <div class=\"background\" [style.border-width]=\"strokeWidth + 'px'\"></div>\n\n  <mat-progress-spinner\n    [strokeWidth]=\"strokeWidth\"\n    [diameter]=\"progressSize\"\n    [value]=\"percentage\"\n  ></mat-progress-spinner>\n\n  <div\n    class=\"inner-container size-{{ size }}\"\n    [class.has-revealed-content]=\"showProjectedContent\"\n    [class.small-font]=\"(variant === 'thin' || variant === 'empty-thin') && percentage !== 100\"\n    [class.tiny-font]=\"percentage === 100 && showPercentageSign && variant === 'thin'\"\n  >\n    <div class=\"default-content\" [attr.inert]=\"showProjectedContent ? '' : null\">\n      @if (variant === 'empty' || variant === 'empty-thin') {\n        <div>{{ '-' }}</div>\n      } @else if (variant === 'icon-button' && size !== 'small') {\n        <ui-button\n          [tooltip]=\"buttonTooltip\"\n          [iconName]=\"icon\"\n          [variant]=\"'icon-button'\"\n          (click)=\"onButtonClick($event)\"\n          [applicationTheme]=\"applicationTheme\"\n        ></ui-button>\n      } @else if (size === radialProgressSize.LARGE || variant === 'thin') {\n        <div class=\"value\">\n          {{ displayValue }}\n        </div>\n      }\n    </div>\n    <div class=\"projected-content\" [attr.inert]=\"showProjectedContent ? null : ''\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\n\nimport { RadialProgressComponent } from './radial-progress.component';\n\n@NgModule({\n  exports: [RadialProgressComponent],\n  imports: [CommonModule, MatProgressSpinnerModule, ButtonComponentModule, RadialProgressComponent],\n})\nexport class RadialProgressComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-radial-progress.mjs","sources":["../../../components/radial-progress/radial-progress.model.ts","../../../components/radial-progress/radial-progress.component.ts","../../../components/radial-progress/radial-progress.component.html","../../../components/radial-progress/radial-progress.component.module.ts","../../../components/radial-progress/testgorilla-tgo-ui-components-radial-progress.ts"],"sourcesContent":["export type RadialProgressSize = 'large' | 'small';\n\nexport enum RadialProgressSizeValue {\n  LARGE = 64,\n  SMALL = 40,\n}\n\nexport enum RadialProgressSizeEnum {\n  LARGE = 'large',\n  SMALL = 'small',\n}\n\nexport type RadialProgressVariant = 'number' | 'icon-button' | 'thin' | 'empty' | 'empty-thin';\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Inject,\n  Input,\n  Optional,\n  Output,\n  SimpleChanges,\n  OnChanges,\n} from '@angular/core';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconName } from '@testgorilla/tgo-ui/components/icon';\n\nimport {\n  RadialProgressSize,\n  RadialProgressSizeEnum,\n  RadialProgressSizeValue,\n  RadialProgressVariant,\n} from './radial-progress.model';\n\n@Component({\n  selector: 'ui-radial-progress',\n  templateUrl: './radial-progress.component.html',\n  styleUrls: ['./radial-progress.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [MatProgressSpinner, ButtonComponent],\n})\nexport class RadialProgressComponent implements OnChanges {\n  /**\n   * The size of the component. Defaults to 'small'.\n   * @type {RadialProgressSize}\n   * @memberof RadialProgressComponent\n   */\n  @Input() size: RadialProgressSize = RadialProgressSizeEnum.SMALL;\n  /**\n   * The current value of the progress. Defaults to 0.\n   * @type {number}\n   * @memberof RadialProgressComponent\n   */\n  @Input() value = 0;\n  /**\n   * The value of the total progress. Used to set the cap and used for percentage calculations. Defaults to 0.\n   * @type {number}\n   * @memberof RadialProgressComponent\n   */\n  @Input() total = 0;\n\n  /**\n   * @type {number}\n   * @memberof RadialProgressComponent\n   */\n  @Input() variant: RadialProgressVariant = 'number';\n\n  /**\n   * @type {boolean}\n   * @memberof RadialProgressComponent\n   */\n  @Input() showPercentageSign = true;\n\n  /**\n   * Icon for icon button\n   * @type {number}\n   * @memberof RadialProgressComponent\n   */\n  @Input() icon: IconName = '';\n\n  /**\n   * The tooltip that is displayed on hover. Required for icon-button\n   * @type {number}\n   * @memberof RadialProgressComponent\n   */\n  @Input() buttonTooltip = '';\n\n  /**\n   * Color of the progress bar.\n   * Defaults to Test Gorilla primary color.\n   *\n   * @type {string}\n   * @memberof RadialProgressComponent\n   */\n  @HostBinding('style.--color')\n  @Input()\n  companyColor: string | null;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof ButtonComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * When true (and size === 'large'), the projected content is revealed over\n   * the variant's default inner content with a cross-fade animation. Bind to\n   * the consumer's externally-controlled state (e.g. a parent card's hover\n   * or focus-within state). Has no effect when size === 'small' — the slot\n   * is suppressed via display: none at that size.\n   *\n   * @type {boolean}\n   * @memberof RadialProgressComponent\n   */\n  @Input({ transform: booleanAttribute }) showProjectedContent = false;\n\n  @Output() buttonClicked = new EventEmitter<Event>();\n\n  protected radialProgressSize = RadialProgressSizeEnum;\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (!changes['companyColor']) {\n      this.companyColor = this.applicationTheme === 'classic' ? '#46A997' : '#D410AA';\n    }\n  }\n\n  protected get progressSize(): number {\n    return this.size === (RadialProgressSizeEnum.SMALL as RadialProgressSize)\n      ? RadialProgressSizeValue.SMALL\n      : RadialProgressSizeValue.LARGE;\n  }\n\n  protected get percentage(): number {\n    return Math.round(this.total ? (this.value * 100) / this.total : 0);\n  }\n\n  protected get strokeWidth(): number {\n    return this.variant === 'thin' || this.variant === 'empty-thin' ? 4 : 8;\n  }\n\n  protected get displayValue(): string {\n    return this.showPercentageSign ? `${this.percentage}%` : `${this.percentage}`;\n  }\n\n  protected onButtonClick(ev: Event): void {\n    this.buttonClicked.emit(ev);\n  }\n}\n","<div\n  class=\"radial-progress-container\"\n  [attr.theme]=\"applicationTheme\"\n  [style.width]=\"progressSize + 'px'\"\n  [style.height]=\"progressSize + 'px'\"\n>\n  <div class=\"background\" [style.border-width]=\"strokeWidth + 'px'\"></div>\n\n  <mat-progress-spinner\n    [strokeWidth]=\"strokeWidth\"\n    [diameter]=\"progressSize\"\n    [value]=\"percentage\"\n  ></mat-progress-spinner>\n\n  <div\n    class=\"inner-container size-{{ size }}\"\n    [class.has-revealed-content]=\"showProjectedContent\"\n    [class.small-font]=\"(variant === 'thin' || variant === 'empty-thin') && percentage !== 100\"\n    [class.tiny-font]=\"percentage === 100 && showPercentageSign && variant === 'thin'\"\n  >\n    <div class=\"default-content\" [attr.inert]=\"showProjectedContent ? '' : null\">\n      @if (variant === 'empty' || variant === 'empty-thin') {\n        <div>{{ '-' }}</div>\n      } @else if (variant === 'icon-button' && size !== 'small') {\n        <ui-button\n          [tooltip]=\"buttonTooltip\"\n          [iconName]=\"icon\"\n          [variant]=\"'icon-button'\"\n          (click)=\"onButtonClick($event)\"\n          [applicationTheme]=\"applicationTheme\"\n        ></ui-button>\n      } @else if (size === radialProgressSize.LARGE || variant === 'thin') {\n        <div class=\"value\">\n          {{ displayValue }}\n        </div>\n      }\n    </div>\n    <div class=\"projected-content\" [attr.inert]=\"showProjectedContent ? null : ''\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\n\nimport { RadialProgressComponent } from './radial-progress.component';\n\n@NgModule({\n  exports: [RadialProgressComponent],\n  imports: [CommonModule, MatProgressSpinnerModule, ButtonComponentModule, RadialProgressComponent],\n})\nexport class RadialProgressComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs

@@ -51,7 +51,7 @@ class ScaleTableComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ScaleTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: ScaleTableComponent, isStandalone: true, selector: "ui-scale-table", inputs: { applicationTheme: { classPropertyName: "applicationTheme", publicName: "applicationTheme", isSignal: true, isRequired: false, transformFunction: null }, scaleItems: { classPropertyName: "scaleItems", publicName: "scaleItems", isSignal: true, isRequired: true, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: true, transformFunction: null }, hideBetterExperience: { classPropertyName: "hideBetterExperience", publicName: "hideBetterExperience", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { scaleItems: "scaleItemsChange", hideBetterExperience: "hideBetterExperienceChange", scaleItemChange: "scaleItemChange" }, host: { properties: { "style.--scale-count": "scaleCount()" } }, ngImport: i0, template: "<div class=\"scale-table\">\n  <div class=\"better-experience\" [class.hide]=\"hideBetterExperience()\">\n    <ui-icon [size]=\"'24'\" [name]=\"'Device-rotate-in-line'\" class=\"mobile-landscape-icon\" />\n    <p>{{ 'SCALE_TABLE.ROTATE_DEVICE' | uiTranslate | async }}</p>\n    <ui-button\n      iconName=\"Close\"\n      variant=\"icon-button\"\n      size=\"small\"\n      [justIcon]=\"true\"\n      [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n      (click)=\"hideBetterExperience.set(true)\"\n    />\n  </div>\n  <!-- Header -->\n  <div tabindex=\"0\" [attr.aria-label]=\"'scale header'\" class=\"scale-table-header\">\n    @for (label of labels(); track $index) {\n      <div\n        tabindex=\"0\"\n        role=\"heading\"\n        [attr.aria-level]=\"3\"\n        [attr.aria-label]=\"label + ' as ' + ($index + 1)\"\n        class=\"scale-size\"\n      >\n        {{ label }}\n      </div>\n    }\n  </div>\n  <!-- Scale Items -->\n  @for (scale of scaleItems(); track scale.text) {\n    <div class=\"scale-table-row\" tabindex=\"0\" role=\"radiogroup\" [attr.aria-label]=\"scale.text\">\n      <div class=\"scale-text\">{{ scale.text }}</div>\n      <ui-scale\n        [selectedIndex]=\"scale.value ?? null\"\n        [length]=\"scale.length ?? labels().length\"\n        [applicationTheme]=\"applicationTheme()\"\n        (selectedIndexChange)=\"select($index, $event)\"\n      />\n    </div>\n  }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{font:\"ModernGothic\",serif;position:relative;display:flex;overflow:auto;align-items:start}.scale-table{display:flex;flex-direction:column;width:100%}.scale-table-header{display:flex;flex-direction:row;align-items:center;justify-content:end;min-width:fit-content;position:sticky;top:0;border-bottom:1px solid #d3d3d3;background-color:#fff;align-items:baseline;box-shadow:0 4px 16px #24242414;padding-inline-start:16px;padding-inline-end:8px;padding-top:4px}.scale-table-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:8px;min-width:fit-content;border-bottom:1px solid #d3d3d3}.scale-size{width:80px;text-align:center;flex-shrink:0;color:#242424;font-size:12px;font-family:ModernGothic;align-self:stretch;padding:4px}ui-scale{width:calc(var(--scale-count, 5) * 80px);flex-shrink:0}.scale-text{font-weight:400;font-size:16px;line-height:24px;letter-spacing:0%;vertical-align:middle;text-align:justify;font-family:ModernGothic;max-width:800px}.border-bottom{border-bottom:1px solid #d3d3d3}.better-experience{display:none;flex-direction:row;align-items:center;gap:8px;border-radius:10px;padding:12px 16px;background:#d9e8ff;justify-content:center}.better-experience p{flex:1 1 0%;font-size:14px;line-height:22px;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0%;vertical-align:middle;margin:0}.background-white{background-color:#fff}@media(max-width:960px){.scale-table-header{padding-left:0;padding-right:0;justify-content:start}.scale-table-row{padding-left:0;padding-right:0;flex-direction:column;align-items:start}.scale-size{width:calc(100% / var(--scale-count));min-width:40px;padding:0}ui-scale{width:100%;min-width:calc(var(--scale-count) * 40px);align-self:center}}@media screen and (min-width:1280px){.scale-size{width:104px;min-width:104px}ui-scale{min-width:calc(var(--scale-count) * 104px);align-self:center}}@media screen and (orientation:portrait)and (max-width:560px){.better-experience{display:flex}}.hide{display:none}\n"], dependencies: [{ kind: "ngmodule", type: ScaleComponentModule }, { kind: "component", type: i1.ScaleComponent, selector: "ui-scale", inputs: ["selectedIndex", "length", "applicationTheme", "companyColor", "testId", "ariaLabel"], outputs: ["selectedIndexChange"] }, { kind: "ngmodule", type: IconComponentModule }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: ScaleTableComponent, isStandalone: true, selector: "ui-scale-table", inputs: { applicationTheme: { classPropertyName: "applicationTheme", publicName: "applicationTheme", isSignal: true, isRequired: false, transformFunction: null }, scaleItems: { classPropertyName: "scaleItems", publicName: "scaleItems", isSignal: true, isRequired: true, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: true, transformFunction: null }, hideBetterExperience: { classPropertyName: "hideBetterExperience", publicName: "hideBetterExperience", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { scaleItems: "scaleItemsChange", hideBetterExperience: "hideBetterExperienceChange", scaleItemChange: "scaleItemChange" }, host: { properties: { "style.--scale-count": "scaleCount()" } }, ngImport: i0, template: "<div class=\"scale-table\">\n  <div class=\"better-experience\" [class.hide]=\"hideBetterExperience()\">\n    <ui-icon [size]=\"'24'\" [name]=\"'Device-rotate-in-line'\" class=\"mobile-landscape-icon\" />\n    <p>{{ 'SCALE_TABLE.ROTATE_DEVICE' | uiTranslate | async }}</p>\n    <ui-button\n      iconName=\"Close\"\n      variant=\"icon-button\"\n      size=\"small\"\n      [justIcon]=\"true\"\n      [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n      (click)=\"hideBetterExperience.set(true)\"\n    />\n  </div>\n  <!-- Header -->\n  <div tabindex=\"0\" [attr.aria-label]=\"'scale header'\" class=\"scale-table-header\">\n    @for (label of labels(); track $index) {\n      <div\n        tabindex=\"0\"\n        role=\"heading\"\n        [attr.aria-level]=\"3\"\n        [attr.aria-label]=\"label + ' as ' + ($index + 1)\"\n        class=\"scale-size\"\n      >\n        {{ label }}\n      </div>\n    }\n  </div>\n  <!-- Scale Items -->\n  @for (scale of scaleItems(); track scale.text) {\n    <div class=\"scale-table-row\" tabindex=\"0\" role=\"radiogroup\" [attr.aria-label]=\"scale.text\">\n      <div class=\"scale-text\">{{ scale.text }}</div>\n      <ui-scale\n        [selectedIndex]=\"scale.value ?? null\"\n        [length]=\"scale.length ?? labels().length\"\n        [applicationTheme]=\"applicationTheme()\"\n        (selectedIndexChange)=\"select($index, $event)\"\n      />\n    </div>\n  }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{font:\"ModernGothic\",serif;position:relative;display:flex;overflow:auto;align-items:start}.scale-table{display:flex;flex-direction:column;width:100%}.scale-table-header{display:flex;flex-direction:row;align-items:center;justify-content:end;min-width:fit-content;position:sticky;top:0;border-bottom:1px solid #d3d3d3;background-color:#fff;align-items:baseline;box-shadow:0 4px 16px #24242414;padding-inline-start:16px;padding-inline-end:8px;padding-top:4px}.scale-table-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:8px;min-width:fit-content;border-bottom:1px solid #d3d3d3}.scale-size{width:80px;text-align:center;flex-shrink:0;color:#242424;font-size:12px;font-family:ModernGothic;align-self:stretch;padding:4px}ui-scale{width:calc(var(--scale-count, 5) * 80px);flex-shrink:0}.scale-text{font-weight:400;font-size:16px;line-height:24px;letter-spacing:0%;vertical-align:middle;text-align:justify;font-family:ModernGothic;max-width:800px}.border-bottom{border-bottom:1px solid #d3d3d3}.better-experience{display:none;flex-direction:row;align-items:center;gap:8px;border-radius:10px;padding:12px 16px;background:#d9e8ff;justify-content:center}.better-experience p{flex:1 1 0%;font-size:14px;line-height:22px;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0%;vertical-align:middle;margin:0}.background-white{background-color:#fff}@media(max-width:960px){.scale-table-header{padding-left:0;padding-right:0;justify-content:start}.scale-table-row{padding-left:0;padding-right:0;flex-direction:column;align-items:start}.scale-size{width:calc(100% / var(--scale-count));min-width:40px;padding:0}ui-scale{width:100%;min-width:calc(var(--scale-count) * 40px);align-self:center}}@media screen and (min-width:1280px){.scale-size{width:104px;min-width:104px}ui-scale{min-width:calc(var(--scale-count) * 104px);align-self:center}}@media screen and (orientation:portrait)and (max-width:560px){.better-experience{display:flex}}.hide{display:none}\n"], dependencies: [{ kind: "ngmodule", type: ScaleComponentModule }, { kind: "component", type: i1.ScaleComponent, selector: "ui-scale", inputs: ["selectedIndex", "length", "applicationTheme", "companyColor", "testId", "ariaLabel"], outputs: ["selectedIndexChange"] }, { kind: "ngmodule", type: IconComponentModule }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ScaleTableComponent, decorators: [{
             type: Component,