@windward/core 0.27.0 → 0.28.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # Changelog
 
+## Release [0.28.0] - 2026-02-18
+
+* Merged in feature/LE-2250/open-response-feedback-2 (pull request #485)
+* Merged in feature/LE-2223-add-title-and-instructions-to-im (pull request #483)
+* Merged in feature/LE-2250/open-response-feedback (pull request #482)
+* Merged in feature/LE-2223-add-title-and-instructions-to-im (pull request #481)
+* Merged in feature/LE-2208-translate-course (pull request #478)
+* Merge remote-tracking branch 'origin/release/0.28.0' into feature/LE-2208-translate-course
+* Merge branch 'develop' into feature/LE-2208-translate-course
+* Merged in release/0.27.0 (pull request #462)
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #476)
+* Merged release/0.27.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #474)
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #473)
+* Merged release/0.27.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged release/0.27.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged in LE-1915-block-quote-design-updates (pull request #468)
+* Merge remote-tracking branch 'origin/release/0.27.0' into LE-1915-block-quote-design-updates
+* Merged in LE-2185-feedback-block-add-container-bac (pull request #469)
+* Merge remote-tracking branch 'origin/release/0.27.0' into LE-2185-feedback-block-add-container-bac
+* Merged in feature/LE-2236-bar-charts-for-non-open-ended-it (pull request #472)
+* Merged in feature/LE-1788-transcript-generation (pull request #465)
+* Merged release/0.27.0 into feature/LE-2236-bar-charts-for-non-open-ended-it
+* Merged in LE-2186-file-upload-block-add-container- (pull request #470)
+* Merged in feature/LE-2236-bar-charts-for-non-open-ended-it (pull request #471)
+* Add localized "item header" message for ClickableIconsSettings and update "initial setup" text for OpenResponse block
+* Merged in LE-1897-glossary-pop-up-displayy (pull request #467)
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #464)
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #466)
+* Merged release/0.27.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merge remote-tracking branch 'origin/feature/LE-2155-consistent-ui-for-adding-new-blo' into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged release/0.27.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged release/0.28.0 into feature/LE-2223-add-title-and-instructions-to-im
+* Merged in feature/LE-2223-add-title-and-instructions-to-im (pull request #477)
+* Merged in feature/LE-2215-clickable-icon-default-settings- (pull request #475)
+
+
 ## Release [0.27.0] - 2026-01-15
 
 * Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #476)

package/components/Content/Blocks/Accordion.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :class="blockDirectionClasses" :dir="blockTextDirection">
         <v-container
             v-if="
                 block.metadata.config.title ||

package/components/Content/Blocks/BlockQuote.vue

@@ -1,5 +1,5 @@
 <template>
-    <v-container :class="containerClasses">
+    <v-container :class="['container-left-border', blockDirectionClasses]" :dir="blockTextDirection">
         <v-row
             v-if="
                 block.metadata.config.title ||

package/components/Content/Blocks/ClickableIcons.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :class="blockDirectionClasses" :dir="blockTextDirection">
         <v-container class="pa-0">
             <h2
                 v-if="
@@ -254,10 +254,11 @@ export default {
         }
         if (_.isEmpty(this.block.metadata.config.display)) {
             this.block.metadata.config.display = {
-                show_title: false,
-                show_background: false,
+                show_title: true,
+                show_background: true,
                 round_icon: false,
                 italic_icon: false,
+                large_icon: false,
                 autocolor: true,
             }
         }

package/components/Content/Blocks/Email.vue

@@ -1,5 +1,5 @@
 <template>
-    <v-container>
+    <v-container :class="blockDirectionClasses" :dir="blockTextDirection">
         <v-row
             v-if="
                 block.metadata.config.title ||

package/components/Content/Blocks/FileDownload.vue

@@ -1,5 +1,5 @@
 <template>
-    <v-container class="pa-0">
+    <div :class="blockDirectionClasses" :dir="blockTextDirection">
         <h2
             v-if="
                 block.metadata.config.title &&
@@ -51,7 +51,7 @@
             "
             :value="resolvedItemAssets"
         ></FileLinks>
-    </v-container>
+    </div>
 </template>
 
 <script>

package/components/Content/Blocks/Image.vue

@@ -1,5 +1,30 @@
 <template>
     <div>
+        <v-container
+            v-if="
+                block.metadata.config.title ||
+                block.metadata.config.instructions
+            "
+            class="pa-0"
+        >
+            <h2
+                v-if="
+                    block.metadata.config.title &&
+                    block.metadata.config.display_title
+                "
+                tabindex="0"
+            >
+                {{ block.metadata.config.title }}
+            </h2>
+
+            <p
+                v-if="block.metadata.config.instructions"
+                tabindex="0"
+                class="pt-3"
+            >
+                {{ block.metadata.config.instructions }}
+            </p>
+        </v-container>
         <ImageAssetViewer
             v-if="block.metadata.config.asset"
             v-model="block.metadata.config"
@@ -8,6 +33,24 @@
         <v-alert v-else type="warning">{{
             $t('windward.core.components.settings.image.no_image')
         }}</v-alert>
+
+        <!-- Visible image description for translated courses only -->
+        <!-- aria-hidden prevents screen readers from reading this twice (already read via aria-describedby on the image) -->
+        <div
+            v-if="isTranslatedBlock && imageDescription"
+            class="image-description mt-3 pa-3"
+            aria-hidden="true"
+        >
+            <h4
+                class="image-description__heading text-subtitle-2 font-weight-bold mb-1"
+            >
+                {{ $t('shared.file.image.description') }}
+            </h4>
+            <div
+                class="image-description__text text-body-2"
+                v-html="imageDescription"
+            ></div>
+        </div>
     </div>
 </template>
 
@@ -15,6 +58,7 @@
 import _ from 'lodash'
 import ImageAssetViewer from '~/components/Content/ImageAssetViewer.vue'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
+import Uuid from '~/helpers/Uuid'
 
 export default {
     name: 'ContentBlockImage',
@@ -25,6 +69,47 @@ export default {
     data() {
         return {}
     },
+    computed: {
+        /**
+         * Check if this block is from a translated course
+         * Translated blocks have metadata.translation object
+         */
+        isTranslatedBlock() {
+            return !!_.get(this.block, 'metadata.translation', null)
+        },
+        /**
+         * Get the file asset for this image
+         * Uses resolveAsset from BaseContentBlock which wraps FileAssetHelper
+         */
+        fileAsset() {
+            const config = _.get(this.block, 'metadata.config', {})
+            return this.resolveAsset(config.asset)
+        },
+        /**
+         * Get the image description (ariaDescribedBy) from config or asset
+         * Checks multiple sources in order of priority
+         */
+        imageDescription() {
+            const config = _.get(this.block, 'metadata.config', {})
+
+            // If not inheriting from global, use the config value
+            if (!config.inherit) {
+                return config.ariaDescribedBy || ''
+            }
+
+            // If inheriting, try to get from file asset (locale-aware props first)
+            return (
+                _.get(this.fileAsset, 'aria_describedby', null) ||
+                _.get(this.fileAsset, 'props.aria_describedby', null) ||
+                _.get(
+                    this.fileAsset,
+                    'asset.metadata.props.aria_describedby',
+                    null
+                ) ||
+                ''
+            )
+        },
+    },
     beforeMount() {
         if (_.isEmpty(this.block.metadata.config)) {
             this.block.metadata.config = {}
@@ -41,6 +126,61 @@ export default {
         if (_.isEmpty(this.block.metadata.config.ariaDescribedBy)) {
             this.block.metadata.config.ariaDescribedBy = ''
         }
+        // If the block is brand new and the title is missing then pre-set the word 'Image' to it
+        if (
+            !Uuid.test(this.block.id) &&
+            _.isEmpty(this.block.metadata.config.title)
+        ) {
+            this.block.metadata.config.title = this.$t(
+                'windward.core.shared.content_blocks.title.image'
+            )
+        } else if (_.isEmpty(this.block.metadata.config.title)) {
+            // Otherwise make sure the title key at least exists
+            this.block.metadata.config.title = ''
+        }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
+        if (_.isEmpty(this.block.metadata.config.instructions)) {
+            this.block.metadata.config.instructions = ''
+        }
     },
 }
 </script>
+
+<style lang="scss" scoped>
+.image-description {
+    background-color: rgba(var(--v-theme-surface-variant), 0.5);
+    border-radius: 4px;
+    border-left: 3px solid rgba(var(--v-theme-primary), 0.7);
+
+    &__heading {
+        color: rgba(var(--v-theme-on-surface), 0.87);
+    }
+
+    &__text {
+        color: rgba(var(--v-theme-on-surface), 0.7);
+
+        // Deep selector to style HTML content rendered via v-html
+        ::v-deep {
+            p {
+                margin-bottom: 0.5rem;
+
+                &:last-child {
+                    margin-bottom: 0;
+                }
+            }
+
+            ul,
+            ol {
+                margin: 0.5rem 0;
+                padding-left: 1.5rem;
+            }
+
+            li {
+                margin-bottom: 0.25rem;
+            }
+        }
+    }
+}
+</style>